Обзор дизайн-систем созданных в Figma

Мудрость от нашего сообщества

Мы в Figma оптимистично настроены в отношении дизайн-систем… на случай, если вы не читали об этом в наших публикациях на этой неделе ?. 2018 год будет замечательным годом, поскольку мы развиваем DesignSystems.com в учебный ресурс сообщества, для обсуждения этого вопроса. Мы также хотим поддержать наших пользователей в их работе по созданию дизайн-систем при помощи Figma.

Я никогда не забуду, как Václav Vančura — дизайнер Microsoft, демонстрировал слои, расположе...

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

Pancake - настоящее дизайн-приключение

Попробуйте представить самый приятный вариант пробуждения после сна — Pancake.

Предыстория Pancake

Несколько лет назад мой смартфон сломался. Это было ужасно, потому что я даже не мог его перезагрузить. В конце дня я попробовал найти свой старый будильник, чтобы завести его на утро, и вдруг вспомнил, что я давно его выкинул. Представьте, мне даже пришлось скачать будильник на мой лэптоп! Обычно будильник играл одну из моих любимых песен, а в то утро меня болезненно разбудил какой-то ужасный звук. Это было почти как пощечина, прямо как изобретение Симон Гирц. И тогда я понял, как здорово было просыпаться под свои любимые песни. Вот как на свет появился Pancake...

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

Подробный урок по дизайну приложения под iOS в Sketch: Часть 2 из 3

В этом уроке из 3 частей (я хотел разбить его на более легко перевариваемые куски) мы будем создавать скрины для выдуманного приложения под iOS под названием ‘Piece’ с функционалом «Заплати другому».

А почему бы и нет? Настал сезон творить добро!

Читайте также:

Подробный урок по дизайн приложения под iOS в Sketch: Часть 1 из 3

Подробный урок по дизайн приложения под iOS в Sketch: Часть 2 из 3

Подробный урок по дизайн приложения под iOS в Sketch: Часть 3 из 3

Перед те...

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

Руководство Sketch для iOS разработчиков

Как iOS разработчик, я работал над несколькими проектами без дизайнера, и я вам скажу, что это было пыткой.

Но я извлек определенный урок из подобных проектов: даже если вы работаете без дизайнера, дизайн все равно важен, особенно итерация дизайна.

Давайте признаем, что клиенты не всегда точно знают, чего они хотят. Сразу прыгать в Xcode до того, как они это выяснят, обычно заканчивается бардаком и массовыми переделками красивого, лаконичного кода...

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

Создание круговых диаграмм в Sketch

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

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

Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 3: Композиция, свет и тень в Sketch

Добро пожаловать в 3-ю часть нашей серии советов, которые помогут вам более продуктивно использовать Sketch. На сей раз мы сосредоточимся на том, как вы можете применить свои навыки в Sketch, управляя светом и тенью в композиции. (Пропустили 1-ю часть? Вы найдете ее здесь!)

21. Над краем

Композиция, свет и тень в Sketch | Над краем

Размещение одного элемента над краем другого изображает давление или перемещение. В этом примере кажется, что прямоугольник выталкивает или тянет круг.

22...

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

Адаптивный дизайн в Sketch — Часть 1

С последней версией Sketch (v.44) функция изменения размера группы была обновлена. Несмотря на то, что фундаментальных изменений нет, у нас появилось немного больше контроля над этой функцией.

Я уже подробно писал об этой функции ранее. В этой статье я рассмотрю обновления и дам несколько новых советов. В следующей части этой статьи, я сравню функцию изменения размера групп с плагином Auto-layout от Anima.

Кратко о функции изменения размера группы

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

Создавая потрясающие иллюстрации с помощью Sketch и Looper в два счета

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

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

Сегодня я собираюсь показать, как с нулевыми навыкам...

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

Blender — инструмент перемешивания фигур для Sketch

Blender Sketch плагин

Введение

Благодаря этому плагину, вы можете смешивать объекты для создания и распределения фигур равномерно между несколькими объектами в Sketch.

Примечание: вы должны использовать одинаковые фигуры для смешивания.

Прямоугольники

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

Другие фигуры

Также, как и с прямоугольниками, но вы не можете смешивать радиус.

Векторы (Ассиметричная фигура):...

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

FontBuddy для Sketch — скажите «Нет» отсутствию нужных шрифтов

Получите бесплатные шрифты прямо в Sketch

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

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

Скачайте плагин на сайте FontBuddy.co, двойной клик по файлу для его установки.

Найдите FontBuddy в меню ‘Плагины’.

Установите отсутствующие шрифты или найдите новые в каталоге.

Если у вас отсутствуют шрифты, доступные для бесплатной загрузки (например, на Google...

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