Прототипирование, Libraries в Sketch Cloud и официальный UI Kit iOS в Sketch 49

А вот и Sketch 49, выходящий по горячим следам предыдущего обновления, добавившего Libraries. На этот раз Sketch обзавелся еще одной важной и долгожданной функцией. Мы понимаем тонкости дизайна, поэтому знаем, что вы не всегда можете сказать, работает ли что-то на основе одних лишь статических экранов. Иногда вам нужно увидеть весь процесс в действии, и лучший способ сделать это — превратить дизайн в интерактивные прототипы. Теперь у вас не возникнет с этим проблем — приветствуйте прототипирование в Sketch...

Читать далее Нет комментариев

Почему ваше приложение в Sketch смотрится лучше, чем на устройстве и как это исправить

Изучение различий рендеринга в Sketch и iOS

Найдите различия

Можете ли вы определить различия между этими двумя изображениями?

Изучение различий рендеринга в Sketch и iOS

Если вы посмотрите достаточно внимательно, вы можете заметить несколько едва уловимых различий:

Изображение справа:

  1. Имеет большую тень.
  2. Имеет более темный градиент.
  3. Имеет слово «in» в первой строке абзаца.

Изображение слева — скриншот из Sketch, а изображение справа — это его воспроизведение на iOS. Эти различия возникают при рендеринге (визуализации) графики...

Читать далее Нет комментариев

Плагин Sketch Isometric для создания модных изометрических изображений

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

Порядок действий

  1. Выберите исходный Артборд / Прямоугольник
  2. Нажмите Ctrl + shift + I или запустите плагин через ‘Plugins > Sketch Isometric > Generate Isometric View’
  3. Выберите поворот, настройте толщину и масштаб как пожелаете, и нажмите кнопку «Done».

Больше примеров…

Плагин Sketch Isometric - пример 1 Плагин Sketch Isometric - пример 2 Плагин Sketch Isometric - пример 3 Плагин Sketch Isometric - пример 4

Можно глянуть пару GIF-файлов, пожалуйста?..

Плагин Sketch Isometric - демонстрация работы 1

Плагин Sketch Isometric - демонстрация работы 2

Функции

Поворот

Плагин Sketch Isometric - демонстрация работы - поворот

Утолщение

Плагин Sketch Isometric - демонстрация работы - утолщение

Масштаб

Плагин Sketch Isometric - демонстрация работы - масштаб

Цвет

Цвета сторон могут быть изменены вручную после выхода из&...

Читать далее Нет комментариев

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

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

«Юзерфлоу представляет собой диаграмму последовательности движений или действий, людей или вещей, связанных со сложной системой или деятельностью». — Naema Baskanderi

Для построения юзерфлоу нам понадобятся элементы для страниц, стрелки, действия (включая решения и индикаторы «да...

Читать далее Нет комментариев

Paddy — плагин для автоматической настройки отступов в Sketch

Двойной клик по скачанному файлу (Paddy.sketchplugin) для его установки.

Если вы используете этот плагин, пожалуйста, поставьте «звезду» этому проекту на GitHub. Для меня это простой способ увидеть, сколько людей использует его, и сколько усилий мне нужно приложить для его дальнейших улучшений.

Paddy плагин для Sketch - Демонстрация работы

Если вам понравился этот плагин, почему бы вам не купить мне кофе ☕ через PayPal, чтобы выразить свою благодарность! Это определенно поможет мне поддерживать его в дальнейшем...

Читать далее Нет комментариев

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

Быстрый и простой способ выбора слоев внутри группы, фильтрации по типу слоя

Как?

Вам когда-нибудь нужно было выбирать все слои внутри групп? Или, может быть, только все текстовые слои, чтобы иметь возможность менять шрифт во всех слоях одновременно?

DeepSelect плагин для Sketch, выбор всех тектовых слоев

DeepSelect сделает это.

DeepSelect плагин для Sketch, как работает

Как установить

Sketch Runner

Sketch Runner замечательный, воспользуйтесь им 🙂 Откройте Sketch runner найдите плагин по названию и кликните «Install».

Вручную

  1. Скачайте ZIP-файл и распакуйте его...
Читать далее Нет комментариев

8 крутых проектов созданных на основе Figma API

Руководства по стилю, экспорт PDF и многое другое!

На случай, если вы не в курсе, в прошлом месяце мы выпустили Figma Platform с первым Web API для профессионального инструмента проектирования. Мы надеялись, что сообщество начнет развивать проект в новых направлениях, но не знали, чего ожидать.

Однако вам не понадобилось много времени. Уже через несколько дней вы наполнили наш фид в Twitter впечатляющими творениями. От генераторов руководств стилей до интеграции Alexa-Echo. Люди адаптируют API для множества рабочих процессов...

Читать далее Нет комментариев

Встречайте Sketch 50. Улучшен опыт использования Sketch

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

50 — это просто номер

В Sketch мы никогда не следовали за толпой. Мы не хотим оправдывать ожидания, мы хотим их превзойти...

Читать далее Нет комментариев

Создавайте и кастомизируйте свою Google Material Design тему непосредственно в Sketch

На прошлой неделе Google провела презентацию I/O 2018 в Шорлайн Амфитеатре в Маунтин-Вью, Калифорния, и вместе с рядом интересных анонсов они представили свое видение будущего Material Design.

С выпуском Material Design в 2014 году Google заново изобрела подход к разработке дизайна программного обеспечения, и это привело к тому, что дизайнеры переосмыслили, как пользователи должны взаимодействовать с их приложениями...

Читать далее Нет комментариев

?‍♂️ Как выбрать инструмент для прототипирования в 2018 году?

Новые инструменты и сервисы для дизайна и прототипирования выходят и обновляются каждый день. Я провёл полное и глубокое исследование инструментов, представленных сегодня на рынке и помогу в них разобраться.

Я разбил список на три большие группы по функциональности и разберу каждую по отдельности:

На самом деле, инструментов намного больше. Здесь собраны сильные и интересные решения, которые можно относительно надёжно использовать в работе...

Читать далее Нет комментариев