background preloader

Webdesign

Facebook Twitter

Symptoms Of An Epidemic: Web Design Trends. Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable.

Symptoms Of An Epidemic: Web Design Trends

As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace. In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. We’re moving away from the functional and technical characteristics of the industrial era, into a time when consumers are making buying decisions based on how they feel about a company and its offer. Read more... Effective Website Design - 160 Articles of Autumn 2011. This post continues the roundup “Designing Effective Websites – 80 Articles of Summer 2011″ and presents articles retweeted at @htmlcut this autumn.

Effective Website Design - 160 Articles of Autumn 2011

Autumn 2011 was very rich in great web design articles and inspiration collections, so we have decided to gather as many as possible of them. As usual, you’ll find a lot of interesting information on web design principles, usability and user experience, content writing, designing e-commerce websites and effective call-to-action, and many other questions.

This time there is a great deal of articles on development for mobile devices, responsive web design, as well as on redesign techniques and cross-cultural websites. One more novelty is that we’ve added several controversial articles, in particular, about HTML semantics. Hope you’ll enjoy this roundup. Please note: Most of the articles contain lists of useful additional resources. 50 Totally Free Lessons in Graphic Design Theory. DesignBump. Web Design and Development Blog Roundup. Explore / Tags / website. SEO: The Free Beginner’s Guide From SEOmoz. New to SEO?

SEO: The Free Beginner’s Guide From SEOmoz

Need to polish up your knowledge? The Beginner's Guide to SEO has been read over 3 million times and provides comprehensive information you need to get on the road to professional quality Search Engine Optimization, or SEO. What is Search Engine Optimization (SEO)? SEO is a marketing discipline focused on growing visibility in organic (non-paid) search engine results. SEO encompasses both the technical and creative elements required to improve rankings, drive traffic, and increase awareness in search engines. SEO isn't just about building search engine-friendly websites. This guide is designed to describe all areas of SEO—from finding the terms and phrases (keywords) that generate traffic to your website, to making your site friendly to search engines, to building links and marketing the unique value of your site.

Why does my website need SEO? The majority of web traffic is driven by the major commercial search engines, Google, Bing, and Yahoo!. Can I do SEO for myself? 50 Beautiful Yet Free HTML5 And CSS3 Templates. Resolution Independence With SVG - Smashing Coding. Advertisement Today, too many websites are still inaccessible.

Resolution Independence With SVG - Smashing Coding

In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! In this article, we’ll look at Scalable Vector Graphics (SVG), one of the most underused technologies in website development today. Before diving into an example, let’s consider the state of the Web at present and where it is going.

When we look at the breadth of Web-enabled devices, responsive design is sure to provide a better user experience. Introducing SVG Link SVG offers a truly resolution-independent technique for presenting graphics on the Web. Consider the use cases: UI and navigation icons, vector-style illustrations, patterns and repeating backgrounds. A Case Study: CSS Sprites Link We all know about the CSS sprites technique. Vector icons play a big role in user interface design. 1. 2. Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine. Color in design is very subjective.

Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine

What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on.

And there’s a lot to it. This is the first in a three-part series on color theory. Warm Colors Link Warm colors include red, orange, and yellow, and variations of those three colors. Red and yellow are both primary colors, with orange falling in the middle, which means warm colors are all truly warm and aren’t created by combining a warm color with a cool color. Red (Primary Color) Link Red is a very hot color. Red can be associated with anger, but is also associated with importance (think of the red carpet at awards shows and celebrity events). Are You Ready For A Web Design Challenge? - Smashing Magazine. Advertisement This is not a normal Smashing Magazine post.

Are You Ready For A Web Design Challenge? - Smashing Magazine

I’m not going to teach you something new or inspire you with examples of great work. Instead, I want to encourage you to complete a Web design challenge. I believe this will help to address a weakness that exists in many of our design processes. If you complete this challenge, it will make it easier for clients to sign off on your designs, and it will improve the quality of your work. So, what are we waiting for? The Challenge. Webdesign - Photoshop WebDesigner Toolbox: Resources You'll Ever Need. If you’re using Photoshop daily it’s essential to have an asset library.

webdesign - Photoshop WebDesigner Toolbox: Resources You'll Ever Need

Having a pre made toolbox or asset library can be extremely handy. Having the right toolbox can save you a whale of a time and provide you with nifty resources. If you’re a web designer, your asset library will probably differ from a photographers library, however there are things which should be found in every Photoshop user’s toolbox. While you could spend countless hours making your own resources, usually there’s no need to do that. Nowadays the web is full of pre made high-quality resources. Brushes 1.

Background

Webdesign general. Webdesign articles.