← UI & UX Design

Responsive Design

Lida 4031 vezes

Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

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

Já agora aproveito o tópico. É "fácil" criar um tema responsive a partir de um tema já criado?

É que gostava de adaptar o tema do meu projecto para tablet e smartphone. Em principio é só criar mais 2 CSS diferentes e alguma linha de código que faça a "conversão", certo?

Pegando neste post do Luís Salvador, decidi abrir um tópico para discutirmos esta nova "moda".
Estou a desenvolver um redesign para um portal e fiquei curioso acerca do responsive design - que  me parece adequado.

Uma coisa que já se faz há muito tempo é utilizar um detector de resolução em JS e mostrar folhas de estilo diferentes. Parece-me que o responsive design seja qualquer coisa nessa linha, mas não estou muito por dentro.

Alguém por aqui que já tenha desenvolvido alguma coisa nesta área e que queira partilhar a opinião/experiência? :)
Offline

Bruno Gaspar 
Membro
Mensagens 242 Gostos 1
Feedback +3

Troféus totais: 18
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1 100 Posts 50 Posts 10 Posts

Não sou designer, logo não te posso dar dicas de como utilizar e não utilizar esta tecnologia.

Tens no google montanhas de artigos a falar disto e tens também algumas "frameworks" que te ajudam nesta tarefa, duas das mais utilizadas

http://foundation.zurb.com/
http://twitter.github.com/bootstrap/

A partir daqui podes efectuar o redesign do teu web site com grande facilidade.
Offline

Souza 
Elite
Mensagens 1816 Gostos 1
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

O que se pretende com o responsive design, é uma navegação funcional mesmo que estejas num dispositivo como um tablet ou smartphone, sem que exista uma especificação das medidas de um determinado aparelho em específico (Tanto faz que seja aberto num iPhone 5, como num galaxy S3, o design será - semelhante - adaptável);

É uma questão de adaptabilidade.

Nem tudo são rosas...


Leiam isto e ficam inteirados sobre o assunto, podem ver que existem contras, não só prós:

http://www.webdesignshock.com/responsive-design-problems/
Offline

cjseven 
Administrador
Mensagens 1809 Gostos 26
Feedback +3

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

O que se pretende com o responsive design, é uma navegação funcional mesmo que estejas num dispositivo como um tablet ou smartphone, sem que exista uma especificação das medidas de um determinado aparelho em específico (Tanto faz que seja aberto num iPhone 5, como num galaxy S3, o design será - semelhante - adaptável);

É uma questão de adaptabilidade.

Nem tudo são rosas...


Leiam isto e ficam inteirados sobre o assunto, podem ver que existem contras, não só prós:

http://www.webdesignshock.com/responsive-design-problems/

Bom apanhado de contras.
Offline

Carlos Gandra 
Administrador
Mensagens 3081 Gostos 97
Feedback +1

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

Há uns tempos tentei iniciar uma discussão sobre este tema e tem uma resposta bastante interessante do Eduardo:
http://forum.maistrafego.pt/index.php?topic=34960.0

Ainda tenho de estudar melhor o assunto, coisa que o tempo não me tem permitido - Souza obrigado pelo link, muito interessante ;)
Offline

MiguelTavares 
Membro
Mensagens 3871 Gostos 0
Troféus totais: 33
Trófeus: (Ver todos)
Avatar Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Eu uso a FW da GetSkeleton.com :)
Media Queries for the win.