Видео уроки Principle for mac. Создание анимации интерфейсов с помощью Principle и Sketch

Не последние место в работе UX специалиста занимает анимация интерфейсов, которая позволяет создать взаимодействие интерфейса с вашими пользователями. Сейчас существует огромное количество программных продуктов для создания анимации, на один из таких – Principle. Сегодня мы будем смотреть видео уроки Principle.

Бесплатный UI Kit от компании Laps для Sketch 3

Современный, модный и бесплатный UI Kit в плоском стиле от автора Kristaps. UI Kit насчитывает 30 структурированных элементов интерфейса. Он подойдет для создания своего блога или современного сервиса любой направленности.

Сетки и тимплейты для облегчения работы в Sketch

Типлейт для создания иконки мобильного приложения Android на основе Material Design.

Плагин для работы со шрифтом Roboto в Sketch

По мотивам плагина для шрифта San Francisco, был разработан плагин для шрифта Roboto. Плагин подставляет нужный трекинг в зависимости от размера текста Roboto в Sketch.

Еще три инструмента для прототипирования sketch приложений

В последние несколько недель вышли два совершенно новых инструмента для прототипирования sketch приложений, и основаны они на совершенно разных принципах работы: Principle и Flinto для Mac. Третий инструмент в этом ревью, Tumult Hype 3, не такой новый. Часть 1

iOS 9 GUI (iPhone) от команды дизайнеров Facebook

Команда дизайнеров Facebook создала шаблоны элементов графического интерфейса iOS 9 для Photoshop и Sketch, найденных в публичном релизе прошивки iOS 9. С помощью iOS 9 GUI можно быстро создавать прототипы, а также нативные приложения.

Уникальный плагин для шрифта San Francisco от нашего читателя

Плагин подставляет нужный трекинг и нужный шрифт (SF UI Text или SF UI Display) для текста в соответствии с таблицей трекинга для San Francisco от Apple.

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

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

Сравнение пяти инструментов для прототипирования приложений с поддержкой sketch

Я заново создал онбординг пользователей IF от IFTTT в пяти высокоуровневых инструментах для прототипирования приложений, чтобы понять разницу между ними. Это были Proto.io,Pixate, Framer, Origami от Facebook и Form от RelativeWave. Часть 2

Прототип Sketch 3 Dark UI от Ruben Oliveira

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

Дизайн фитнес-приложения для iOS в Sketch, совместимого с Apple Watch

В этом уроке мы разработаем дизайн простого и удобного приложения для фитнеса под iOS, которое позволит контролировать бег и велосипедные тренировки. Помимо iOS-приложения я также покажу пример дизайна для интерфейса Apple Watch в 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. И в процессе вы создадите очень крутую иконку в форме бомбы, в мультяшном стиле.

Как улучшить процесс дизайна и разработки под Android в Sketch 3

Создание дизайна под родные Android-приложения приносит массу удовольствия; временами даже счастья. И весь этот кайф длится ровно до момента, пока вы не возьмете ваше красивое приложение, на шлифовку которого у вас и вашей команды ушло несметное количество часов, и не… экспортируете исходники [и тут звучит драматическая музыка].

Подборка из 13 лучших бесплатных исходников мобильных приложений IOS для Sketch

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

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

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

Дизайнеры Google о Sketch и его будущем

24 ноября tuto.com, французский обучающий сайт, провел интервью с тремя дизайнерами – Жан-Марком Дэнисом, Филиппом Хонгом и Себастианом Габриэлем. Обсуждался Sketch и дизайн в общем. Сами вопросы и ответы собеседников были очень интересными, поэтому мы решили перевести это интервью для наших читателей.

Полезные вещи, которые вы, еще не знаете – экспорт в Sketch

Да, я одержим Sketch. Я использую его каждый день. И каждый раз, когда я нахожу что-то новое, я вскакиваю со своего кресла и офигеваю (в хорошем смысле этого слова). Так недавно, чисто случайно я обнаружил еще две очень крутые штуки, одна из них – экспорт в Sketch.

Обучающий видео курс “Sketch 3 с нуля” от LearnSketch (часть 2)

Создание прототипа приложения каждый раз с нуля – это огромная трата времени, особенно при разработке поверх уже существующего продукта. Envato Market уже имеет свой дизайн, и мы работаем над руководством по стилю, чтобы согласовать с ним все элементы созданного нами интерфейса. Часть 1

Обучающий видео курс “Sketch 3 с нуля” от LearnSketch (часть 1)

Это поверхностный урок. Он расскажет нам о графическом редакторе Sketch. А также сравним его работу с Adobe Photoshop и Adobe Illustrator. Часть 2

Изучение Sketch: Плагины, ресурсы, статьи и уроки (EN)

Sketch – это мощный инструмент для дизайна, разработанный командой Bohemian Coding. Сейчас программа доступна только в версии для Mac, можно купить ее здесь за $99. Ниже вы найдете список плагинов, ресурсов, статей и уроков, которые помогут вам начать работать в Sketch.

Sketch 3.3 Beta – Новые возможности в действии

Недавно вышел Sketch 3.3 (Beta), который воплотил в себе мои любимые нововведения. Скачайте эту версию с Bohemian Coding, но не забывайте: это версия Beta, не используйте ее для коммерческого производства!