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

Новое измерение в дизайне — время

telegra.ph/Kak-dvizhenie-mozhet-ozhivit-mobilnoe-prilozhenie-05-12

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

Ссылки против кнопок

telegra.ph/Ssylki-protiv-knopok-v-sovremennyh-veb-prilozheniyah-05-13

Интересная статья от Марси Саттон. Всегда делайте ссылки похожими на ссылки, а кнопки — на кнопки. Без двусмысленности разработчикам станет легче писать более доступный код, лучше отвечающий ожиданиям пользователей.

Какими должны быть всплывающие окна?

texterra.ru/blog/vsplyvayushchie-okna-pop-apy-kakimi-oni-dolzhny-byt-i-kakie-est-alternativy.html

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

Работа с цветовыми схемами

elegra.ph/Neskolko-besplatnyh-servisov-dlya-podbora-cvetovoj-shemy-05-16

Итак, вы решили подобрать идеальный цвет к кнопкам «Купить» на сайте, но спустя 2 часа так и не определились? Вы не одиноки. Цвет — это наука.

spiritapp.io — вчера вышла Spirit Studio, но пока только на macOS. Делюсь с вами своей 25% скидкой — CEA0C413 (купон будет действовать 7 дней).

Cамые непрактичные вещи для дома

theuncomfortable.com

Афинский архитектор Катерина Кампрани (Katerina Kamprani) выпускает непрактичные предметы для дома The Uncomfortable, которые и смешат, и раздражают. Чего только стоят бетонный зонтик и резиновые сапоги с открытым носком! В результате разрушается язык дизайна повседневных предметов и меняются их функции.

dribbble.com/shots/4605344-Search-icon-interaction — микро-UX — стратегия использования простых, небольших элементов в дизайне продукта, ориентированных на решение одной задачи.

overflow.io — вышла публичная бета Overflow — отличный инструмент для создания карт. Всё пока бесплатно.

Принцип дефицита в дизайне

uxdesign.cc/scarcity-in-ux-the-psychological-bias-that-became-the-norm-3e666b749a9a

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

shopify.github.io/draggable — лёгкая и современная библиотека для драг-н-дропа от Shopify с удивительно красивым демо-сайтом.

The Link Bar

growthrock.co/ecommerce-mobile-home-page-navigation

Вы наверняка уже устали читать статьи и постоянно слушать разные дискуссии о трёх коротких линиях гамбургер-меню. Это плохой приём в дизайне интерфейсов? Или неплохой? Как с этим жить и увеличить конверсию?

papersizes.io — все международные форматы и стандарты: листа, конверта, визитки, плаката и т.п.

carbon.now.sh — сервис поможет сделать эффектную обёртку для вашего кода, результат можно сохранить в PNG или SVG формате.

Simon Stålenhag

theverge.com/2018/7/18/17586706/amazon-tales-from-the-loop-simon-stalenhag-retro-sci-fi-art-book-tv-series

Amazon заказал сериал на основе артов Саймона Сталенхага. Всего запланировано восемь эпизодов.

mjml.io — отличный фреймворк для вёрстки адаптивных email-писем. К сожалению, не очень дружит с почтой Мэйл.ру и Яндекса.


Ребята, не забывайте про Scale Tool в Figma. Суперспособность его — пропорционально изменять абсолютно все свойства!

shotsnapp.com — инструмент для эффектного оформления экранов интерфейса.

Google Photos

medium.com/p/45b714dfbed1

Создание интерфейса Google Photos. Антин Гарасымив с увлекательной и подробнейшей историей создания производительной резиновой плиточной раскладки, которая не вешает браузер.

kit.com — собирайте и делитесь инструментами со своими друзьями и знакомыми. В общем, это современный писькомер.

Проверь в какой какахе ты живёшь или собираешься жить

realty.yandex.ru/sankt-peterburg/kupit/kvartira/karta/?layer=ecology

Отличная штука, без сарказма. Яндекс продолжает настраивать взаимодействие между всеми своими продуктами. Наконец-то переделали поиск и карточки жилых комплексов, а то раньше была одна боль. Транспортная доступность — тепловая карта показывает, насколько просто выбраться из района общественным транспортом. Инфраструктура — тепловая карта показывает, как хорошо развита инфраструктура для жизни и развлечений в районе. Качество воздуха — тепловая карта показывает, как обстоят дела с чистотой воздуха в районе.