Aula V — 03/04/2013

Trabalho 3: execução de uma composição tipográfica
[em menos de uma hora, faz favor].
Trabalho 4: duas aulas para execução.

Enviem o link do vosso blogue para aulas@granjam.net, juntamente com o vosso nome e o nome do site.

“Learning to design is, first of all, learning to see. Designers see more, and more precisely. This is a blessing and a curse — once we have learned to see design, both good and bad, we cannot un-see. The downside is that the more you learn to see, the more you lose your ‘common’ eye, the eye you design for. This can be frustrating for us designers when we work for a customer with a bad eye and strong opinions. But this is no justification for designer arrogance or eye-rolling. Part of our job is to make the invisible visible, to clearly express what we see, feel and do. You can‘t expect to sell what you can’t explain.” — Oliver Reichenstein

Sites para hoje

The grid system
Smiling Wolf, Etch apps e Fly Solo onde destaco a conjugação de uma grelha com responsive design
Mitos sobre UX (user experience).
Artigos por categorias para pessoas que fazem websites
The inconvenient truth about SEO (search engine optimization)
Best 20 webfonts from google webfonts and font face embedding
Tendências em 2013 para o webdesign
workshop wordpress e as plataformas livres na cultura em Lisboa
—A arte de fazer gifs animados
Auto-descrição

Como um vídeo pode explicar uma ideia por trás do site
Image Spark
Dropbox

Blogs/sites sobre webdesign:
webdesignledger
smashingmagazine
webdesignerdepot

Online digital web magazine.
Entrevista a jakob Nielsen, guru da usabilidade da net.
Top 6 User Testing Mistakes and How to Avoid Them
Como é que se fala de amor em código Java?
Not Just A Pretty Picture — User Interface Design
On we Typography — Jason Maria
The Verge
—Adobe Flash: O Tampo da Sepultura
— Tim Brown – More Perfect Typography
— O que é a usabilidade?
Guia de estilo do Diário Público.
Eternal Moonwalk.
—Kevin Slavin: How algorithms shape our world
Como é que se fala de amor em código Java?
Visual Chinatown of Davidope
Little Big Details
Exemplo Flash
Exemplo Flash
design hell
Pordata
http://www.workingelement.com/
animated stereoviews of old japan
Portal das finanças
—Exemplo de gráfico
---------portfolios:
mccormack & morrison.
present/plus.
nomoon.
— iOS Human Interface Guidelines [pdf]
User Interfucked
—Sobre webdesign para ecrãs pequenos: 7 usability guidelines for websites on mobile devices
—Slideshow com diagramas/estudos para sites.
An event apart — for people who make websites
Site em versão sketch
User Interface Engineering
—Site sobre diagramas/wireframes.
—Um desactualizado Web Canvas

UX e UI:
Mitos do UX (user experience)
UX and UI, Chicken and Egg
HFI Animate: The ROI of User Experience with Dr. Susan Weinschenk
Usabilidade e menus
http://en.wikipedia.org/wiki/User_experience