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

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

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

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

В iOS можно довольно легко уводить текст (да и вообще что угодно) в прозрачность. Не бойтесь использовать это в дизайне. Антон Ловчиков.

2018.makemepulse.com — Makemepulse ещё в январе сделали, то ли виртуальный гольф, то ли пинбол. Тем, кто не видел, обязательно стоит поиграть.

edit.pics.io — очень удобный, без регистрации онлайн-редактор изображений. Поддерживает работу с тяжёлыми файлами в 32-битном режиме.

Еще одна затея на Arduino

thecrowbox.com

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

Google возрождает итальянский дизайн

telegra.ph/Kak-Google-vyshel-za-ramki-skuchnyh-shablonov-04-30

Язык формы, который предлагает нам Google является отголоском или возрождением итальянского дизайна, которые мы не видели уже два или три десятка лет.

viget.com/articles/a-bone-to-pick-with-skeleton-screens — сравнение трёх вариантов загрузки: со скелетной анимацией, с лоадером и с пустым экраном. Очень странно, что скелетная анимация проиграла по всем позициям.

tympanus.net/codrops/2018/05/02/ideas-for-proximity-feedback-with-progressive-hover-effects — отличный UX.

Как сделать таблицу удобнее для пользователя?

uxdesign.cc/design-better-data-tables-4ecc99d23356

Эндрю Койл, дизайн-директор в Flexport, поделился UX-решениями для работы с объёмными таблицами.

blloc.com — отличная продающая страница. Всё очень чисто и понятно, советую посмотреть. Скорее всего, запустится только через прокси.

duotones.co — умеет применять цветовые пары на изображение. Обещают очень скоро наладить экспорт в SVG + CSS, сейчас результат можно сохранить в JPG формате.

apple.co/2wjXSwo — иллюстратор Timo Kuilder выпустил отличную игру-головоломку. Подробнее здесь — itsnicethat.com/articles/timo-kuilder-kontrast-puzzle-game-illustration-digital-040518.

googlefonts.github.io/korean — Google Fonts добавил поддержку корейского языка. Промо-сайт просто шикардос.

Coördinator от Spotify

labs.spotify.com/2018/03/02/introducing-coordinator-a-new-open-source-project-made-at-spotify-to-inject-some-whimsy-into-data-visualizations

Coördinator перемалывает SVG в координаты XY. Это означает, что теперь можно взять любой SVG файл и превратить его в точки, а потом использовать эти точки для различных визуализаций.

design.google/library/making-more-with-material — 8 мая прошёл Google I/O, компания рассказала об обновлении концепции Material Design, и новых инструментах для разработчиков и дизайнеров.

В Figma можно копировать и применять несколько свойств по отдельности.

Воу, воу... они ещё допилили экспорт SVG. Чистенько.

Спиннер или индикатор выполнения?

telegra.ph/Indikator-vypolneniya-i-spinner-kogda-i-chto-ispolzovat-05-11

Спиннеры не предназначены для длительных процессов, а индикатор выполнения упрощает ожидание выполнения длительных процессов.

Как передать свет ярче?

telegra.ph/Kontrastnaya-yarkost-ili-kak-peredat-svet-yarche-05-11

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

icons8.com/music — команда Icons8 запустила бесплатный сервис с кучей бесплатных треков, которые можно использовать для видео, игр или интерфейса. Все треки категоризированы.