logo
  • Home
  • Acerca
  • Autores
  • Faq
  • Rede
  Twitter   Feed-me! RSS!

Ícones do Menu

Colocado por DClick Team na(s) categoria(s): 1, 3d, 4, 6, Adobe, Android, AR, arte, BI, blog, class, dados, Dica, Download, efeito, efeitos, err, exemplo, Exemplos, Ferramenta, for, fundo, Geral, icones, ide, image, menu, mg, O, on, padrão, photoshop, pt, rest, RIA, Ria’s Geral, Segurança, TAT, Twitter, UI, XP em 11 29th, 2010 | Sem comentários


Segundo o padrão exigido do Android Guideline, os ícones do menu devem ser desenhados de maneira frontal, 2d, e não em 3D ou perspectiva.
Como disse, esse é um resumo, eles escrevem toda um detalhamento para o mais leigo dos leigos, acho que de forma geral dá para entender bem o que é essa exigência.

Não esqueça de aplicar as resoluções indicadas na Tabela1.

Estrutura

Com o objetivo de manter a coerência os ícones do menu devem usar a mesma paleta de cores e efeitos, abaixo vamos mostrar essa paleta e efeitos para você seguir o padrão.

Segundo a guideline, os ícones devem possuir cantos arrendondados, mas somente quando de maneira racional for necessário. Por exemplo, na FIGURA 7, o lugar racional para esse canto arredondado é o teto, e não o resto do objeto.

Todas as dimensões desta página se baseiam na resolução de um ícone 48 x 48px, com 6px de segurança em volta do ícone, totalizando 54 x 54 área total.

A arte final deve ficar com um arquivo PNG transparente.

Você pode conferir os ícones no pacote que postei no post Pacote para Download

Luzes, Efeitos e Sombras

Segue aqui alguns padrões que você deve usar para criar o efeito desejado, perceba a iluminação utilizada, as sombras e o tom.

Passo a passo

1.  Criar as formas básicas usando uma ferramenta como o Adobe Illustrator.
2. Importar a forma em uma ferramenta como o Adobe Photoshop e dimensionar uma imagem de 48?48 px em um fundo transparente. Cuidado com o safeframe.
3. Adicionar os efeitos observados, como descrito na Figura 8.
4. Exportar o ícone de 48?48 como um arquivo PNG com transparência habilitado.

“O que fazer e o que não se deve fazer”

Abaixo segue alguns exemplos do que se deve e não se deve fazer, ou seja, seguir os padrões é importante.



Veja o post original no blog do autor aqui!  

DClick Team

Escrito por DClick Team @ http://blog.dclick.com.br/pt/
Saiba mais sobre o autor na sua pagina de perfil
Outros posts do autor:
» Usabilidade Mobile – Uma visão de Jakob Nielsen
» Criando uma Vitrine Virtual – Aula 1
» Conhecendo o Axure

Deixe um comentário



Spam Protection by WP-SpamFree

ACERCA

O que é o RedeRIA ?

O redeRIA não é nada mais que um agregador de feed's que disponibiliza o conteudo de varios blogs e autores ao redor do mundo RIA, actualmente agregamos mais de 2791 entradas vindas de 53 blogs especializados em ria’s, pelo que só fica a ganhar em assinar o feed ou seguir a comunidade no twitter.

Se acha que o seu blog ou um blog de um amigo é interessante e util para os leitores o redeRIA, faça a sua submissão aqui.

Feed: assine já
Twitter: siga-nos

GOOGLE

Votação


Deveria o RedeRia agregar conteúdo em inglês?
Ver Resultados

AUTORES


Eduardo KrausAlexandre TadashiBindableCognitiva SoluçõesDaniel LopesDaniel SchmitzDanielPedrinhaDClick TeamEbercomEdgard DavidsonElvis FernandesErko BrideeFabiel PrestesFábio Batista da SilvaFabio da SilvaFabriccio BernardesFelipe BorellaFlavia MoreiraGabriel VersalliniGabriela T. PerryIgor MusardoJanderson CardosoJoão AugustoJose Carlos FielKelps SousaLeonardo FrançaLucas MarçalLuis MessiasLuiz TarabalMario JuniorMário SantosMauro MartinsPablo SouzaPedro ClaudioreneRia BrazilriaPTRicardo CerqueiraRobson FernandesRodrigo Pereira FragaSaintBrSamuelFacchinelloSergio SouzaSilva DeveloperStefan HorochovecTech CaffeTecinforThiago BuenoVedVinícius SandimWillian ManoXAML Cast

PUBLICIDADE








Powered by Wordpress & msdevstudio.com