Как создать руководство по стилю, библиотеку и набор элементов интерфейса в Sketch

Независимо от того, являетесь ли вы экспертом по Sketch или новичком, многие…

Как использовать символы Sketch для создания юзерфлоу

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

Полное руководство по началу работы в Sketch (с бесплатной шпаргалкой)

Неважно, полный ли вы новичок, дизайнер на обучении, опытный профи, который переключается…

Адаптивный дизайн в Sketch — Часть 1

С последней версией Sketch (v.44) функция изменения размера группы была обновлена. Несмотря на то, что фундаментальных изменений нет, у нас появилось немного больше возможностей.

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 3: Композиция, свет и тень в Sketch

На сей раз мы сосредоточимся на том, как вы можете применить свои навыки в Sketch, управляя светом и тенью в композиции.

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 2: Редактирование и экспорт в Sketch

Добро пожаловать во 2-ю часть нашей новой серии советов, которые помогут вам…

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 1: Начало работы в Sketch

Добро пожаловать в 1-ю часть нашей новой серии советов, которые помогут вам более продуктивно использовать Sketch

Создаем красивый график дашборда за 1 минуту в Sketch

Часто, при поиске вдохновения для создания дашборда на Dribble, я сталкиваюсь с прекрасными работами, в которых постоянно есть один изъян – график.

Работа с графическим редактором Sketch. Часть 1 – Спрайты

Поделится описанием процесса работы с другими – полезно. Пусть эта информация о спрайтах и не разорвет ваши шаблоны, но я думаю, что она будет полезна.

Создание круговых диаграмм в Sketch

Признаюсь, я не имел представления о том, как делать круговые диаграммы несколько…

Экспорт исходников интерфейса из Sketch: как упростить себе жизнь

Sketch стал очень популярной программой, широко используемой UI-дизайнерами. В этом посте я покажу некоторые этапы моей работы по созданию и экспорту исходников в мобильные и веб-приложения.

Мастер-класс по вложенным символам Sketch

Sketch в 3 версии подарил нам символы. Вложенные символы в версии 3.7 – это более усовершенствованная форма оригинального функицонала. Давайте разберемся, как ими пользоваться для максимально эффективного результата в дизайне.

Рисуем иллюстрацию морского пейзажа в Sketch

Сегодня я покажу вам свою версию урока по созданию иллюстрации морского пейзажа в sketch. Вы сможете нарисовать то же самое за 20 минут.

Подробный урок по дизайну приложения под iOS в Sketch: Часть 3 из 3

В этом уроке из 3 частей (я хотел разбить его на более легко перевариваемые куски) мы будем создавать экраны для выдуманного приложения под iOS под названием ‘Piece’ с функционалом “Заплати другому”. Часть 1 Часть 2

Руководство Sketch для iOS разработчиков

Как iOS разработчик, я работал над несколькими проектами без дизайнера, и я вам скажу, что это было пыткой. Но я извлек определенный урок из подобных проектов: даже если вы работаете без дизайнера, дизайн все равно важен, особенно итерация дизайна.

Подробный урок по дизайну приложения под iOS в Sketch: Часть 2 из 3

В этом уроке из 3 частей (я хотел разбить его на более легко перевариваемые куски) мы будем создавать скрины для выдуманного приложения под iOS под названием ‘Piece’ с функционалом “Заплати другому”. Часть 1 Часть 3

Серия уроков Sketch (часть 5 из 5): Передача дизайна разработчику

Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки идеально подойдут для быстрого ознакомления с работой Sketch, получения навыков по созданию роскошных дизайнов для десктопа, планшетов и мобильных устройств. А сегодня мы поймем, как происходит передача дизайна разработчикам. Часть 1 Часть 2 Часть 3 Часть 4

Серия уроков Sketch (часть 4 из 5): Дизайн планшетной и мобильной версии

Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки идеально подойдут для быстрого ознакомления с работой Sketch, получения навыков по созданию роскошных дизайнов для десктопа, планшетов и мобильных устройств. Часть 1 Часть 2 Часть 3 Часть 5

Pancake - настоящее дизайн-приключение

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

Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров

Очередной урок по созданию креативных иллюстраций в Sketch. Когда заходит речь об эпичных Звездных Войнах, остается мало возможностей поддерживать продуктивность работы вопреки всеохватывающему возбуждению. Но я решил трансформировать его в нечто полезное и приготовил материалы для создания иллюстраций новых штурмовиков в Sketch.

Серия уроков Sketch (часть 3 из 5): Дизайн десктоп версии

Если вы только начали создавать дизайн для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки идеально подойдут для быстрого ознакомления с работой Sketch, получения навыков по созданию роскошных дизайнов для десктопа, планшетов и мобильных устройств. Часть 1 Часть 2 Часть 4 Часть 5

Серия уроков Sketch (часть 2 из 5): Символы и стили

Основа дизайна в Sketch – это символ (symbol) и стили (style). Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки идеально подойдут для быстрого ознакомления с работой Sketch. Часть 1 Часть 3 Часть 4 Часть 5

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5

Дизайн рождественских иконок в Sketch

Настало время, когда вам наверняка захочется добавить пару рождественских плюшек на свой сайт или просто придется создавать праздничные дизайны. В Sketch отрисовка подобных элементов занимает считанные минуты, даже если ранее вы вообще не занимались дизайном.