21 items | 13 visits
ui, interface gráfica
Updated on Mar 22, 12
Created on Oct 28, 09
Category: Computers & Internet
URL:
ThinkVitamin - Carsonified's blog about the web\n\nIt's no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way.
Primeiro capítulo de livro acerca de user interface design - smashing magazine
ferramenta online para gerar uma paleta de cores a partir de uma imagem
"Interaction Design bridges the gap between man and machine"
"In user interface design we have a thing called design patterns, or more specifically, user interface patterns — tried and tested ways of building interface elements, or sets of elements together, that solve a given problem. User interface patterns include things like drop-down menus, search boxes, value sliders, scrollbars, progress meters, forms, and so on. These patterns have been established and evolved over time, they work, and people are used to them."
"Round-ups of beautiful and useful icons are almost legendary here, on Smashing Magazine. While some readers complain about the annoying “list”-style of some of our articles, we are confident that useful round-ups of relevant resources are very valuable and useful for designers. This is why over months we collect useful links and then present them in posts in the magazine. Like it or hate it, but the feedback that we get from the design community when we publish such posts is mostly positive which is why we keep doing it."
"There's no better way to find icons!"
"14 Free Mobile Application Development Icon Sets"
"10 sets of 1000 high-quality free .png icons in sizes 16x16 & 32x32 for bloggers and web designers to use in private & commercial projects. Creative Commons Attribution 3.0 License. A link back to http://pc.de/icons/ would be still nice : )"
A pixel precise icon collection created for interface designers and web designers.
Theses icons are easy to adapt to your own needs. They can be used for website wireframes, online application design, software interface mockup... They are based on a precise 16 pixels grid, which means that they stay clear and have crispy look even at small sizes.
"To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give your idea a certain shape, keeping it abstract and not losing yourself in details."
Most e-commerce websites use icons to direct their visitors for an easy shopping procedure. Sign-up, log in, pick items, see items in the basket or shopping cart, choose a payment method options, check on the delivery details and many more online-shopping processes are way easier with the presence of icons. Icons are used because they can simply illustrate and describe more than words.
"Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations."
The UX Bookmark is a resource for HCI and human factors professionals, usability engineers, interaction designers & information architects.
John Gruber at Webstock 2011 in Wellington, NZ.
21 items | 13 visits
ui, interface gráfica
Updated on Mar 22, 12
Created on Oct 28, 09
Category: Computers & Internet
URL: