Категория

Иконки

1 4 80x42 - 7 принципов дизайна иконок. На что нужно обращать внимание при создании иконок

7 принципов дизайна иконок. На что нужно обращать внимание при создании иконок

Я проиллюстрирую признаки качества иконок с помощью 7 принципов и множества реальных примеров
AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAKdJREFUeNrtwQENAAAAwqD3T20ON6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADuDUVhAAHAAzohAAAAAElFTkSuQmCC - Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки

В прошлом году мы выпустили новые иконки Office, чтобы показать клиентам, что мы усовершенствовали наши продукты
mnm all d0ycmhfrpme unsplash 80x42 - 3 правила дизайна иконок мобильных приложений

3 правила дизайна иконок мобильных приложений

Иконка приложения – это первое, что пользователи видят, когда они находят приложение в Apple App Store и Google Play
icons figma 80x42 - Полное руководство по созданию интерфейсных иконок

Полное руководство по созданию интерфейсных иконок

Существует не так много людей, которые любят создавать иконки, и еще меньше тех, у кого это получается. Я написал это руководство, чтобы помочь вам стать одним из тех людей.
Шрифтовые иконки в Sketch и Grunt

Шрифтовые иконки в Sketch и Grunt

Используя Sketch, SketchTool и Grunt я нашел способ создавать иконки в Sketch, а затем быстро преобразовывать их в удобные иконочные шрифты. В статье я расскажу, как создавать простой набор иконок, автоматизировать генерацию иконочных шрифтов для вашего фронт-енд проекта.
  • Helen
  • 12 ноября, 2015
Поиск способов чистого экспорта иконок в .svg из Sketch…корректный метод

Поиск способов чистого экспорта иконок в .svg из Sketch …корректный метод

Не так давно мне нужно было сделать набор иконок для нашего нового продукта на Lucidworks. Весь процесс был довольно прост, но как только я начал экспортировать этих засранцев, все пошло коту под хвост. Как только вы открываете файл .svg в Sublime Text, вы видите весь мусор, который был сгенерирован в Sketch. Большая часть этого кода бесполезна, только создает проблемы с .svg, если работаешь с файлами в коде. В нашем случае же требовался полный контроль.
Урок по созданию мультяшной иконки-бомбы в Sketch - 1

Создание иконки в sketch. Рисуем прикольную мультяшную иллюстрацию бомбу

Этот урок научит вас важным приемам для создания иконки в sketch. И в процессе вы создадите очень крутую иконку в форме бомбы, в мультяшном стиле.
1 ovVtRK4RP0zZCx3Wjvw7ig 80x42 - Иконки в Sketch 3 — Дизайн иконки Google Docs

Иконки в Sketch 3 — Дизайн иконки Google Docs

Копирование дизайна – процесс не сложный. Но создание иконки в Sketch или оригинального дизайна, перевод идеи из головы в пиксели на экране могут представлять определенные трудности. Сегодня мы воссоздадим иконку Google Docs с нуля, используя Sketch. По большей части это будет простой урок, и он поможет вам познакомиться лучше с основами работы в Sketch.
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Подробный урок по созданию IOS иконки в Sketch 3

Подробный урок по созданию IOS иконки в Sketch 3

Я хочу сделать самое простое, но самое подробное описание. Этот урок разработан для новичков, так что, возможно, многие вещи, описанные здесь, будут вам уже знакомы. Вот результат IOS иконки в Sketch 3, который мы получим: