Issue #234

Closed
noosferogov/noosfero#234
Created by Melissa Wen (Edited )

Íconografia e paleta de cores dos novos temas-templates do Juventude

7 participants
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    Reassigned to @andersonswill

    Choose File ...   File name...
    Cancel
  • Picsart 14413722435731
    William Anderson da Silva @andersonswill (Edited )

    @peterlima @melissawen @kadumx @tiagoaraujo @joenio @mariel

    Pessoal, segue para avaliação o estudo de tipografia/iconografia/cores realizado para personalização do novo portal da Juventude.

    Choose File ...   File name...
    Cancel
  • Picsart 14413722435731
    William Anderson da Silva @andersonswill
  • 46c36a7ea48b9a42086ce42e15f40cba?s=40&d=identicon
    Peter Lauro de Lima @peterlima

    Oi @andersonswill

    Particularmente, gostei da proposta! As cores e formas apresentadas, transmitem "jovialidade".

    Pequena observação:

    Falo isso, pois algumas pessoas, podem ter a mesma impressão. Porém, pode ser um preciosismo da minha parte. :)

    Será interessante o feedback da equipe.

    Algumas sugestões:

    • Ícones coloridos - utilizar em áreas com maior destaque (Cards, Sidebar, etc);

    • Ícones sem preenchimento colorido - Utilizar em áreas com menor destaque (Redes Sociais, Barra de navegação,etc);

    • Fonte Signika- Utilizar em títulos e elementos específicos;

    • Fontes já "testadas" no mercado (open sans, droid sans, roboto...), utilizar para textos corridos.

    Vamos avançando!

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    @andersonswill também gostei da proposta, mas concordo que a semelhança clara com os ícones da Alura podem trazer uma impressão negativa no sentido de originalidade. Se pensar no conceito: A. Traços pretos finos "manuscritos" / B. preenchimento parcial em 2 tons / C. Traços incompletos (todos tem uma abertura)... talvez devessemos alterar pelo menos um desses padrões

    Sobre a fonte, também concordo com o @peterlima que em texto corrido é mais seguro usar uma fonte já testada e aprovada pela web. Para o título podemos manter.

    Choose File ...   File name...
    Cancel
  • Picsart 14413722435731
    William Anderson da Silva @andersonswill

    E ai, @peterlima Valeu pelo feedback.

    Vamos lá. Sim, o estilo da iconografia utilizada no site Alura foi a que usei como base para construção dos ícones. Achei que o estilo conversa bem com a proposta e não vejo isso (o fato de ter o mesmo estilo) como algo negativo. :)

    Sobre as sugestões, concordo com você, acredito que dar uma diferenciada no estilo dos ícones em determinadas áreas é valido. Sobre a fonte, acredito que ela tem um bom desempenho/aplicação tanto para título quanto para texto.

    Aguardo o feedback do restante da equipe para os possíveis ajustes. ;)

    Choose File ...   File name...
    Cancel
  • 508366ac858577fb4038bd14e98b7198?s=40&d=identicon
    Mariel Zasso @mariel

    Oi @andersonswill, do meu ponto de vista leigo, achei bem bonito. :) Só não me convenceram muito os ícones de "entrar"/"sair", servem para botões de entrar e sair das comunidades ou é o botão geral de login/logout do sistema? Eu pensaria talvez em algo ainda mais discreto.

    Choose File ...   File name...
    Cancel
  • Picsart 14413722435731
    William Anderson da Silva @andersonswill

    Olá, @peterlima @mariel @kadumx @melissawen @joenio @tiagoaraujo

    Baseado no feedback de todos, fiz algumas alterações na iconografia, adicionando versões linha/preenchida. Acredito que agora com a possibilidade de mesclagem destes no layout, o estilo acaba se diferenciando do utilizado no site Alura. Resolvi manter a tipografia, por continuar acreditando que ela possui uma boa aplicação/conversa bem com a iconografia, Signika é uma fonte free, faz parte do acervo do Google Fonts, possui 4 estilos (Light, regular, semibold e bold), além de possuir uma lista de caracteres bem completa. Segue:

    Choose File ...   File name...
    Cancel
  • 46c36a7ea48b9a42086ce42e15f40cba?s=40&d=identicon
    Peter Lauro de Lima @peterlima

    Muito bom @andersonswill

    Na minha opinião, ficou tudo ok!

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    Status changed to closed

    Choose File ...   File name...
    Cancel