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

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

Я создал плагин для Sketch. И у вас получится

Я создал плагин для Sketch. Это оказалось несложно. Вам тоже стоит попробовать. Я интересуюсь инструментами для дизайна. Меня очень вдохновили и впечатлили Джош Пикетт и Матей Хрескак, так что и у меня самого зачесались руки сделать нечто подобное

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

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

Как разместить текст на линии в sketch

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

Sketch и Keynote. Анимируйте дизайн нарисованный в Sketch с помощью Keynote

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

Импорт цветовой палитры Material Design в Sketch 3

Насколько я знаю, пока не существует способа поделиться родными цветовыми палитрами Sketch 3, так что я поделюсь простым способом использования родного селектора цвета Mac OS color Material Design в Sketch 3.

10 фишек в Sketch для дизайнеров

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

Как решить проблему недостающих шрифтов Google Fonts в Sketch

Все любят уникальные и креативные шрифты. Все, кроме тех, кто не имеет возможности их использовать. Чтобы решить проблему, вам необходимо установить подобные шрифты из директории Google Fonts.

5 советов, которые помогут ускорить работу в Sketch

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

Простые настройки цвета изображения в Sketch

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

Инструмент “Выравнивание слоев”, работа с несколькими слоями

Иконки в верхнем правом углу в панели инспектора (с правого края окна) позволяет выровнять контент в разных направлениях на артборде.

Как вставить точку точно посередине линии или кривой в Sketch

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

Как нарисовать круговую диаграмму в Sketch с помощью градиентов

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

Лайфхак: Как залить текст изображением в Sketch

Возможности браузеров растут с каждым днем, и очень важно уметь использовать все нововведения, чтобы воплощать свои задумки в дизайне. Пример тому – сравнительно новая техника в CSS, дающая возможность заливать текст изображением.

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

В этом уроке мы разработаем дизайн простого и удобного приложения для фитнеса под iOS, которое позволит контролировать бег и велосипедные тренировки. Помимо iOS-приложения я также покажу пример дизайна для интерфейса Apple Watch в Sketch.

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

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

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

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

Экспорт из Sketch для iOS в подробных деталях. Учимся резать исходники в Sketch

Недавно я узнал, что некоторые из новых пользователей Sketch и дизайнеров, которые только начали работать с iOS, мучаются при экспорте исходников. Люди (включая и меня самого) сталкиваются с вопросами вроде “Каким должен быть размер артборда?”, “Какой размер исходника стоит выбрать для экспорта?” и т.д. Я поделюсь тем, что сам усвоил, пока работал над дизайном iOS-приложения bridj.com.

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

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

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

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