Professional Documents
Culture Documents
Aula 1
Apresentação da disciplina
Design
• design . [Ingl.] S. m. 1. Concepção de um projeto ou modelo; planejamento. 2. O
produto desse planejamento. 3. Restr. Desenho industrial. 4. Restr. Desenho-de-produto.
5. Restr. Programação visual.
"O web design tende à multidisciplinaridade, uma vez que a construção de páginas web
requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas
como a arquitetura da informação, programação, usabilidade, acessibilidade
entre outros. A preocupação fundamental do web designer é agregar os conceitos de
usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus
objetivos de forma agradável e intuitiva." (http://pt.wikipedia.org/wiki/Web_design -
acesso em agosto/2010)
Focado em desenvolver um objeto, que tenha por razão de existir tanto a função como a
fruição, o designer é diferente de outros profissionais, como engenheiros, que
eventualmente só se ocupam da função, ou artistas plásticos, que se ocupam da
fruição do objeto. (Alexandre Santaella Braga)
UNIP – PDM
Hipermídia
Características da hipermídia
Não-Linearidade: ao contrário das mídias tradicionais, como livros, filmes, etc onde a
apresentação da informação tem um início bem definido e uma progressão linear até o
final, a mídia não linear baseia-se em escolhas. A informação é divida em vários blocos,
cujos conteúdos podem ser compreendidos sem necessidade de uma sequência pré-
determinada.
Isso significa que o designer digital, diferente do designer gráfico, está elaborando um
meio hiperespacial que não se encerra na leitura da interface em questão. O designer de
interface tem a função, extra, de dar vários rumos ao usuário, rumos estes que se
tornam uma série de elementos visuais espalhados pela interface. (Alexandre Santaella
Braga)
Na prática
A seguinte lista detalha aquilo que, no momento atual (2010), você precisa saber para se
tornar um web designer profissional.
2
UNIP – PDM
Hosting - Hospedagem
Habilidades de projeto
Conhecimento da mídia
Briefing
Arquitetura
Wireframe
Habilidades de desenvolvimento
Dreamweaver
HTML
CSS
Box model
Posicionamento
DHTML
3
UNIP – PDM
Habilidades de design
Fireworks/Photoshop
PHP / ASP
Banco de dados
Outras Competências
Codificação de vídeo
4
UNIP – PDM
Ruim (?)
http://www.angelfire.com/super/badwebs/
http://www.webpagesthatsuck.com/
http://www.areavoices.com/www/
http://pcworld.uol.com.br/reportagens/2006/09/18/idgnoticia.2006-09-18.2013605880
http://www.time.com/time/specials/2007/article/0,28804,1638344_1638341,00.html
Bom (?)
http://www.arteccom.com.br/webdesign/peixegrande/
http://tutorialblog.org/30-great-website-designs-part1/
http://tutorialblog.org/30-great-website-designs-part2/
http://tutorialblog.org/30-great-website-designs-part3/
http://www.premioibest.com.br/vencedores/homepage.asp
http://www.webbyawards.com/webbys/current.php?media_id=96&season=11