This category features articles on general design principles, Web design, typography, user interface design and related topics. It also presents design showcases and practical pieces on the business side of design.
Popular tags in this category: Web design, Typography, Design Legacy, Navigation, Forms, Mobile, Techniques, Showcases, UI Design.
Ampersands have long been the character in a typeface with which typographers can indulge themselves. Sweeping curves, flirtatious finishes and bold statements - these are the things that make ampersands an exciting character to use and, better still, to design.
Can you spot what typeface is used to display the ampersand in the image above? Large view
There are, however, two problems. The first is that the English language gives us few situations to use such a daring character. We seldom get to show off these beautiful examples of typography. The second is that the poor little ampersand so often goes unnoticed.
Allow me to share with you my top 10 different styles of ampersands. Some are similar, but each have their own personality. In an effort to limit my sample selection, I have only chosen ampersands from freely available sans fonts.
Read more...When designing for the Web, how important is it to begin with a brilliant idea for a web-site? Can a quality site be built if the underlying concept is weak? And what happens to a brilliant idea if its execution is less-than amazing?
Many hold that execution is a secondory factor to the concept. I believe the opposite argument can be made – it's not a great idea that counts most, but great execution.
Now don't get me wrong – there has to be an idea in there somewhere. As designers we can't go about designing without a plan. It is vital to have a concept to rally around as we craft our designs. But the notion that great work requires a completely unique, brilliant concept every time is, I believe, misguided.
Read more...In the 90s, as the Web was just starting to take off, designers used horizontal layouts — rather in an experimental way, just to give users and designers an idea of what HTML was actually capable of. From the usability perspective it was horrible — sites were hard to scroll and the content was hard to read.
After horizontal approach has lost its novelty, it was quickly discarded and widely rejected. Surprisingly it seems to get back on track. The horizontal scroll is gaining forces and it's not that horrible this time. Why? Simply because we have a new generation of computer devices, such as mice with a 4-way scrolling wheel and widescreen monitors. We have a lot of space area and we have an efficent and user-friendly way to navigate horizontally.
Read more...Although I've been a Windows power user for years, the transition to Mac couldn't have been easier and more pleasant. I don't want to turn this article into some endless rambling about how great Mac is, but as the user of both systems I can speak from my own experience quite objectively. Let's take a look at some of the spots where Apple really has done it better in terms of user interface and usability.
Consistency. The whole OS and almost every application looks and feels the same, as if a single team developed the whole thing, thanks to Apple HI Guidelines. Official guidelines for user interface design made it possible for users to actually use most Mac-applications in a very same way, creating a seamless and comfortable experience in the end. Users are able to anticipate how system behaves and what to expect from its applications. In fact, consistency dramatically improves learnability and usability of interacting with the system.
Read more...While many designers have been quick to embrace web standards, it's surprising how often the basic standards of typography are neglected. Here are ten deadly sins to avoid in your web typography.
Using hyphens instead of an em dash. If you need to interrupt yourself, do it with an em dash (alt+0151) instead of a pair of minus signs. This is a top pet peeve for countless editors. Using periods instead of ellipses. Most fonts provide a dedicated ellipsis character (alt+0133) to keep your type tidy. The ellipsis character fits the three dots into a single letterspace, which is especially beneficial for content that might be printed.
Read more...Look at what you've made. Beautiful, isn't it? But does it work? For whom does it work? Of course you can use it, but can anyone else? In short, is it functional?
At the heart of every piece of practical design, whether it be a website, product package, office building, manufacturing system, piece of furniture, software interface, book cover, tool, or anything else, there is a function, a task the item is expected to perform. Most functions can be achieved in a variety of ways, but there are some basic elements a designer needs to take into account to create a product that best fulfills its intended function.
These are the elements of functional design, the process of responding to the needs or desires of the people who will use an item in a way that allows their needs or desires to be met. Functional design is both an outcome and a process. As an outcome, it describes products that work well to perform their assigned tasks; as a process, functional design is a set of practices guided by the principles that produce that positive outcome. (Functional design is also a computer modeling technique, but that's not what we're discussing here.)
Read more...Last week we presented the first results of our study of top blogs. As promised, this week we publish the second part of the survey, including further findings and problem solutions we have found out during the study. In the first part we discussed layout design and typographic settings. What remains to be covered are the navigation design, information architecture, advertisements and functionality (RSS-feeds, tag clouds, pagination etc.).
Reminder: since we wanted to make the survey as objective as possible, we used Technorati Top Blogs and analyzed 50 most popular blogs which appear there. We have identified important design problems and considered solutions for each of the problems separately.
We have posed 30 questions which we wanted to to answer with our blog survey. Below we present further findings of our survey of popular blog designs — the second part of the analysis of 50 popular blogs according to Technorait's Top 100.
Please notice: the results presented below should not be considered as guidelines for an effective blog design. They are supposed to give you the intuition of which solution may be better than the other one. Still it is useful to know what big players do and, more importantly, what they don't do.
Read more...Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to.
This month we are glad to present only two freefonts, however these are truly beautiful ones: Fertigo Pro and FF Nuvo Medium. Please read the license agreements carefully — they can change from time to time.
We are quite curious; particularly when it comes to design and web-development we want to know just everything. Therefore, following our web form design survey, we have decided to take a closer look at blog designs, analyze them and find out which design solutions are common and which solutions are not used at all.
Since we wanted to make the survey as objective as possible, we used Technorati Top Blogs and analyzed 50 most popular blogs which appear there. It doesn't really matter if the Technorati list is correct or not — we wanted to find out what design solutions big players (aka most popular blogs) prefer. Popular blogs are often considered to be examples of effective and functional design (which is not necessarily the case).
We have identified 30 design problems and considered solutions for each of the problems separately. We have posed 30 questions which we would like to answer with our blog survey. Below we present findings of our survey of popular blog designs — the results of an analysis of 50 popular blogs according to Technorati's Top 100.
Read more...
We are seeking an immensely skilled and highly experienced freelance WordPress & Front-End Developer to take part in our ongoing mission of creating excellent…
Are you seeking new opportunities in a dynamic environment, rich with opportunities for true design innovation that impacts how people learn and study at a massive…
With a commitment to quality content for the design community.
Smashing Media Made in Germany. 2006-2013. Impressum
