Как вставить точку точно посередине линии или кривой в 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.

Организация разработки в Sketch для iOS

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

Быстрое прототипирование с использованием символов и шаблонов Sketch

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

Использование Sketch 3 и Keynote для прототипирования

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

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

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

Импортируем HTML веб-страницы в Sketch

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

Простые горячие клавиши, которые помогут повысить продуктивность работы в Sketch

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

Простая установка плагинов в Sketch

Sketch Toolbox — Менеджер плагинов. Он позволяет устанавливать плагины с удобного интерфейса.

Zeplin.io – способ подружить дизайнера и верстальщика

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

Быстрая замена изображения в Sketch

Недавно состоялся релиз Sketch 3.1, и одна из новых функций особенно нас порадовала. Она называется ‘Replace Image’ – замена изображения. В качестве примера, я собираюсь заменить изображение аватара в дизайне приложения.

Редактирование изображений в Sketch

Мы все выросли на продуктах компании Adobe, а именно Photoshop, там мы привыкли работать с изображениями. Фотошоп имеет огромный набор фильтров и инструментов для работы над изображениями. Sketch тоже имеет несколько небольших функций, с помощью которых мы можем редактировать изображения, менять их размер, заливку и тд, которые мы рассмотрим ниже.

Приемы и фишки Sketch 3

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