dribbble.com/shots/4503922-Wix-Playoff-Designer-s-Mind — ладно, пропустил как-то конкурс от Wix, но теперь я знаю, сколько там работает в штате дизайнеров. Сто пятьдесят!

Подбор правильных цветовых палитр для визуализации данных:

learnui.design/tools/data-color-picker.html
projects.susielu.com/viz-palette
tristen.ca/hcl-picker

usetracy.com — позволяет преобразовывать растровые изображения в SVG. Например, можно преобразовать набросок, сделанный карандашом на бумаге, в векторное изображение.

9elements.github.io/fancy-border-radius — с помощью свойства border-radius можно делать невероятные штуки. Nils сделал отличный генератор сложных фигур — medium.com/p/d46df1d013ae.

packlane.com — вроде такая простая штука, но найти такое у нас просто невозможно. Или я плохо искал? Ну вот, прям такой, как этот.

colinkeany.com/favicon-checker — воу, тут можно проверить, как будет смотреться ваша фавиконка.

instagram.com/romanbooteen — знакомьтесь, это Роман из Екатеринбурга. Ручная работа в каждом пикселе. Всё, что он делает, можно купить.

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

Согласно принятым нормам, текст поверх картинки должен соответствовать контрасту не менее 4,5:1 или 3:1 для крупного шрифта.

Но как быть, если у вас очень разные картинки на сайте? Затемнение может подойти к одной, но может оказаться абсолютно бесполезным на другой. Будете подбирать для каждой картинки свой параметр затемнения? Бедный верстальщик.

Да, выход есть — antoningrele.github.io/img-brightness-normalization.

Сейчас во многих дизайнерских каналах идёт реклама онлайн-интенсива с ведущими дизайнерами России.

С сайта:
Тебя ждут лекции, мастер-классы, разбор твоей работы и ответы на волнующие вопросы от ведущих специалистов.

Кто пойдёт туда, можете задать два волнующих вопроса? Их на самом деле больше, но ВоЛнУюЩиХ два:

1. Какого лешего у вас тач-объекты сделаны для лапок муравья?
2. А вы знаете, что 80% текста на вашем лендинге нереально прочитать, не поцеловавшись почти с экраном?

Microsoft Office скоро получит поддержку режима Dark Mode в macOS Mojave. Но меня больше не это зацепило, а то, что они наконец-то начали уделять внимание деталям. Посмотрите на иконку Pictures.

Новый сайт KFC от САЛ — пиздец. Как же меня колотит от того, что сайт начинает дёргаться в эпилептическом припадке при попытке его проскролить, а ещё он жутко мне напоминает назойливого продажника, который постоянно что-то тебе пытается втюхать.

Это смешно. Контента почти не видно, на десктопе дела ещё хуже. Это непонятное что-то с чем-то всё ещё популярно для блогов и статей. Слава богу, что у Medium есть Instant View для Telegram.

Всё. Я дальше не поеду! Сижу и думаю, а машина Яндекса тоже бы испугалась ехать в такую чачу? Проверяйте сами, =). С пятницей!

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

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

Короче, не мельчите и не склеивайте — grtcalculator.com.

Хотите делать клёвые превью в Figma?

1. Создаём новый Page и ставим его среди других на первое место.
2. Плейсим туда Frame без заливки размером 620x320 пикселей, и кладём в этот Frame что-то, за что не стыдно.
3. Ну, и задаём у нашего Page любимую заливку.

Готово!

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

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

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

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

Кто любит делать это руками делают руками, другие могут поставить LiteIcon — freemacsoft.net/liteicon, короче:

bit.ly/60icns
bit.ly/30icns
bit.ly/dribbbleicns
bit.ly/deviantarticns

squoosh.app — веб-приложение для оптимизации растровой графики с помощью OptiPNG, MozJPEG, WebP и других оптимизаторов, работающих прямо в браузере (даже в мобильном) на WebAssembly. Ну, а для оптимизации SVG есть jakearchibald.github.io/noscriptomg.

drawkit.io — коллекция бесплатных иллюстраций, которые можно изменить под себя и использовать абсолютно бесплатно. И не забывайте про Катерину, она тоже рисует и раздаёт иллюстрации бесплатно — undraw.co/illustrations.

binarydistrict.com/ru/course/design-ux-ui — если вы решаетесь кого-то учить, то каждый пиксель нужно вылизывать и проверять. Я бы не пошёл учится к тем, кто на месте подчёркнутого текста ссылки не ставит. А знаете, что ссылка? — Круглямба синенькая на авачке...