29 votes
Accepted

Critique of timeline aesthetic

The purpose of a timeline is to show how the dots (or events in your case) break the line, so no need to squeeze the dots inside the line. Also adding bananas or cherries at the ends of the line and a ...
user avatar
  • 27.5k
15 votes
Accepted

Reset/avoid distorted Illustrator graph text labels after scaling?

Select the text in the graph with the Direct Selection Tool a, then press Shift+cmd+x (Mac) or Shift+Ctrl+x (Windows) to reset the font scaling back to normal.
user avatar
  • 166
15 votes

Illustrator: how to fill shapes with a 45 degree line pattern?

Use a pattern... There are a bunch of line patterns loaded with Illustrator by default (Open Swatch Library → Patterns → Basic Graphics → Basic Graphics Lines). You can use them as a ...
user avatar
  • 39.9k
14 votes

How would you represent distance graphically?

Updated example using a wedge design. For clarity, sample distances were added to the graph, and the text was removed. Example with Start and Finish text Since small size is a factor for handheld, ...
user avatar
14 votes
Accepted

How can I improve card design?

This is a small item, so avoid filling precious whitespace by containing every element into its own separate box. Instead, break the design down into 2 sections for better separation between the top ...
user avatar
  • 27.5k
13 votes
Accepted

How to make plot marker sizes for scientific plots seem consistent?

There are 2 main parts to this: Alignment and Size - other things like whitespace and shape are harder to objectively analyse but still important. As with most art and designs, balance is not exact, ...
user avatar
12 votes

How would you represent distance graphically?

Years ago I had an Amiga game called F19 Stealth Fighter. The HUD on this had something very similar to what you describe. For bombs that you dropped, rather than fired, you were shown a line with two ...
user avatar
  • 1,393
11 votes
Accepted

How to make wind flow / aerodynamic diagrams?

Graphing applications that do vector output are available. Ive used following applications quite successfully: Mathematica <- my preference it can do images like above Matlab (remember to export ...
user avatar
  • 55.3k
11 votes
Accepted

Should either the area or the length of a square be proportional to the data that is being visualized?

If you, the creator, is unsure, how will the reader know which it is? Short answer: the value should be linked 1:1 to the amount of colour on the page. So in your example, it should be area. But ...
user avatar
11 votes

Critique of timeline aesthetic

I don't feel the colors "jump out" in any way. I think the contrast ratio is far too low. for everything other than the darkest blue. In fact,that light blue and light yellow are nearly impossible to ...
user avatar
  • 198k
11 votes

How can I improve card design?

This is an opinion based answer, and there is no right or wrong here. Generally, I quite like the basic style of it. It's very traditional in a kind of educational establishment way. However in my ...
user avatar
  • 73.7k
10 votes
Accepted

What software should I use to design infographics?

Neither, use Illustrator. It's vector-based, so you can export your graphics as big as you want and it'll always look crisp. Indesign has (imho) better tools for formatting text, but Illustrator is ...
user avatar
  • 464
8 votes

How would you represent distance graphically?

If you want to show the distance between two persons, it is probably most intuitive to show a distance between two persons. In the rough mockup below there is still some sort of bar, but it is ...
user avatar
  • 81
8 votes
Accepted

How are these modern physics figures made?

They are most likely drawn by a human on a computer. Manually, with some definition of manual. It always strikes me a bit weird how people this day and age can not draw simple line drawings themselves....
user avatar
  • 55.3k
8 votes

Create a bar chart within a table in InDesign?

The cool way There's a font for this called FF Chartwell (no affiliation), which I have personally used for different annual reports and white papers. All the data is editable as numbers via the ...
user avatar
  • 27.5k
7 votes

Drawing block diagram?

I don't know if its suitable here, but there are also ways with not WYSIWYG-programms. In my example the tikz-package of LaTeX. Normally TeX is used for texts and professional scriptum, but also good ...
user avatar
  • 171
7 votes

How would you represent distance graphically?

I think the distance items work better and are far more intuitive, but I'd reverse things a a bit. Great distance should be long and red, short distance should be short and green. What you've posted ...
user avatar
  • 198k
7 votes
Accepted

Illustrator: how to fill shapes with a 45 degree line pattern?

You can create a Pattern Swatch and use that pattern as a fill. I would start with what you have already, with two specific notes: Make a perfect square as your background. Space the diagonal lines ...
user avatar
  • 737
6 votes

How to make wind flow / aerodynamic diagrams?

Your best bet is to pick up a vector editor and learn how to use it. The examples above do not seem complicated, and a basic understanding of drawing vectors would do the job just fine. If you will ...
user avatar
6 votes

Software to ease the creation of diagrams?

I would use yEd* not only does this tool draw these it also makes automatic layouts for your nodes. Other software would include MS Visio. Image 1: A image made with yEd illustrator combo (yEd made ...
user avatar
  • 55.3k
6 votes
Accepted

How to add some perspective to AI files placed in InDesign

Precise isometric view Select Container Frame Copy height to clipboard Set Rotation Angle to -30 Set Shear X Angle to 30 Select Content Frame Paste in the height from before Fit frame to content ...
user avatar
  • 19.1k
5 votes

How would you represent distance graphically?

Using the image Talkingrock created: I think what would make the most sense, to me, would be for it to be swapped like so: Starts at Far Apart and lights up as you approach together. I think the ...
user avatar
  • 22.9k
5 votes

What is this "justified" text technique called?

I don't know if there is a universal term for this. However, I have seen the term slab text used to describe it (not to be confused with slab serif). I also can't tell you the origin of the ...
user avatar
  • 49.8k
5 votes

Should either the area or the length of a square be proportional to the data that is being visualized?

I'd say the area. Optically, a square with a side two times as long shows as an area 4 times as big. Casual observers will relate to the area, even without reading your legend. A nice example is this ...
user avatar
  • 24.3k
5 votes

How are these modern physics figures made?

I think the tool used is interdisciplinary effort, commonly known as Team Work. If an ilustration is made to ilustrate, probably it is made by an ilustrator using a program made for ilustrations; ...
user avatar
  • 33.6k
5 votes

Infographic for job titles

You are using too many bold letters and instead of making things clear, they mess it up more. This answer is formatted as an example itself. What is the most important information? The initial ...
user avatar
  • 33.6k
5 votes

How can I improve card design?

Great thanks to everybody for your replies! I found it difficult to place all the information under icons, so I ended up with aligning the first column right and the second left, as suggested by ...
user avatar
  • 323
5 votes

How to choose a good color palette that is easy for the eyes, yet convey the deepness of the topic?

All that coloring scheme is distracting and you need to keep people's focus on the content, not the random candy rainbow thing. Reduce the color scheme to a single color, in my example below, 8% of &...
user avatar
  • 27.5k
5 votes
Accepted

How to choose a good color palette that is easy for the eyes, yet convey the deepness of the topic?

My two cents. A. Keep the palette monochromatic unless you want some other meaning than "Deep". You could use any color, but normally, a warm color will give you the additional meaning of &...
user avatar
  • 33.6k

Only top scored, non community-wiki answers of a minimum length are eligible