Pereverstal


Channel's geo and language: Belarus, Russian
Category: Design


Переверстка плохих макетов. www.pereverstal.by
Переверстки списком
https://taplink.cc/pereverst
Автор https://t.me/perevers

Related channels

Channel's geo and language
Belarus, Russian
Category
Design
Statistics
Posts filter


Савушкин продукт провёл ребрендинг. Потребитель заметит новый лого и дизайн упаковки продукта потребительского бренда «Савушкин». Новый дизайн упаковки оценивать не буду — от моего «нравится» / «не нравится» мало толку, стратегам и маркетологам Савушкина виднее.

Но мимо логотипа я пройти не смог. Глаз мозолит огромная буква С, которая стоит как не родная. Попытался её поправить. Как считаете стало лучше? Или ничего не поменялось? А может теперь хуже?


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


Пост о проблеме, которая мешает потреблять контент так же как и плохая вёрстка. Проблема наболевшая, поэтому текста много. Чтобы веселее было читать, нарисовал несколько карандашных рисунков. https://pereverstal.by/all/pochemu-yutub-tyazhelo-smotret/


Новая перевёрстка. По ссылке небольшой пост — макеты «до-после», описание почему было плохо, а стало хорошо.
https://pereverstal.by/all/podzemny-parking-v-metropole/


Новый лого Приорбанка мне не зашёл.

1. Две жёлтых картошки фри на месте, осталось добавить каплю кетчупа справа и получится лого Вкусно и точка в реверсе.

2. РРБ-банк уже застолбил скошенные полоски, ну придумали бы что-то пооригинальнее.

3. МТБанк так же застолбил две скошенные полоски.

4. На лендинге банк рассказал, что 2 палки — это стилизованная буква П. Что ж, для знака «Пауза» хороший вариант. Только что на паузе? Выплата по депозитам?

5. Развитие айдентики пока непонятно, но то что увидел — это паттерн из картошек фри и два слеша. Скучно. Да и в этом видосе и женщина стоковая-перестоковая, занейронили бы что ли.

6. Полгода назад я отказался от карты Приорбанка, потому что надоело смотреть на её устаревший дизайн. И вернулся в Альфа Банк только чтобы стать владельцем красивой карты красного цвета Smart Standart.

В целом рад тому, что Приор меняется, я за движение, я за изменение. Интересно какие будут новые карты? Может брошу Альфу и вернусь к Приору, кто знает...


PPI
Когда заходит речь о качественной полиграфической печати большинство людей (в том числе специалисты, печатники, дизайнеры) говорят про 300 DPI (Dots Per Inch) — параметр при котором, напечатанная картинка будет выглядеть «качественно».

Прикол в том, что это самое большинство использует термин неверно. Правильно говорить и писать — 300 PPI (Pixels Per Inch), т.е. кол-во пикселей растрового изображения, которые будут напечатаны на 1 дюйме. Доказать просто — откройте фотошоп, нажмите Ctrl+Alt+I и смотрите поле Resolution. Что там написано? Dots per inch или, блядь, Pixels?

DPI — это характеристика разрешения принтера, количество точек, которое он может печатать физически на дюйм изображения. Разрешение принтера выше числа 300 в разы, так как современная полиграфия не может напечатать пиксель изображения, приходится его растрировать и печатать растровыми точками, плотность распределения которых, кстати, определяет еще один параметр LPI (Lines Per Inch) — линиатура растра.

От значения LPI также зависит итоговое «качество» изображения.

Сложновато это все для понимания, вероятно, но что поделать, такие дела, полиграфическая печать, вся херня, ага.

Сами вы душнилы.


#microux #uxpain
Жуткий микродискомфорт мне доставляют статьи о том, сколько нужно денег для поездки в какую-то страну.

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

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

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

Любая статья под заголовком к примеру «Сколько денег нужно на 7 дней в Нью-Йорке» должна начинаться так — 2500$. А далее, если мне ок такая сумма, можно почитать и про «сколько стоит выпить кофе в Нью-Йорке?»

Тоже самое относится к любой познавательной статье. Вначале — «Варить гречку надо 15 минут», а только потом «Гречка — крупа, начинающая свою историю с Древнего Рима».


38
Сегодня приехал на 38-й этаж. С него видно гораздо больше, чем с 20-го, хотя вид уже не такой веселый. Потусуюсь тут годик, а потом снова наверх. Надеюсь, что когда-нибудь доеду до 83-го и выйду в облаках. А там и до бесконечного космоса будет рукой подать.

Жду ваших поздравлений, каждому припасен лайк за счет именинника.


Обсуждение логотипа

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

Очень удобно обсуждать картинку в разрезе «нравится–не нравится».

— Какая-то хуйня
— Вообще ни о чем
— Мне не нравится
— А за что тут такие бабки заплатили?

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

Да и вообще критерии «хорошо-плохо», «удачный-неудачный» недостаточно объективны на начальном этапе. Логотип должен соответствовать брифу, нравится (хыхы) арт-директору и быть одобрен клиентом — это три условия, которые должны выполняться. И любые комментарии сторонних наблюдателей абсолютно не уместны и годятся разве что для мемчиков и фотожаб.

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

Логотип Threads напоминает мне ленточного червя, но кому блядь какое до этого дело, если в Threads уже миллионы подписчиков? Кстати, загнется он или нет — отдельная история, которая тоже никак не связана с логотипом.

Я всегда люблю приводить пример — соберите в комнате 10 человек, которые ничего не слышали о компании Apple (если найдете, конечно :), покажите им надкусанное яблоко и задайте вопрос — как вам логотип? Нашлись бы те, кто сказал, что логотип дерьмо или «он достаточно смелый» или «я бы добавил следы от зубов в месте укуса». Мнения были бы разные, но совершенно точно никому не нужными и ни на что не влияющими.

Я считаю, что новый лого Твиттера X — не хороший и не плохой, это просто знак, согласованный клиентом и созданный в соответствии с его требованиями. За ним стоит целых два бренда — Твиттер и Илон Маск. Сколько бы злопыхателей не говорили, что это хуйня, лого будет жить и выполнять свои функции.

А чего ж вам еще нужно от логотипа?

Кстати, вот мемчики с новым лого Твиттера.


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

Вот небольшой пример. Для слайда презентации с заголовком «А теперь демонстрация программы!» нужно придумать иллюстрацию и заверстать ее справа от текста.

Этот пример — микроскопическая часть большого проекта. У клиента есть фирменная графика, элементы, паттерны, все есть короче. Надо двигаться дальше, придумывать дизайн различных носителей, верстать кучу всего.

Весь процесс я визуализировал в виде этапов работы
1. Графическая основа, база, точка отсчета, элемент фирменного стиля компании.
2. Моя идея в виде быстрого скетча.
3. Первый вариант от диза.
4. Финальный результат после моих правок.
5. Финальный слайд.


#microux #uxpain
Жуткий микродискомфорт мне доставляют домофоны.
Помимо цифровой клавиатуры на них присутствуют, от случая к случаю, то буква B, то буква K, то звездочка и решетка, то иконка ключа. И каждый раз я зависаю.

Что означает «B»? Bell? Типа набрал номер и нажал Bell, чтобы звонить? А вот хер — этот домофон звонит сразу после набора и не требует нажатия кнопки подтверждения, а «B» нужна домофонный бог знает зачем. Нажимаешь ее и цифры превращаются в черточки. Аааа — это кнопка ввода кода от двери! Шепчешь «блядь», жмешь C, затем снова номер квартиры и ждешь, пока домофон начнет звонить.

А что значит K? Может Key? Типа нажимаешь ее, а затем вводишь код от домофона? Значит можно просто набрать номер квартиры и домофон зазвонит? Снова хер! Без этой кнопки он как раз и не будет звонить, и прежде чем ты это поймешь, постоишь как мудак в ожидании треньканья.

Решетка и звездочка вообще — без вариантов, хз че значат. На межгород звонить штоле?

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

А если нужно код ввести набери эти 4-5 цифр, без всяких подтверждений и дверь откроется. А ошибешься, наберешь номер чьей-то квартиры, то не страшно — домофон же без подтверждения не звонит.

Изи.

446 0 0 13 17

Женя Белодед
В моем личном рейтинге дизайн-студий Right занимает первое место. Никто в наших широтах не делает лучше брендинг и цифровые продукты. Посмотрите их кейсы, почитайте их дайджесты — гарантирую, вы влюбитесь в этих ребят.

Я к чему все это. У арт-директора студии Жени Белодеда есть телеграм-канал на который пока подписано несправедливо мало людей. Женя делится профессиональным опытом, размышлениями, раздает ценные советы, рассказывает немного о своей жизни.

Вот, например, пост о том, как разработать сайт за ноль денег или как перестать париться про «мало сделал, или клевая заметка про автолейауты (как я раньше сам до этого не додумался), а еще как не терятся дизайнеру.

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

Поэтому и рекомендую, логично же, епта.


Меню в Cofix
Я ни хрена тут не понимаю. Типа цены вверху это на все напитки, да? Почему тогда рядом с ними стоят иконки кофейных стаканчиков? Чтобы узнать цену нужно каждый раз бегать глазами наверх и искать ее рядом c буквенным маркером, который относится к желаемому напитку. Кстати, в меню нет напитка размером S, но цена за такой размер указана в легенде.

Почему «раф сливочный пломбир М» стоит 5 BYN, если стакан размера М стоит 4?

На плашке с альтернативным молоком 3 рубля стоит кокос (который наливают только в стаканы S и M), а фундук стоит 4 (и его наливают только в L и XL) или «кокос/фундук» — это просто перечень вкусов альтернативного молока, а цены указаны для обоих вкусов?

Верстка и дизайн тоже не отстают. Скругления у плашек разные, причем у самой верхней они просто кривые, а у нижней они тупо деформированы из-за растягивания плашки по горизонтали. До кучи сразу — отступы, поля, внутреннее-внешнее и миллиард кеглей.

Разные буллиты создают визуальную кашу. Почему в левой колонке стоят снежинки, а в правой четырехконечные звезды, причем возле сливочного рафа стоит снежинка, которая применяется в левой колонке, в разделе сезонных напитков? Почему возле лимонада со вкусом INSNC стоит планета Земля?

Бля, это оказывается не просто буллиты, это же сноски! Каждая иконка что-то означает! Снежинка например означает, что напиток можно приготовить холодным, а четырехконечная звезда — это новинка, а планета Земля означает хуй знает что. Еще конечно же крайне полезна иконка зеленого листика — сразу понятно где веганский продукт, ага. Правда он тут один в меню, но почему бы не наплодить по-больше иконок на макете, так же? Тут та же история что и с ценами — постоянно нужно бегать глазами к легенде, вспоминая что означает каждая иконка.

Названия разделов вообще непонятно для чего нужны. Зачем мне знать что айс масала латте сезонный напиток? Или зачем маркировать фрапучино двумя тегами — авторский и новинка? Для меня новинка — это айс ти персиковый, потому что я его никогда не пробовал, но он находится в разделе сезонных напитков. Почему я предпочту авторский напиток сезонному или наоборот? Наверное гораздо важнее — это холодный напиток или нет, есть там персик или пина колада, сделан он на основе кофе или на основе сиропа и т.д. Авторский он или нет — вообще хрен с ним. Кто автор, кстати?


Вот так нужно правильно ставить ударение. МаркЕтинг. Говорить мАркетинг неправильно.

Да, в английском ударение на «а». Тогда говорите фУтбол, а не футбОл, экОномист, а не экономИст.

Неважно, что ваш препод по маркЕтингу говорил ставить ударение на «а» — он сам руководствуется стереотипами «как в английском» и «все так говорят».

Утверждение «можно говорить и так, и так» тоже неверно.

Правила ударения должны учитывать особенности речевого аппарата и пластику разговорной речи. Говоря простым языком — насколько удобно и естественно произносится слово на родном языке. Произнесите «мАркетинговый» и «маркЕтинговый» и ответьте себе честно — что произносить проще? Поэтому мы говорим футбОльный, а не фУтбольный, экономИческий, а не экОномический и маркЕтинговый, а не мАркетинговый.


Где в Минске водятся клещи?

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

Перечеркнутый в круге объект — это знак его запрета (в данном контексте еще считывается как отсутствие).

Это означает, что рядом с заголовком «Где в Минске водятся клещи?» нужно поместить изображение клеща в круге, без зачеркивания, иначе создается впечатление, что в отмеченных геопинами районах нет клещей, хотя заголовок говорит об обратном.

А еще значок с клещом (перечеркнутый или нет) не надо размещать прямо на карте, а то создается впечатление, что в районе Великого Леса или Колодищ клещей нет совсем.


На макет кто-то чихнул

И все его элементы разлетелись в разные стороны.
Решил починить. Получилось два варианта.

В первом варианте ничего особенного не сделал, просто выделил главное, все расставил по своим местам — проще задачи не бывает, не бином Ньютона же. Каждый раз задаю себе вопрос, почему так не может делать каждый. Это же простые правила визуальной гигиены. Так же естественно и очевидно как зубы с утра почистить или дверь за собой закрыть в туалете.

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

Бессмысленный слоган на помойку, значки переработки крупнее — они тут самое главное.


Компания "Умка" задизайнила целый вагон рекламных листовок и плакатов. Целый вагон - только реклама Умки.  А теперь посмотрите на фотку и постарайтесь ответить правильно чем занимается компания Умка.

883 1 4 12 15

Переверстал рекламу СТО
Быстро и оперативно переверстал вот эту рекламку, которая набросилась на меня в телеграмме. Длинного поста не будет, только «было», «стало» и короткое замечание, что я поменял название на более говорящее и добавил адрес.


Хотел сделать короткую заметку, но вышла полноценная переверстка. Новый пост по ссылке. Читайте, комментите, обсирайте, обсуждайте.
https://pereverstal.by/all/mesto-dlya-kureniya/


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

Я глубоко убежден, что вне зависимости от сценариев использования любого плеера, кнопки «назад» и «вперед» должны перематывать видос, а кнопки «вверх» и «вниз» менять, блядь, громкость. И никак иначе.

20 last posts shown.