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 — если вы решаетесь кого-то учить, то каждый пиксель нужно вылизывать и проверять. Я бы не пошёл учится к тем, кто на месте подчёркнутого текста ссылки не ставит. А знаете, что ссылка? — Круглямба синенькая на авачке...

Никита рассказал, что в приложении скоро будет вот такая обнова. Во-первых, теперь можно будет не спорить о начинке, а просто составить любимую пиццу из двух разных половинок, ну или воспользоваться итальянской рулеткой (платить нужно будет за половину стоимости от каждой + небольшую наценку). Во-вторых, на эмпти стейтах появится крутецкая милота.

css-tricks.com/dark-modes-with-css — наступают тёмные времена. Когда в macOS Mojave используешь режим Dark Mode, то при открытии сайтов с белым фоном ощущаешь себя под самолётной фарой мощностью 1 кВт. Было бы приятно, если бы, документы и сайты соответствовали текущей теме, не так ли? Да, можно установить пару расширений, которые будут инвертировать цвета, но это классический костыль.

Тёмная тема  —  это не просто инверсия всех цветов, это целое направление в современном дизайне.

В Safari Technology Preview 68 появилась новая функция prefers-color-scheme, которая позволяет определить включённый Dark Mode в macOS. Если за Safari повторят другие, то нас ждут очень интересные задачи.

Если не Dribbble, Pinterest и Behance, то куда можно податься за вдохновением? Ну, есть вот такой списочек:

uijar.com
uisources.com
mobbin.design
land-book.com
inspirationui.com
uigarage.net
collectui.com
uplabs.com
designcup.co
designspiration.net
landub.com
visualjournal.it
visuelle.co.uk
butdoesitfloat.com/img/random
usepanda.com

Видно, решили поиграть со шрифтами.

Раз пост такой маленький в догонку пару классных статей о шрифтовых парах — almanac-rus.readymag.com/fonts, сетке — almanac-rus.readymag.com/grid, цвете — almanac-rus.readymag.com/color и анимации — almanac-rus.readymag.com/animation.