Разработка дизайна значка веб-части SharePoint

Значки веб-части должны быть простыми, символическими и представляющими суть веб-части. Дизайн каждого значка должен быть предельно минималистичным и отражать наиболее важные атрибуты. Значки будут отображаться на панели элементов страниц SharePoint и при необходимости в хранилище. Примерами фигур значков являются квадратные, круговые, вертикальные и горизонтальные.

Фигуры сетки

Значки веб-части отображаются размером 32x32 пикселя, но при разработке их размер в два раза больше: 64x64 пикселя. Создавайте значки в масштабе 100 %, чтобы обеспечить точность пикселей.

Макет

Значки следует разрабатывать внутри области контейнера размером 64x64 пикселя. Это гарантирует их правильное отображение.

Фигуры

Не все значки и логотипы имеют форму идеального квадрата. Используйте данное руководство по основным фигурам, чтобы понять, как объединять различные фигуры значков в сетке и придавать им нужные пропорции. Убедитесь в том, что значок заполняет всю ширину или высоту сетки в зависимости от его формы.

Четкость пикселей

Чтобы избежать искажения значков, прикрепляйте их края к линиям координат X и Y. Используйте целые числа, когда это возможно.

Цвета и фон

Значок — это визуальное выражение веб-части и ее функции. Значки помогают просто и выразительно сообщить основную идею вашей веб-части.

Значки веб-части могут быть окрашены в один цвет или быть полноцветными. Большинство значков лучше всего выглядят при использовании простых фигур, тонких двухпиксельных линий, аналогичных значкам Office UI Fabric. В некоторых случаях может возникнуть необходимость в использовании полноцветного фирменного значка или логотипа компании. Если у вас есть одноцветная версия значка, рассмотрите возможность ее применения.

Экспорт значков

Значки следует экспортировать в формате SVG, размером 64x64 пикселя с прозрачным фоном.

Сетку значков можно найти в наборе инструментов для дизайна SharePoint.