Website Design Trends, Typography, Modern Website Design. and website design history.
In spite of its relatively short history, web design is now a fully developed science, complete with a vast quantity of information both newbie and experienced designers should learn. Here at Awwwards, we like to think we know a bit about web design, and when it comes to learning, we like to do it visually. Instead of sending you off to battle big boring blocks of text, we’ve gathered some of the most interesting and useful infographics on web design - both theory and practice. So sit back and get ready to learn tons of new things simply by clicking through our selection of colorful graphics.
We’ve broken the list into 8 categories:
- 1. Web Design History
- 2. Getting Started
- 3. Design Principles, Techniques, Styles, Animation
- 4. Color Theory and Psychology
- 5. Typography
- 6. User Experience, Patterns, Techniques
- 7. Web Design Trends 2014
- 8. Responsive and Mobile Website Design
Web Design History
Here to school you on the origins and evolution of the internet, these infographics will take you through past trends, design practices, coding languages and future directions:
- 1. Past, Present And Future Of Web Design
Getting Started
Because you’ve gotta start somewhere - a selection of the basic foundations everyone has to to keep in mind, whether we’ve been in the industry for a month or a decade:
- 1. How To Start A Web Design Project
Design Principles, Techniques, Styles, Animation
Battling the pixels to create beautiful, immersive and user-centred experiences online requires patience, an eye for detail and a lot of background knowledge. While we can't help you with the first two, here are some amazing resources on Design principles and Techniques:
Color Theory and Psychology
As one of the most emotional components of any interface, colors set the tone, highlight details, and get the more subtle messages across (if used correctly, of course!). The following resources on Color Psychology and Theory will help you get it right:
Typography
Only a truly great Web Designer recognises the true importance of typography. From content hierarchy to readability, typefaces have a tremendous impact on user experience. This group of infographics will help you master the world of letters:
- 1. What You Need To Know About Typography
User Experience, Patterns and Techniques
You’ve made it through the essential elements and theory of web design, but now it’s time to adapt it to specific patterns of of a site.
- 1. The Anatomy Of An Effective Homepage
- 1. Quick Start Guide To UX Design
Web Design Trends 2014
A lot has changed since the good, old days when drop-down menu was considered the ultimate way to navigate. Web design evolves quickly and continuously, which makes following current news on the latest design trends so essential. Here are some web designer infographics with the latest scoop on responsive design, UI, video content and more:
Responsive and Mobile Website Design
Responsiveness is without a doubt the top concern for web designers today: with an ever increasing variety of devices on the market and a constantly evolving web, making your sites responsive is a necessity. These infographics will give you the why and the how of Responsive Website Design:
- 1. Infographic: Responsive Images Problems And Solutions
- 2. How Responsive Web Design Works
- 7. Web Design Overview
I got here much interesting stuff. The post is great! Thanks for sharing it! Webseiten Erstellen Berlin
ReplyDeleteVery informative article thanks for the post.
ReplyDelete