Criar um ícone web part do SharePoint

Ícones de parte da Web são criados para ser simbólicos, simples e representativos. Cada ícone é reduzido para um estilo minimalista que representa os atributos mais essenciais. Ícones serão exibidos na caixa de ferramentas em páginas do SharePoint e, opcionalmente, no repositório. Exemplos de formas de ícone são quadrado, círculo, vertical e horizontal.

Formas de contorno de grade

Ícones Web part são exibidos em 32 x 32 px mas são projetados em duas vezes o tamanho ou x64 64 px. Crie ícones em 100% para garantir que pixels estão corretas.

Layout

Crie ícones na área contêiner de 64 x64 px. Isso garante que o ícone renderize corretamente.

Formas

Nem todos os ícones ou logotipos são projetados em um quadrado perfeito. Use este guia de formas básicas para entender como unificar formas de ícones diferentes na grade e exibi-las em um tamanho proporcional. Certifique-se de que o ícone preenche a completa altura da grade, dependendo da sua forma ou largura total.

Clareza pixel

Tente evitar qualquer distorção do ícone ajustando as bordas para coordenadas X e Y. Use os números inteiros sempre que possível.

Cores e planos de fundo

O ícone é a expressão visual de sua web part e suas respectivas funções. Ícones podem ajudar a comunicar a ideia principal da sua web part simplesmente e ousadamente.

Ícones do Web part podem conter uma cor ou ser colorido. A maioria dos ícones funcionam melhor quando usa formas simplificadas, linhas de duas pixel finas, semelhantes a ícones tecidos de interface do usuário do Office. Em alguns casos, convém usar um ícone de marca da empresa ou logotipo em cores. Se uma versão de uma cor do ícone estiver disponível, convém usar esta versão.

Exportar seus ícones

Exportar ícones como SVGs em 64x64 px com telas de fundo transparentes.

Você pode encontrar a grade de ícone na Kit de ferramentas de Design do SharePoint.