html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Red Collar: 14 свежих инструментов для веб-дизайнеров

Figma и дизайн-системы

Figma опубликовала статью с разбором своего API для создания «живой» дизайн-системы. Тема активно обсуждается в сообществе, Medium переполнен статьями по теме. Юрий Ветров, арт-директор Mail.Ru Group, собрал коллекцию тематических книг, а также подробно рассказал о создании дизайн-системы в Mail.Ru. Рекомендуем:

Тем временем UXPin, который также сменил вектор на создание дизайн-систем, выпустил приложение для macOS и Windows. UXPin помогает в создании непосредственно дизайн-системы, её документировании и генерации спецификации для разработчиков.

UI-кит и полезные плагины для Sketch

Переходим к Sketch. Ловите UI-кит с полной кастомизацией: все компоненты описаны символами и текстовыми стилями и построены на атомарной структуре с использованием констант, что позволяет легко адаптировать компоненты для разных экранов. Разработчики обещают в скором времени сверстать все эти компоненты и связать через плагин.

FontBuddy позволяет устанавливать шрифты в систему прямо из программы. Главная фишка — поддержка Google Fonts.

Sketch Split Shape — плагин, который умеет разбивать прямоугольник на равные части с заданными margin и gutter. Очень удобно, когда нужно вписать новую сетку в уже готовую.

Sketch Smart Style Switcher умеет применять текстовый стиль для слоя, если его параметры совпадают с уже созданными. Помогает избежать дублей и рутины из-за долго поиска нужного стиля.

Sketch Symbols Manager позволяет переименовать символы через удобный интерфейс: перетаскиваете компонент в нужную папку — и он меняет имя на лету. Плагин также находит и удаляет неиспользованные символы. Так можно легко создавать нужную структуру организации символов.

Формат сториз также добрался Sketch. Plot позволяет делиться работой с коллегами, посты автоматически исчезают через 24 часа. Доступно из веба или приложения для macOS.

Прототипирование: Framer, Atomic, Phase

Modular — бесплатный Android UI-кит с огромным количеством элементов из Material Design для быстрой сборки прототипов в Framer. Копируйте, вставляйте туглы, клавиатуры или слайдеры. Все компоненты настраиваются под ваши нужды и адаптируются под различные размеры экранов.

Phase позволяет создавать не только прототипы, но и готовые сайты и приложения. Судя по заявленным фичам, на базе Phase можно собирать переиспользуемые компоненты и распространять так называемые дизайн-токены. В базовом наборе программы: работа с реальными данными, комментирование, версионность. Ждём лета, а пока познакомьтесь с Phase ближе можно в их блоге.

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

Блог Serif и дизайн-паттерны

Serif — авторы Affinity Designer и Photo (продуктов, которые позиционируются как довольно успешная альтернатива флагманским Photoshop и Illustrator) — запустили блог. Там ребята делятся историями создания дизайна, уроками по фотографии и источниками вдохновения разных иллюстраторов.

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

Ещё больше полезных инструментов для веб-дизайна: часть первая, часть вторая

Есть тема, в которой вы профи, и хотите выпускать на Cossa собственный дайджест? Пишите, обсудим: news@cossa.ru

cossa-icons-6.png

Cossa рекомендует: онлайн-курс по интернет-маркетингу от Ingate — digital-агентства с 17-летним опытом.

  • 17 учебных блоков по ключевым вопросам интернет-маркетинга
  • Поддержка менторов
  • Диплом
  • Cтажировка в топовых агентствах России
  • Помощь в трудоустройстве
Узнать больше >>
Реклама
Читать дальше
Twitter
Одноклассники
Мой Мир

материал с cossa.ru

1

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • cossa.ru
          • маркетинг
          • домен cossa.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

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

            Facebook

            К сожалению, вы не попадаете под условия акции