Day1 - Design for Developers

Visual Herarchy
Positioning
Size
Weight
peso de um objeto em uma pagina. quanto mais chama a atencao maior o peso.
Color
hot -> cold
cores quentes sao vistas mais facilmente. (vermelho eh a mais chamativa, mas em alguns casos pode nao ser)
fotos com cores tem muito mais valor porque possuem peso
preto com fundo branco é a cor mais facil de se visualizar em uma pagina, mas se a pagina possui um numero mto grande de cores (como fotos coloridas) o fundo preto realça muito mais a pagina. O contrario (branco no fundo preto) ja nao eh recomendado.
White Space
usar espacos brancos da uma clareza mto grande para o site e ajuda a focalizar elementos importantes.
Fonts
Sans-Serif geralmente eh a melhor fonte para paginas que contem muita informação ou se necessario escrever um texto muito pqno.
Brand
Um marca pode ser basicamente manter um padrao no website, nao necessariamente tem a ver com o logo.

The key to award winning RIA...
. Website sao como aplicacoes...faca-o bem e depois aprimoreo.
. Utilize metaforas visuais
. Use acoes padronizadas para reforcar sua arquitetura de informacoes
. profundidade visual - pq nao usar 3rd dimensao?

Award-winning sites:
TED, Adidas, Wired, Conservation International, NPR Music, White Void ( functional websites)
Spectra, Nike - head to head, Acrobat.com, CL Desktop (using rias, flash, flex)

"LEFT TO RIGHT....TOP TO BOTTON"

"KISS - keep it simple and stupid"

.use CSS where appropriate
.white spaces use
.font usage
.graphical elements
.color used
.use standards for usability and accessability

Livros:
BulletProof WebDesign, CSS Mastery, Desining with Web Standards, Eric Meyer on CSS, A whole new Mind - Daniel Pink, Interface Driven Architecture - Helms, Valberg, Intent Driven Design - Peter Bell

Online:
www.webbyawards.com
www.alistapart.com
The right of right brained thinking
...