← UI & UX Design

Criar Layout

Lida 3054 vezes

Offline

fpdeus 
Membro
Mensagens 1289 Gostos 0
Feedback +42

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

Boas a todos,

Queria saber se para a criação de layouts, é necessária tem em atenção alguns standard's, e se sim, quais.
Estou a falar apenas em termo de design.

Cumprimentos
Francisco Deus
Offline

Luís Salvador 
Membro
Mensagens 2068 Gostos 37
Feedback +4

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Um standard logo à partida é a largura do layout...

760
955
(...)

Mas não és obrigado a seguir os standards...
Offline

fpdeus 
Membro
Mensagens 1289 Gostos 0
Feedback +42

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

Sim, mas estou agora para começar talvez seja melhor seguir alguns standards.

760x955? Pixeis?
Offline

João Simões 
Membro
Mensagens 1177 Gostos 5
Feedback +1

Troféus totais: 32
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

760 ou 955 para largura, eu costumo usar 960, a altura é a que quiseres
Offline

fpdeus 
Membro
Mensagens 1289 Gostos 0
Feedback +42

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

E em termos de colocação de header, footer e isso há algum standard?
Offline

Luís Salvador 
Membro
Mensagens 2068 Gostos 37
Feedback +4

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

De colocação como assim?

Podes "brincar" com tudo. Se fosse tudo "standarizado" a margem para criatividade era pouca...
Offline

fpdeus 
Membro
Mensagens 1289 Gostos 0
Feedback +42

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

De colocação como assim?

Podes "brincar" com tudo. Se fosse tudo "standarizado" a margem para criatividade era pouca...

Era isso que queria saber.

Obrigado
Offline

Eduardo Santos 
Equipa
Mensagens 1097 Gostos 1
Feedback +4

Troféus totais: 29
Trófeus: (Ver todos)
Tenth year Anniversary Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

http://960.gs/

Eu costumo utilizar esta grelha. Tens 940px de width. Arruma-se facilmente as coisas no layout.

Mas claro, no photoshop cria um documento por exemplo de 1600px por 2100px, crias uma guide ao centro e centralizas a grelha (960gs).

A partir daí "brincas" com os elementos de forma a construir o layout.
Offline

felipeantunes 
Membro
Mensagens 66 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts

eu aprendi como correto que a largura seria de 778 para 800x600 e 990 para superiores.

Email seria 550px.

Isso nao e regra e sim um padrao para que caiba dentro do navegador sem barra de rolagem lateral
 nao achei esse item no w3c , foi experiencia profissional que me mostrou isso.
Offline

Eduardo Santos 
Equipa
Mensagens 1097 Gostos 1
Feedback +4

Troféus totais: 29
Trófeus: (Ver todos)
Tenth year Anniversary Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Ou então cria-se um layout pronto para "fluid". :P
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Ou então cria-se um layout pronto para "fluid". :P

Mas sempre com um max-width:; senão fica gigante e feio em ecrãs com resolução grande. lol
Offline

felipeantunes 
Membro
Mensagens 66 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts

max-width nao funciona bem em todos navegadores
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

max-width nao funciona bem em todos navegadores

IE6? :lol:

E existem hacks para isso. :)