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

dribbble.com/search?q=One+Layer+Style — текущий пост навеян #10YearChallenge помешательством.

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

В общем, вспомнил один клёвый челлендж на Adobe Photoshop CS6. Раньше к слою нельзя было применить больше одной обводки, тени, градиента... поэтому, нужно было порвать попку, чтобы собрать такое на ограниченном сете стилей.

В 99% случаев, любой новый дизайн встречает сопротивление. И этот раз – не исключение. Но, на контрасте с особенно удачной предыдущей версией иконки, Pentagram следовало бы постараться лучше. Новая иконка теряется среди приложений, а в Dock её вообще найти сложно. Теперь это просто картинка с бесплатного стока.

Любой ребрендинг известной компании будут защищать всеми силами, даже если он провальный. Всё это приживется так же, как прижилась иконка у Instagram.

Кстати, у Instagram после такого финта быстро просела посещаемость, и, видно, поэтому им пришлось стырить плюшки от Snapchat, чтобы хоть как-то выровняться на этом фоне.

sketchfab.com — можно просто зайти поглазеть на классные 3D-модели без использования каких-либо плагинов, либо натырить себе, ибо бесплатного контента там уйма. Люблю этот сервис, порой могу залипнуть на пару часов.

readymag.com/yandexgeoteam/1229224 — запустился Яндекс.Авто, который собрали на Readymag и вхерачили его через iframe на auto.yandex, то есть сшили намертво с чужим сервисом.

Результат — адрес при навигации не обновляется, ссылки, если копируешь, ведут на Readymag, с телефона глючит, застревает — дизайнерский прототип, который пошёл в продакшен. Теперь в Яндексе скорость запуска важнее удобства и качества.

В общем, наговнякали.

gismeteo.ru/weather-tomsk-4652/2-weeks — кто бы мог подумать, что в 2019 году пользователь не сможет посмотреть погоду на неделю, если у него включен блокировщик рекламы.

UPD: Не, ребята, это пост не о том, что у вас ссылка работает при включенном блокировщике рекламы, а у меня нет, а о том, что это моветон — люди бы не ставили себе блокировщики, если бы реклама не была бы такой назойливой. Я взял один из популярных — uBlock Origin, и подкрутил его до самого лютого состояния — вся назойливая реклама, метрики, социальные скрипты... идут лесом. В общем, если при этих условиях меня не пускают посмотреть контент, то этот ресурс идёт лесом. Динозавры такого заработка должны исчезнуть.

hustwit.vhx.tv — добрался и посмотрел документальный фильм про Дитера Рамса. Он сформулировал знаменитые «Десять принципов хорошего дизайна». Примечательно, что эти десять принципов выдержали испытание временем и для многих являются каноническими.

Интересное наблюдение — он любит использовать правило нечётного числа и «воздуха». При использовании нечётного количества объектов один из них будет находиться в центре внимания, что делает восприятие продукта более комфортным, а «воздух» позволяет глазам «дышать».

В общем, купить можете по ссылке выше, ну или не покупать, а впитать то же самое по моей ссылке — yadi.sk/d/Y1FAvKz2oyjIKA.

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

tympanus.net/Tutorials/CustomCursors — пять очень классных вариантов замены вида курсора.

Но...

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

В общем, то, что вы что-то можете, не значит, что вы должны это делать.

А вы знали почему курсор мыши наклонён на 45°? Держите — bit.ly/HistoricalReason.

Да, можно сделать скрипт через Automator. Да, есть комбинация ⌘ + Control + N. Да, можно сделать через контекстное меню, но блин... Дело же не в отсутствии альтернативных решений, а в отсутствии именно этого. В смысле, ⌘ + G в других программах делает именно то, что надо, так почему в Finder этого просто нет?

Вот эта тема со всеми возможными сочетаниями цвета кожи и рас в эмодзи — полнейший дебилизм. Зачем наплодили сотни почти одинаковых значков вместо использования «абстрактных» жёлтых человечков, которыми были эмодзи изначально? Идея эмодзи в том, чтобы сэкономить на размере текста, заменив словосочетания значками. Но теперь выбор нужного значка даже больше времени занимает, чем написание нужной фразы словами.

Ещё не отразили разный рост и телосложение в парах, есть куда расти.

Помните pitch.com? Аня — twitter.com/anna_paschenko, которая работает там иллюстратором рассказала про свои инструменты.

Моделирование делается в ZBrush, текстуры фигачатся в Adobe Photoshop, а рендер в OctaneRender. А когда нужно персонажей анимировать, то в дело идёт Adobe Mixamo.

В этом году таких сайтов будет появляться всё больше и больше... например, specifyapp.com.

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

У нормального шрифта строчная L должна быть выше, чем прописная i! Тут дело не только в том, что можно встретить будет слово, которое не прочитаешь, а в том, что этой штукой пользуются всякие нехорошие люди, из-за которых хорошие люди попадают на приличные суммы. Да, Артемий?

Как можно проявить любовь к пользователю:

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