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 отрисовка подобных элементов занимает считанные минуты, даже если ранее вы вообще не занимались дизайном.

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Урок по дизайну карточного интерфейса профиля в Sketch App 3

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

Самое подробное руководство по дизайну в Sketch

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

Урок по создании простой иллюстрации в Sketch с бутылочкой лекарств

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

Создание иконок в Sketch, простая иконка настроек

Сегодня мы с вами рассмотрим создание иконок в Sketch на одной иконке. Если вы только слышали о Sketch, новом инструменте от комады Bohemian Coding, и решили попробовать поработать с ним, вы пришли прямо по адресу!

Дизайн страницы Информация о карте (Card Details) мобильного приложения в Sketch 3

В этом уроке мы создадим экран Информация о карте для новой фишки iOS 8 – сканера кредиток. Вы, возможно, помните подобную опцию в iOS 7, где можно было сканировать подарочные сертификаты iTunes с помощью камеры в качестве альтернативы ручного ввода длинных номеров карточек.

Как нарисовать иллюстрацию в Sketch, используя только прямоугольник, круг и кривую

Я нарисовал 18 известных роботов для Chato.ps (один из продуктов нашей компании), и множество людей спрашивало меня, как можно нарисовать иллюстрацию в Sketch, сложно ли это? Вообще-то, не очень, а точнее очень просто и быстро. В этом уроке я вам все покажу.

Дизайн онлайн-журнала в стиле VSCO с помощью Sketch

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

Урок по кривым Безье в Sketch. Cоздаем плавный сегментированный график в Sketch 3

В этом уроке вы научитесь создавать простой линейный график в лучших традициях Google Material design. Нам понадобятся инструменты вектора, градиента и маски и мы создадим график в Sketch 3.

Мобильное Android приложения для заметок на основе Material Design в Sketch

В прошлом году в Google, где я работаю, мы активно знакомились с новой программой для графического дизайна – Sketch, и теперь он завоевал сердца очень многих из нашей команды. Чем больше инструментов в нашем арсенале, тем лучше. Я хочу показать, почему считаю Sketch и новый material design отличным сочетанием.

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

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

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

Копирование дизайна – процесс не сложный. Но создание иконки в Sketch или оригинального дизайна, перевод идеи из головы в пиксели на экране могут представлять определенные трудности. Сегодня мы воссоздадим иконку Google Docs с нуля, используя Sketch. По большей части это будет простой урок, и он поможет вам познакомиться лучше с основами работы в Sketch.

Как создать красивое (blur) размытие iOS в Sketch, самый верный и простой способ

В общем, я видел ошибки новичков. А дизайнеры просто используют размытость по гауссу с маской, чтобы наложенная кнопка приобретала текстуру размытого фона подложки. Это так просто, но как же вы можете узнать об этом, как не прочитать здесь?)