Designing Web Interfaces: 12 Standard Screen Patterns
2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section.
Productive Web Design With… Adobe Illustrator? - Smashing Magazine
Advertisement Admittedly, Adobe Illustrator is often most certainly not the first choice that comes to mind when it comes to Web design. Fireworks and Photoshop are used much more often, and there are some good reasons for that. Still, although Illustrator has traditionally been used for drawing illustrations and logos, you can use it to design layouts and user interfaces, too. In fact, in my opinion, you can utilize Illustrator to solve some regular design tasks better and more easily than you would do with other tools. With the techniques and tips I’d like to present in this article, I am certain that you will be able to build modular, flexible websites in less time and with less work.
A Summary of User Interface Design Principles
by Talin This document represents a compilation of fundamental principles for designing user interfaces, which have been drawn from various books on interface design, as well as my own experience. Most of these principles can be applied to either command-line or graphical environments. I welcome suggestions for changes and additions -- I would like this to be viewed as an "open-source" evolving document.
Introducing the New Mashable: Social, Mobile, Visual
We're excited to announce an all-new version of Mashable. Beginning today, you can request access to our beta version. Over the coming weeks, we'll invite readers to test the new site and provide feedback before rolling it out to everyone.
10 UI Design Patterns You Should Be Paying Attention To
Advertisement Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.
260 free vectors icons, GUI graphic library for web design
Graphic styles Library 200 graphic styles to change buttons, headers or blocks in 1 click Minimal Vector Icons 260 Vector Icons for creatingWireframes and Webdesign GUI Elements Library
10 User Interface Design Fundamentals
It’s no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way. Free trial on Treehouse: Do you want to learn more about web design? Click here to try a free 14-day trial on Treehouse. ‘Staying out of the way’ means not distracting your users. Rather, good UIs let your users complete goals. The result?
50 Awesome Mobile User Interfaces
User interface for a small screen demands a thorough understanding of how people use their mobiles; it requires creativity and imagination. Functionality and features are not what make a mobile app succeed. The success of a mobile application depends on an intuitive Mobile UI design that combines usability with functionality. A good mobile UI doesn’t just make it easy for users to operate the app, but it also helps you promote and brand the application. Here are collection of mobile user interfaces – both concepts and real UIs.
An Introduction to Using Patterns in Web Design
The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make. There is a better way to manage this vast complexity than by making big decisions up front and hoping for the best. To make better sites — sites that are functional, beautiful, and "usable" — we have to break our design problems up into small independent chunks based on the real issues within our requirements. Christopher Alexander, who came up with this stuff, calls these chunks patterns. I'm going to show you how to sidestep your habits and assumptions and use patterns to make better design decisions.
Guidelines, Tools and Resources For Web Wireframing
Today “Web” is very different from what it was few years ago. It is better, but far more challenging – you can no longer ignore things like usability, information architecture and design. That’s why wireframing has received so much attention lately.
Best User Interface Design Resources: The Round-up at DzineBlog
Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off
So you wanna be a user experience designer — Step 1: Resources
Want to pursue a career in UX, but don’t know where to start? When you Learn the Ropes with Whitney Hess, you get in-depth training on principles, process, methods and techniques you need to excel in User Experience. Learn more > Pretty much every single day I get a tweet, email, or in person request for information on how to get started in the field of user experience.
The CSS of Design Storytelling: Context, Spine, and Structure
By Traci Lepore Published: July 18, 2011 “What I’m looking for is our interpretation and vision of the story. I’m missing one of the key components of storytelling: the Context, and it’s throwing my experience for a loop.” I’m working on a new production right now. It’s A Midsummer’s Night Dream.
