Skip to main content

Home/ @Publish/ Group items tagged Design

Rss Feed Group items tagged

Pedro Gonçalves

How Google's Redesigned Search Results Augur A More Beautiful Web | Co.Design | busines... - 0 views

  • For Google to eliminate underlines as well is simply the final nail in the coffin for this old web standard. But that step is necessary in an era when we navigate the web by other means than a mouse.
  • the pesky underlines still pop up if you mouse over them.)
Pedro Gonçalves

The Secrets Of A Memorable Infographic | Co.Design | business + design - 0 views

  • The most memorable visualizations, by far, contained elements that fell under the category of "human recognizable objects." These were images with photographs, body parts, icons--things that people regularly encounter in their daily lives. "Human recognizable objects will instantly make it more memorable," says Borkin. All but one of the 12 most memorable images in the study had a recognizable component.
  • Color was key; visualizations with more than six colors were much more memorable than those with only a few colors or a black-and-white gradient. Visual density--what some of us might call "clutter"--wasn't a bad thing either. In fact, images with a lot going on were significantly more memorable than minimalist approaches. Roundness was another hallmark of memorability (after all, our brains do love curves).
  • Then again, the researchers emphasize that this study only scratches the surface of what makes a visualization effective. Borkin and the others didn't study how well people retained the information in the images, just that they retained the image itself. An image that's memorable without being comprehensible may not be worth much. Borkin has already moved on to a similar study of visual comprehension, and she suspects in this case that "chart junk" and extraneous design elements will have a negative impact.
Pedro Gonçalves

Typographic Design Patterns and Best Practices | Smashing Magazine - 0 views

  • Only 34% of websites use a serif typeface for body copy.
  • Two thirds of the websites we surveyed used sans-serif fonts for body copy.
  • the most popular font sizes ranged from 18 to 29 pixels, with 18 to 20 pixels and 24 to 26 pixels being the most popular choices.
  • ...7 more annotations...
  • From our sample size, we saw a clear tendency towards sizes between 12 and 14 pixels. The most popular font size (38%) is 13 pixels, with 14 pixels slightly more popular than 12 pixels. Overall, the average font size for body copy is 13 pixels.
  • Heading font size ÷ Body copy font size = 1.96
  • The overall value, then, is 1.96. This means that when you have chosen a font size for your body copy, you may want to multiply it by 2 to get your heading font size.
  • line height (pixels) ÷ body copy font size (pixels) = 1.48Note that 1.5 is a value that is commonly recommended in classic typographic books, so our study backs up this rule of thumb. Very few websites use anything less than that. The number of websites that go above 1.48 decreases as you get further from this value.
  • line length (pixels) ÷ line height (pixels) = 27.8The average line length is 538.64 pixels (excluding margins and paddings)
  • space between paragraphs (pixels) ÷ line height (pixels) = 0.754
  • According to a classic rule of Web typography, 55 to 75 is an optimal number of characters per line.
Pedro Gonçalves

Never Underestimate Your Audience's Will To Avoid Reading | Fast Company | Business + I... - 0 views

  • people will go to great lengths to avoid reading.
  • even the best content can’t undo the effects of poor design and graphics that essentially say “don’t read me.” Good design isn’t everything, and it certainly doesn’t negate the need to create strong wording. However, bad design can negate even the strongest wording in its entirety
« First ‹ Previous 41 - 60 of 160 Next › Last »
Showing 20 items per page