Print Design - Serif Fonts - Print Designers have always favoured serif fonts because the edges improve visibility and make letterforms easier to recognise.
Sans-serif fonts have generally been considered easier to read on screen. But with users browsing at high resolutions, Serif fonts have become legible for body text. - Big Headings - Big headings grab attention and can be high impact.
The trend started in 2009 and has grown in popularity. - Multi-column layouts - Multi-column layouts having been growing with increased screen resolutions.
More designers are adapting this method to the web to make it easier to fit in more content - Big Lead Image - Big images are being used more since broadband access has made big photographs more feasible.
More websites are using this to create a immersive experience - Disgrams and Infographics - Graphics communicate complex relations in ways that are too difficult for plain text.
Designers are using info graphics to create visually rich experiences. Simplicity - Simple designs are easier to use and understand, and they allow for grater clarity in communication messages. - Minimalist and Grid Design -Minimalism is a power yet difficult to master.
Minimalist designs require strong grid system to be effective, they naturally have plenty of white space. The grid keeps it organised - One-Page Layouts - effective one-page layouts hide any elements which aren’t a priority if a users wants to see this element they can click to uncover it.
One page layouts are viable because of powerful JavaScript libraries and faster connections. - Massive White Space - With higher resolutions and the ability to hide and reveal elements with JavaScript, harnessing white spar is much easier. - Typographic Layouts - With new font’s available now web designers have been able to use typography as a tool to create layouts.
CSS3 Techniques - CSS3 Animation - Animation has gone through many stages on the web, before we was only limited to GIF and then Flash. Now we can select from, Flash, Silverlight, GIF, JavaScript and CSS3. CSS3 makes animation on the web light and easy.
Rounded Corners - The Web 2.0 style of 2005 and 2006 made rounded corners popular, to the point of being annoying. At the time creating them was difficult. There was no set way to create truly rounded corners. Instead they were simulated with CSS, JavaScript hacks and image files. CSS3 now allows us to generate rounded corners directly in the browser. making them not only easier to create but also much more efficient, because the user doesn’t have to download addition images or JavaScript files.
Designers are increasingly taking advantage of this new browser capability in 2010. - Box and Text Shadows - Using shadows creates depth and has been since the earliest days of the web. However it hasn’t always been practical to add shadows to text you had to use images, which increased loading time and made maintenance more difficult. CSS3 has highly customisable shadow capabilities, which allow for a wide range of creative effects. - RGBa and Opacity - CSS3 has given designers better consistency and freedom in using opacity with the RGBa property - Mobile-Compatible Design
No comments:
Post a Comment