Обновился 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 и некоторые предприимчивые азиатские ребята массово стали выпускать смартфоны с дисплеями, имеющими скруглённые углы. Само собой, на таких дисплеях более гармонично выглядят элементы интерфейса со скруглениями.

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

NVIDIA показала нейросеть для доработки изображений

telegra.ph/NVIDIA-pokazala-nejroset-dlya-dorabotki-izobrazhenij-04-25

Подробнее свою нейросеть ребята из NVIDIA представят на конференции ICLR-2018 в Ванкувере.

utair.ru — клиентоориентированный подход от Ютейр. Прекрасно!

medium.com/p/3b4fc87dc6b5 — как сделать свой первый набор векторных иконок и не облажаться.

Blend Tool в Illustrator

instagram.com/p/BPXy61ED32J

Jeroen показал, как можно… смотрите сами, 😊. В посте всё написано по шагам.

На дворе 2018 год, а Microsoft во всех своих продуктах для действия сохранения подсовывает нам дискетку. Дискетку! Серьёзно?

keep.google.com — смотрите (правый верхний угол) какое прекрасное решение у Google Keep.

bit.ly/2Hxr8Rr — новая анимация загрузки Gmail на HTML и CSS (менее 7 KB).

Восприятие форм

telegra.ph/Pochemu-skruglyonnye-ugly-proshche-dlya-vospriyatiya-04-27

Все видят эстетическую красоту скруглённых углов, но не каждый способен объяснить, откуда возникает эта красота. Ответ находится буквально в наших глазах.

Firefox Nightly обзавёлся поддержкой CSS свойства shape-outside, которое хорошо дружит со встроенным редактором фигур в DevTools.