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

uxtools.co/tools/design

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

VectorScribe и InkScribe

astutegraphics.com

Я раньше очень много ***, работая с Adobe Illustrator. Теперь я его полюбил, и рисовать стало приятно, удобно и быстро. Установив хотя бы VectorScribe и InkScribe, ваша работа станет приносить вам кокосовое наслаждение. Очень советую.

Как можно меньше дизайна

Друзья, мне бы хотелось вспомнить замечательного человека, имя которого занимает особое место среди выдающихся дизайнеров 20 века. 10 принципов Дитера Рамса стали ориентиром для нескольких поколений дизайнеров и во многом определили наше современное понимание хорошего дизайна. В этом году Гари Хастуит представит публике свой документальный фильм про несравненного Дитера Рамса.

Создаем правильное модальное окно

heydesigner.com/blog/best-practices-modals-overlays-dialog-windows

Довольно простые правила для создания хороших модальных окон.

Книга, которую невозможно прочитать

holybooks.com/wp-content/uploads/CodexSeraphinianus.pdf

Codex Seraphinianus (Кодекс Серафини) — 360 страниц, которые невозможно прочитать. Книга написана архитектором и промышленным дизайнером Луиджи Серафини в конце 1970-х. Идея книги в передаче ощущения, которое испытывает ребёнок, который не может читать.

Историю Вселенной уместили в 10 минут

youtube.com/watch?v=TBikbn5XJhg

Американский режиссёр и монтажёр Джон Бозвелл смонтировал видеоролик, в котором за 10 минут показал 13,8 миллиарда лет развития вселенной (1 секунда = 22 миллиона лет). Наша Солнечная система начинает формироваться только после шестой минуты видео. За основу Бозвелл взял кадры и звуковые вставки из разных документальных фильмов и передач, посвящённых загадкам вселенной, а также свои собственные видеоматериалы. Красота! Есть русские субтитры.

Ресурсы для дизайнеров

designlist.ru

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

Обновился SVGator

noscriptator.com

Ребята не забывают про свой SVGator и недавно добавили CSS3-трансформации и возможность выполнения события при наведении курсора мыши. Если такого инструмента вам мало, то попробуйте haiku.ai, который недавно вышел в публичную бету.

Адаптируйте рекламу под дизайн

Друзья, не забывайте это простое правило. Хорошо встроенная реклама в ваш дизайн будет приятно удивлять пользователей. Подобной рекламой вы побудите их внести вас в белый список своего AdBlock'а (кстати, лучший в своем деле — ublock.org).

The Best of Design 2013

packagingoftheworld.com/2013/03/togo-burger-student-project.html

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

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

Togo Burger представляет собой неширокую полосу из плотного картона, в которой имеется кармашек для картошки фри, отделение для гамбургера и отверстие под стакан с напитком. Заполненная упаковка имеет удобную ручку.

Преимущества Togo Burger перед привычными нам пакетами очевидны: продукты внутри не смешиваются, что-то просыпать-пролить сложнее, руки свободнее и экономия бумаги — почти 50 процентов.

Прошло пять лет...

Мы всё еще носим фастфуд в бумажных пакетиках.

Netflix сделали свой шрифт

itsnicethat.com/news/netflix-sans-typeface-dalton-maag-graphic-design-210318

Нет, это не история о том, что каждая серьёзная компания обязана сделать свой шрифт. Это история о том, как сэкономить миллионы долларов.

IKEA AssembleAR

adampickard.com/AssembleAR

У IKEA уже есть AR-приложение для выбора мебели. Чего ещё не хватает? Правильно, AR-приложения для сбора мебели. Кстати, был CodePen на эту тему — codepen.io/anon/pen/jzqbEz.

usepanda.com — веб-сервис, который будет полезен программистам и дизайнерам. Он собирает самые полезные материалы с Dribble, Behance, Hacker News и других ресурсов в одном месте.

figmafreebi.es — индийский разработчик сделал сайт, на котором будет собирать бесплатные ништяки для Фигмы.

Градиенты в веб-дизайне

awwwards.com/gradients-in-web-design-elements.html

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

Потеряшки

medium.com/ux-power-tools/50-things-you-probably-forgot-to-design-7a288b0ef914

По ссылке выше чек-лист с тем, что обычно забывают отрисовать на проектах. Посмотрите какая 404 страница у Figma — figma.com/file/design.

github.com/noscript/noscripto#other-ways-to-use-noscripto — лучший инструмент для оптимизации SVG. Есть Web App, модуль Node.js, таск для Grunt\Gulp\Mimosa, действие для папки в macOS, загрузчик webpack, плагин PostCSS и @noscripto_bot.

cherenkevich.com/blog/icons-size — способ выровнять иконки по весу.

Скругление всего, что раньше было острым

Apple и Google на несколько лет вперёд знают перспективу развития и обновления форм-фактора своих устройств.

В 2017 году мы увидели, как Samsung, Apple, Google и некоторые предприимчивые азиатские ребята массово стали выпускать смартфоны с дисплеями, имеющими скруглённые углы. Само собой, на таких дисплеях более гармонично выглядят элементы интерфейса со скруглениями.

Делая мобильные версии сайтов лучше это помнить.