Каков рекомендуемый метод создания этих значков?

Чтобы изучить основы дизайна интерфейсов, я пытаюсь воспроизвести некоторые более известные интерфейсы приложений. «Плоская» компоновка многих приложений iOS7 делает их относительно простыми. Однако самой сложной частью на сегодняшний день были значки.

Разобрав другие PSD-файлы, доступные в Интернете, я смог воспроизвести значки в Photoshop. Чаще всего они используют инструменты формы (прямоугольник со скругленными углами, инструмент линии и т. д.), чтобы имитировать форму, а затем объединяют их, используя «Слой»> «Объединить фигуры».

Это хорошо работает для мимикрии, но я подозреваю, что это не совсем подходит для творчества. Проблема с этим методом заключается в том, что трудно получить идеальные пиксели значков. Кроме того, если форма значка сложная, для создания общего эффекта требуется большое количество фигур.

Мне не обязательно нужно пошаговое руководство или ссылка на учебники. Просто указатель того, какие инструменты/программы лучше всего подходят для этой работы. В чем суть рабочего процесса?

Большое, большое спасибо заранее.

введите описание изображения здесь

введите описание изображения здесь

Adobe Illustrator.

Ответы (1)

Немного расширяя комментарий Скотта ... Вот почему приложения для векторного дизайна, такие как Adobe Illustrator (также Corel Draw, Inkscape) , гораздо лучше подходят для дизайна значков / пиктограмм, чем приложения для растрового / пиксельного дизайна, такие как Photoshop:

  • Такие простые значки, как правило, основаны на простых геометрических фигурах, линиях и кривых :

    • Вы не получаете никакой выгоды от основных преимуществ растрового дизайна, которые, как правило, ориентированы на работу с фотографиями и сложными эффектами с большим количеством тонов и теней (например, кисти в стиле рисования).
    • Вы получаете множество преимуществ от множества инструментов в приложениях для векторного дизайна для работы с путями и фигурами — например, в иллюстраторе, окне выравнивания и окне поиска пути, включении и выключении интеллектуальных направляющих и инструменте «Перо». Они предназначены именно для такого рода очень точного формообразования. Немного больше об этом .

  • Иконки часто нужны разных размеров:

    • Векторные проекты не зависят от разрешения , поэтому масштабирование проектов вверх и вниз не является проблемой.
    • Иногда вам понадобятся варианты с большей или меньшей детализацией. Добавление и удаление подэлементов намного проще в приложениях векторного дизайна, где они представляют собой отдельные контуры или формы.
    • См. также: Лучший рабочий процесс для дизайна иконок: начать с большого или с малого?

  • Вам почти всегда нужна ограниченная, согласованная цветовая палитра :

    • Приложения для векторного дизайна предназначены для работы с узкими палитрами образцов. Приложения для растрового дизайна не так хорошо приспособлены для этого: они лучше подходят для фотографий или цифровой живописи, где каждый пиксель обычно имеет немного другой оттенок. Они могут это сделать, но вы будете идти против течения.
    • Если вы делаете плоский дизайн с тонким градиентом , то (в иллюстраторе, не знаю об альтернативах) вы можете хранить градиенты и некоторые другие эффекты в виде образцов, чтобы действительно легко повторно использовать их точно, что удобно для согласованности через набор иконок.
Каков рекомендуемый метод создания этих значков?
СпросиСетьПолитика конфиденциальности1y, 0v