Иконки, которые я создал для своего веб-сайта, начинают немного отличаться по размеру и стилю. Я хочу потратить некоторое время на создание стандартизированного набора иконок. Меня больше всего беспокоит подход к созданию размера, который можно использовать на всем сайте, будь то большой или маленький.
Вопрос: Каков наилучший размер для создания набора значков для Интернета? 24x24 и 30x30 кажутся распространенными, поскольку они являются стандартами для дизайна материалов и дизайна iOS. Так что я мог бы выбрать один из них; однако они могут быть довольно большими для системных значков (например, значка справки).
Обычно создается один размер (скажем, 24x24), а затем изменяется размер при необходимости в зависимости от приложения? Скажем, большой значок справки против маленького значка справки в меню, например, оба основаны на одном и том же исходном значке 24x24.
Я видел один единственный набор иконок размером 18, 24, 30, 36, 42, 48, чтобы охватить целый ряд различных размеров. Что-то вроде этой обычной практики? Там, где они не делятся друг на друга одинаково, нужно будет настроить значок, где это необходимо, чтобы он точно попадал в пиксельную сетку и приводил к четким линиям всех размеров.
Мне любопытно, как другие в сообществе веб-дизайнеров подходят к дизайну иконок, используемых в Интернете.
Редактировать: забыл добавить, что я разрабатываю их в Sketch, поэтому в векторном формате, и чтобы уточнить мой вопрос, это не столько лучшие практики проектирования фактического значка, сколько стандартный размер (размер холста значка, если хотите ) набора.
Вы должны проектировать в векторной среде, чтобы ваши мастер-проекты не зависели от разрешения. Таким образом, вы можете экспортировать их в любом разрешении, которое имеет смысл сейчас, а также в любом, которое станет актуальным в будущем. Еще лучше, оставайтесь в векторной области (например, SVG), чтобы пиксели не управляли процессом проектирования.
Возможно, вам понадобится набор правил для работы, например минимальная толщина линий, чтобы все работало хорошо при разных размерах и разрешениях, но вы можете установить их, немного поэкспериментировав.
Кроме того, вам могут понадобиться варианты для малого, среднего и большого размера (например) с разным уровнем детализации, но хранение всего в виде векторов значительно упрощает управление.
Чолсон