14

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 part (general overview) and bottom part (detailed 'specs'). For instance, you could leave the top against a white background, and only use the yellowish ...


13

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, but a close approximation. Alignment Instead of aligning the bases or the centres of the "bounding box", objects are aligned by their centroid, show below. ...


12

No. It's a trend. It looks pretty. But it has no meaningful purpose. For instance, the guy in that link has 15 of 16 circles filled for Photoshop. 15 of 16 whats? Skill units? Years? Is he 15/16ths of the way to beating the boss at the end of Photoshop? No! It makes no sense. If you can find a way to make a chart that tells a story, or puts an actual ...


11

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 there's more than that: you also need to avoid misleading cues that might make a reader read it incorrectly, and you need to know why you're using area instead of ...


11

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 opinion the main problem here is the way you have listed the various features centred on two lines. I don't think there's anything wrong with the fonts. It's just ...


7

It all depends on the actual use; who uses it to what aim. There are a million alternatives, and what you must bear in mind is what data is ok to be approximately right and what parts need to be exactly right. You could call this the granularity of the data. How the data is fed is of course also a consideration. But mainly: what needs to be how detailed to ...


6

If you're completely lost, there's a recent (late 2013) book that's a very good, practical, clear introduction to information graphics: Design for Information by Isabel Meirelles. The question mentions digging into hierarchical data: one classic way of allowing people to do this is with a multi-layer interactive treemap. It's quite hard to find really good ...


5

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 legendary graph by xkcd's Randall Munroe: (huge, legible version)


5

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 Lucian. Made 'CLASS' the same size as features. Also listed the features in one line, separated by commas, as suggested by Billy Kerr, and made their font a bit ...


4

Personally I'm not a huge fan of these skill bars. What do they tell you? So you're 5 blocks on PHP. Does that mean you know everything there is to know about PHP? Nobody knows everything about PHP. Does that mean you use it daily? Is 5 the max? I might assume it is but it also might not be. Bars just seem ambiguous. How good you are technically is ...


4

When working with items which all must be 100% and the same color I look at the things which make the items distinctive: size (including widths of strokes) style (dashes, dots, etc) fill (hollow, solid, patterns) shape Then it's a matter of how I can adjust these four settings to create enough distinction between items so they are visibly different. The ...


4

I think this is simply too much information. I get the attempt at making it more scannable but at the end of the day, developer positions typically require two things to get you through the door: whatever tech buzzwords they are looking for are listed as text in the resume to get by the automated key-word scanners and... You do well in the interview. As ...


4

In my opinion the area (D), not each side (E). If you are using a side of length 2, then the area would be 4 times the value and you would have a very overlapped graph. (E) When you have a normal bar graph (A), the data is linear, and the with of the bar is just for esthetic. (B) In those cases the area again is representative of the data because the ...


4

We're not as good at judging differences in area as we are in length. We use length as a proxy and therefore tend to underestimate differences in areas. For this reason, a circle that actually has 2x the area of another appears too small because our brain is relating their radii, which differ by a factor of 1.4x. There's are interesting attempts at ...


3

This is not a trivial problem; I am only going to give some general suggestions. My graphics are conceptional, would need some elegantifying to be optimal. First: kudos for making the mesh in the background light-light grey. People often overdo that. Do not underestimate the use of a few different diagrams to demonstrate the same data! When people ...


3

The first chart type I thought of was a bubble chart. You could put time as the x-axis and the page link as y-axis and then use the bubbles to represent the number of clicks at that time. Here is an example of said chart type: Source (raphaeljs) (Thanks user568458)


3

Short answer: Use cultural conventions and associations. There are millions, humans soak up conventions. The shape of arrows are a convention, as are warning signs, 'save disks', etc. Spot and use them. Consider affordances: if something looks like X can be done with it, looking at it brings to mind X. Make sure the symbolism goes the right way. It's never ...


3

Something like this maybe? or this or this the "Timer" icon may also reflect time span Just the ideas... By the way, I would not recommend to indicate the exact amount of time by the icon, like: 1h, 1d, 2d, etc. The graphics should only represent the meaning, like "passed time".


3

One strategy that you can use is sometimes called Messaging Management (Packaging Design Workbook, p. 87). It helps your audience to "chunk": A way of dealing with or remembering information by separating it into small groups or chunks. -Cambridge Dictionary group like elements so that your audience feels like there is a lesser quantity of elements to ...


2

Pluralsight now owns DigitalTutors (design and 3d training), so there's that. I've been on DT for a while and I'd recommend it. You get working files, quizes, and tests. One login for the complete tech and design libraries. Have a look to see if they have courses you're into first as they are a little more geared to game and FX industries, though they do ...


2

I did a brief comparison between Lynda and Pluralsight in my post which is currently ranked #1 on Google search. You can find it here: Lynda vs Pluralsight Online Software Training In general, Pluralsight has been leaning towards the .NET side for a while but recently added some other courses like Java, Android, Ruby, and web development resources like ...


2

I really dislike seeing these on student resumes, because they feel trendy/gimmicky and I question the analytics that go into determining how an entry level designer judges their own competency, with a possibly very myopic view of a given software program. 9/10 on InDesign? Ah, so I'm assuming you are fluent in working in tables, creating custom GREP styles, ...


2

It would make more sense to emphasize your skill set using actual words. For example, you could say that you are experienced using GREP style sheets in InDesign, or in creating interactive forms.


2

You say it will be screen printed, and that makes me think that it will be printed on anything else but paper. Fabric, metal, plastic. In that case it is even more important to make it simple, so that the contrast of the image is good enough on the background. Depending on the size of the finished instructions; I would make the bag less black. Consider the ...


2

1- Make your row of people a compound path. Make sure they are not grouped first, ungroup if necessary then select them all, right click and select "Make Compound Path". 2- Apply a gradient to the fill of the row of people. Using the Gradient window assign any gradient to it. Since the whole row is a compound path, handled as a single shape, the gradient ...


2

This might not be anything of what you want, but i simply turned the graph-part (data points) horisontal instead, and put a box with human-shaped "holes" on top. (I somehow got the idea that you imagined the human "bars" vertical?) You could add some kind of numeric scale - or not.


2

Perhaps you can have a ghosted original image remain in the background. Slightly opaque. As the pack rolls down, the actual opaque image would show more. It may assist as identifying relative change over the period of images. Hope it helps or creates other ideas for you.


2

I would add a dark grey dashed or dotted line to show where each fold lands and remove the lines as you progress in the images. I think your folding comes across pretty well, I'm more concerned with what happens between your 1st image and the 2nd one. Maybe a step is missing there. I can't tell where all the additional details in the 1st image is going and ...


2

If you're trying to keep the paper and slides linked (e.g., you'll be handing the paper out as part of the presentation, readers will have to sort through various slide shows to find yours, etc.) you should keep as many of the graphic elements consistent as possible. Examples 1 and 2 both keep most of the graphic elements the same; people expect some change ...


2

I know this is a very old question, but its an interesting problem. here's a solution I came up with. Keep in mind I don't have a full grasp of usage. My goal was the indicate distance in some way visually while reducing the amount of white space overall in the image... The reduced background image allows for indication of a more accurate distance. While ...


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