мяу-дизайн
2.51K subscribers
1K photos
67 videos
29 files
228 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
Иконку комментариев я считал как «палец вниз» из-за рифмы с соседней иконкой.
В айтюнсе перепутал две похожие иконки: листания направо и проигрывания
формулировка здорового человека и формулировка программиста
Опубликовал заметку об очевидном — обратной связи скрола, про которую забывают. Важно не терять голову под впечатлением изингов из гифок с дриббла и помнить про «базовую гигиену» интерфейсов. https://medium.com/@kefiijrw/обратная-связь-скрола-e9f1d802c4d2
Текущая дата в календаре оформляется точно как бейдж уведомлений.
Неудачное сочетание заголовка и фотографии
Больница для слабовидящих
Пугающий своей безумной бестолковостью сайт papersizes.io о существующих форматах бумаги.
При первом взгляде кажется, что размеры плашек соответствуют относительному размеру форматов или хотя бы их пропорциям. Но это не так, автор забил, но при этом плашки всё равно разного размера, что развивает паранойю «в этом должен быть какой-то смысл!».
Для двух форматов нарисовал поверх реальные пропорции — никакой логики. Кажется, автор просто слишком близко к сердцу воспринял книгу Мюллера-Брокманна о модулях, психанул и укатал всё по сетке.

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

Впечатление усиливает такой контраст между типографической выверенностью сайта и его очевидной бестолковостью. Будто архитектор с усердием сооружает лепнину на красивом фасаде, за которым забыли построить дом. Безумный сайт.
This media is not supported in your browser
VIEW IN TELEGRAM
Подозреваю, что не существует дизайнера, который не пытался спасти макет приемчиком «положу на фончик клевую фотку». Но коварство тут в том, что когда дело дойдет до подбора реальных материалов (с очищенным копирайтом и прочими требования от скучных людей, которые, кажется, зовут себя то ли «юристами», то ли «менеджерами»), такой же классной фотографии, вытягивающей макет в топ, может просто не оказаться. Ну то есть, размещая во весь фон страницы фоточку из подборки «National Geographic's Best Pictures of 2017», стоит помнить, что через месяц придется давать задание фотографу наснимать чего-то похожго, и результат будет отличаться. Вся надежда на Unsplash.

Ситуация осложняется, если фото в макете означает не конкретную фотографию, которая будет выбрана на века, а заглушку «тут будет картинка по теме статьи». Потому что для выезжания подобной затеи надо быть лучшим другом и крестным сынули бильд-редактора, который потом будет годами подбирать фотографии на место твоей заглушки в макете. Если, конечно, тебя беспокоит реальная жизнь созданного дизайна, а не только картинки в анонсе на бехансе.
Ну то есть сколько проживет в шикарном состоянии эта страница после запуска проекта без Бильда От Боженьки?
Обычно получается грустно, макет после запуска не выдерживает насилия реальностью. Например, дизайнер в макете использовал для заголовка и краткого описания карточки 100 символов в сумме, но у редакции свои представления об этом мире, и если не договариться заранее, получается Афиша Дейли. Сейчас ребята опомнились и ситуацию немного улучшили, но у меня осталась пара скриншотов.
Для меня что-то прочитать с этой картинки — как капчу разгадать. Желание уместить вместе фотографию и текст порождает целый каскад компромиссов — требования к пестроте и контрастности фотографии, использование всяких фейдов, подложек, затемнения, разблюра, дроп-шедоу под текстом и еще тысяча приемов, чтобы всё равно, глядя на результат, честно признаться: на макете нельзя ни картинку разглядеть, ни текст нормально прочитать.
Adobe тоже безуспешно пытается и фотографию спасти, и текст оставить читабельным. Виньетки, уничтоженный на фото белый и черный цвета, тенюха под текстом — всё тщетно.
Снова Афиша Дейли. После всех этих капч материал справа внизу — просто фото и просто текст — блаженство для глаз.
Самое забавное, что фотографией на фоне обычно пытаются усилить впечатление от текста, акцентировать внимание на блоке. Но неудачно подобранная фотография превращается в шум, который топит надпись, а надпись без фотофона, наоборот, оказывается самой заметной благодаря чистоте контраста. Как на примере из thequestion.ru.