16 заметок с тегом

дизайн

Башня из людей

Последний писк моды кинопостеров сегодня — это захуячить пирамиду из актёров, которые играют в фильме.

Главные покрупнее, антагонисты чуть меньше, второстепенные персонажи еще меньше. По такой схеме выстроены большинство постеров блокбастеров последних лет:

Стражи галактики, 2014
Бегущий по лезвию 2049, 2017
Мстители: Война бесконечности, 2018
Звёздные войны: Пробуждение силы, 2015

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

Вообще, пихание всех актёров играющих в фильме на постер — это первый звоночек к творческой импотенции.

Я вообще сторонник того, чтоб не показывать лица актёров в постере. При таком раскладе постер выглядит намного лучше:

Челюсти, 1975
Нечто, 1982
Заводной апельсин, 1971
Чужой, 1979

Насколько же эти обложки лучше лицобашен из современных фильмов! И проблема башен не в том, что они какие-то плохие. Их проблема в том, что они одинаковые. А следовательно — они не решают главную задачу кинопостера: не выделяют фильм на фоне других. Для примера посмотрите на эти постеры в ряд:

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

К чему всё это. Хороший кинопостер, это не хорошая иллюстрация, а хорошая реклама со всеми вытекающими: узнаваемость, самобытность, цветовое кодирование, запоминающиеся образы/силуэты и работа с текстом.

2019   дизайн   кино

Шрифтовые пары и Фредди Крюгер

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

А теперь правильный ответ: левый вариант — Alegreya и Source Sans Pro это популярная шрифтовая пара, а Montserrat и дедушку Open Sans я выбрал наугад. Сильна ли разница?

А вот Фред Крюгер

Уэс Крейвен, создатель первого «Кошмара на улице Вязов» специально одел его в черно-красный свитер, так как считалось, что это сочетание человеческий глаз считает наиболее неудачным. Но разве Фредди не крут? По-моему его свитер очень клёвый. Всё еще сомневаетесь? На самом деле Montserrat и Open Sans это популярная шрифтовая пара, а Alegreya и Source Sans Pro я подобрал наугад.

К чему всё это. Все шрифтовые пары, цветовые сочетания и прочую поебень придумали претенциозные мудаки, которые хотели хоть как-то потешить своё эго. Единственное правило, которому стоит следовать, сформулировал профессор Фортран:

2018   дизайн   мысли

Про выравнивание таблиц

В таблицах нужно использовать тексты с интерлиньяжем кратным 10. Так любое количество строк можно легко и быстро выравнять аккордом shift + ↓

2018   быстромысли   дизайн   фотошоп

Выравнивание текста по ширине на вебе

На самом днище Дантевского Ада, рядом с Люцифером, вмороженным в лёд должны истязаться те люди, которые выравнивают текст по ширине на вебе.

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

2018   быстромысли   дизайн   пламя

Интерфейс нужно тестировать

Есть один сайт про микрозаймы, вот его главная страница:

Первый вопрос, который сайт задаёт потенциальному посетителю: «Сколько вам нужно?»
И прямо под этой надписью: 3000 рублей. Потенциальный посетитель начинает двигать бегунок, а цифра «3000» не изменяется. И только спустя пару секунд до посетителя доходит, что это оказывается минимальный порог займа, блять!

И все бы ничего, но этот сайт спроектирован в студии Лебедева.

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

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

И если человек и машина не понимают друг друга, то всем похуй на твою композицию, отступы и цвета.

Короче, как говорила моя классная руководительница: Снова, да ладом.

2018   дизайн   лебедев   мысли   пламя

Немного про инфографику

Я, конечно, не сомневаюсь в компетентности людей работающих в студии Лебедева. Но я уже писал, что иногда они делают что-то неоднозначное. Сегодня меня привлекла вот эта работа, а точнее эта инфографика:

По идее эта графика должна нам рассказывать, что инвесторы и инвестиционный менеджер засылают свои шекели в фонд прямых инвестиций, который в свою очередь инвестирует эти средства в инвестиции А, Б и Ц.

Что же мы видим в итоге? Инвесторы на этой инфографике инвестируют в инвестицию А, инвестиционный менеджер в инвестицию Б, а инвестиция Ц присосалась к фонду прямых инвестиций, который смещен ближе к наблюдателю по оси Z.

Всё было бы понятнее, если бы связующие линии выглядели так:

Опять же визуальная рифма с кругами.

Короче, мораль стара, как мир. На отъебись — не круто.

Скайпные непонятности

Я перестал обновлять скайп. Вообще. Микрософты творят с ним какую-то дичь. Но недавно я открыл скайп на телефоне, и он обновился сам.

В новом дизайне меня смутила пара моментов.

Цитаты:

Первая мысль у меня была: «Что? 66 цитируемых сообщений?», и только через пару секунд я допетрил, что это кавычки. Кстати, разный цвет кавычек и букв практически не отличается в мелком масштабе на телефоне.

По-моему, логичнее бы было сделать вот так:

Кавычки сразу стали похожи на кавычки, а не на шестерки.

Второй момент, который меня смутил был связан с иконками.

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

Вроде бы несущественно, но из-за этих мелочей складывается впечатление, что дизайн рисовали на отъебись.

Мораль: задрачивайтесь на мелочи. Из них складывается общая картина.

2017   было-стало   дизайн   скайп

Про отступы

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

Интерпретация смыслов в дизайне

Недавно на Студии имени сами-знаете-кого сделали один неоднозначный логотип.
Что в нём неоднозначного? Меня смущает вот эта картинка:

Когда ИГИЛ (запрещенный на территории Российской Федерации) мелькает в новостях каждый день, использовать пиктограммы взрывов на карте по-моему не самая лучшая идея. Я уверен, что не у меня одного эта картинка вызывает только одну ассоциацию — теракты.

2017   дизайн   лебедев   мысли

Порядок оформления телефонных номеров

Телефонные номера на сайтах можно встретить в самых разнообразных форматах:

Однако в России телефоны принято записывать таким образом: 8 (123) 456-78-90. Пробелы и скобочки поставлены правильно. Исключением можно назвать только многоканальные номера, начинающиеся на 8 8005553535, они оформляются без скобок: 8 800 123-45-67.

+7 вместо восьмёрки можно ставить, если это телефон международной организации, у которой есть клиенты за границей, так как «+7» — это международный код России. Делая сайт магазину автозапчастей «У Васи», в городе Саратове «+7» не нужен. Ведь звонить ему будут только саратовчане.

2017   дизайн   телефон
Ctrl + ↓ Ранее