n-e-r-v-o-u-s.com/shop/product.php?code=368 — подарок под ёлку для уравновешенного дизайнера, познавшего Дзен.

Тёмный паттерн — это пользовательский интерфейс, который заставляет вас делать то, чего обычно вы бы не сделали. Именно менеджеры, задача которых регулярно достигать более высоких показателей, побуждают дизайнеров использовать тёмные паттерны. Выше — Unisender — какаха №1 для массовых и автоматических рассылок. Ты вроде отписываешься от рассылки, но интерфейс побуждает тебя подписаться снова.

Даниэль сделал потрясный шот — bit.ly/HolographicInteractions, а фронтендер Ион из страны футбола и карнавала запилил на это суперский туториал — tympanus.net/codrops/2018/12/06/interactive-repulsion-effect-with-three-js.

google.com/earth/studio — новый сервис Earth Studio от Google. Есть возможность экспортировать проекты в Adobe After Effects. Пока инструмент работает только в браузере Chrome.

Color Picker в веб-инспекторе Google Chrome умеет анализировать контраст текста и фона. Не понимаю, почему этого ещё нет в Figma.

Fail — ваш текст не имеет достаточного контраста с фоном. Возможно, вы захотите сделать его темнее. Это уровень контрастности менее 3.0.
AA Large — наименьшее допустимое значение контрастности для шрифта размером 18 пикселей и больше. Это балл не менее 3.0.
AA — это золотая середина для текста размером меньше ~18 пикселей. Это балл не менее 4.5.
AAA — это повышенный контраст с баллом не менее 7.0. Подходит для длинных статей, чтение которых займёт значительный период времени.

Думаю, комментарии тут излишни.

voysys.se/broadcast — DIY здорового человека.

Ребята сделали ночной режим, но только для стартового экрана. Я как-то не так его включаю или это фича такая?

remove.bg — самый быстрый и простой способ удалить фон с фотографии. Без СМС и регистрации.

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

deburis.it — ребята из AQuest сделали очень красивые переходы на сайте Deburis. Юра Артюх разбирает этот сайт в своём стриме — youtu.be/sJ_l6XVmH9Q и повторяет эти переходы — cssing.org.ua/examples/deburis.

Представлено одно из самых детализированных пейзажных изображений в мире — sh-meet.bigpixel.cn — на снимке высочайшего разрешения запечатлён Шанхай — крупнейший по численности населения город Китая. Разрешение изображения составляет невообразимые 195 гигапикселей, или 195 миллиардов пикселей.

Съёмка города велась на протяжении нескольких месяцев. Фотографическое оборудование было размещено на телебашне «Восточная жемчужина». Это одна из главных достопримечательностей района Пудун в Шанхае. Высота сооружения составляет почти 470 метров.

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

gyrosco.pe/app — сервис собирает статистику о тебе и всё это упаковывает в красоту. И для пущего эффекта, они делают книжки с отчётами — bit.ly/EngAnnualReportBooks. Такая индивидуальная книга стоит $350.

Безумные WebGL штуки от Дэвида Ли:

adultswim.com/etcetera/choir/
adultswim.com/etcetera/elastic-man/
david.li/paint

bit.ly/VisBugExtension — веб-инспектор, но для дизайнеров — youtu.be/Z9V6B-tOIkc, на GitHub лежит тут — bit.ly/VisBugGitHub, а поиграться без установки можно тут — bit.ly/VisBugSandbox.

animejs.com — я уже советовал дизайнерам, которые любят кодить присмотреться к AnimeJS, и теперь советую уже не присмотреться, а брать и использовать. Мега штука, которая обновилась и заимела бомбический лендинг.

kapwing.com/motion — сервис, который сделает анимированную картинку из статичной. Можно настроить под свой вкус. А постер я упёр отсюда — bit.ly/TextlessMovieWallpapers.

bit.ly/PosterTip — дизайнер Райан Маклеод из Agency of None напомнил нам о забытом и классном способе создания постеров. Это конечно, не уровень Гэри Персиваля — bit.ly/AnotherPoster, но весьма достойный способ делать клёвые постеры. В общем, теперь всё ограничено только вашим воображением.

bit.ly/GConvert18 — не так давно прошёл #gconvert18, если кто пропустил, советую посмотреть. Там хорошо дают по щщам дизайнерам, которые ударились в дриббблецизм*.

Вот, например, когда Matalan внедрили развёрнутую строку поиска на все страницы, убрав иконку лупы из шапки, то прирост поиска с мобильных устройств составил 32%, а с планшетов — 51%. Сейчас налетят дриббблеры и скажут, что так не красиво. Ну, ёпрст, сделайте красиво, но не во вред функциональности и конверсии. Кстати, Matalan, при прокрутке страницы, прячет строку поиска в шапку.

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

* — Дриббблецизм (от англ. Dribbble, «красивая картинка, шот») — течение в дизайне, где большинство дизайнеров стремятся произвести впечатление своим дизайном, а не решить какую-то реальную бизнес-проблему своего клиента.

Что общего между Amazon, Индией и иконкой лупы?

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

Традиционно крупные покупки требовали долгой поездки в город или недельных скитаний по рынкам.

Amazon пришёл, перевёл свой сайт на хинди и открыл мини-магазинчики, чтобы познакомить людей с процессом заказа онлайн.

И тут начались проблемы.

Amazon выяснил, что клиенты в сельской местности Индии не знают, что лупа является стандартной иконкой для обозначения поиска. Покупатели говорили, что это ракетка для настольного тенниса, поэтому на сайте пришлось добавить подсказок и проставить плейсхолдеры на хинди. Дальше... чтобы облегчить понимание главного экрана, пришлось прорисовать значки для книг, электроники, косметических товаров... Иконка тележки — вообще непонятное существо, ибо в Индии много мест, где покупатели никогда не видели тележку, скорее всего скоро её заменят на авоську.

Да, ребята, иногда дизайн нужно адаптировать под локаль.

В общем, если вам придётся делать интерфейс под менталитет жителей Марса, не фыркайте, садитесь и делайте...

github.com/rikschennink/shiny — во-первых, это красиво. Люблю такие мелочи, а вариантов применения уйма — от натирания до простого приёма внутрь.