22 заметки с тегом

дизайн

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

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

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

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

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

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

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

Дизайн сайта для компании «Транскаст»

Логотип

Задача: сделать строгий и современный дизайн для сайта логистической компании.

Результат:

Решение: Знакомлюсь с сайтами, которые заказчику нравятся:

Делаю первый подход:

Концепция заходит сразу, однако у заказчика есть комментарии:

Заказчик: Давай скайп сверху уберем, и поставим карту сайта, и поиск ровнее..а вместо «оформить заявку» лучше будет «напишите нам»

хоп:

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

Чух:

Заказчик: Блок услуг лучше изменить, так как планируем добавлять различные новые услуги... для нас подходящие иконки подобрать/нарисовать будет проблематично. Лучше сделать категории фотками, чтоб легко можно было добавлять новые услуги без помощи дизайнера.

Вжух:

Заказчик: Вместо пути, лучше показать схему цифрами, и добавить на экран кнопку заявки, и фон потемнее

Тыц:

Заказчик: направлений будет больше, и флаги лучше не использовать.

Хуяк:

Заказчик: Давай почту из футера уберем, на неё спама приходит много. Её спрятать в контакты. Так же в футер надо добавить кнопку обратной связи и соцсети.

Тыщ:

Главная принимается. Начинаю делать внутряки:

Стили таблиц. Информация считывается легко и удобно. Глаз не теряет нужную строку.

Уникальные иконки

2018   дизайн   портфолио

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

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

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

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

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

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

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

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

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

Логотип компании «Призма МеталлоКонструцкии»

Лендинг

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

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

Решение: первые идеи

Заказчик: что если 4. а надпись из 1?

Кроме того, нужно добавить к надписи МК, означающее «металлоконструкции».

Пробую:

Заказчику нравится расположение знака над текстом, одновременно с этим предлагаю присмотреться к пятому варианту из первого комплекта, так как этот вариант наиболее полно решает задачу. Шестиугольник это и призма, и похож на шляпку болта — металл.

Заказчик соглашается, и просит развить тему болта/призмы.

Заказчик: Пока остановились на пятом варианте. Буква П в шестиграннике.

Развиваю:

Заказчик: 6 вариант интересен. Чуть повыше буквы сделать. Шрифт из 1 варианта

Тыц:

Заказчик: На втором останавливаемся

2018   дизайн   логотип   портфолио

Дизайн лендинга для ветклиники «Cati&Gani»

Логотип

Задача: Необходим лендинг, призывающий позвонить в ветклинику и вызвать ветеринара на дом.

Результат: Лендинг был принят без правок. Попал в ожидания с первого раза (спасибо заказчику за хорошее ТЗ).

2018   дизайн   лендинг   портфолио

Логотип компании «Транскаст»

Сайт

Задача: нарисовать логотип.

Решение: накидываю варианты

Заказчик: давай первые 2 разовьём с другими цветами

вжух:

Заказчик: 6 вариант норм

хоп:

Заказчик: давайт попробуем такой вариант кубик берем из 1 варианта, а надпись ТРАНСКАСТ из 4 о совмещаем их

2018   дизайн   логотип

Логотип ветклиники Cati&Gani

Лендинг

Задача: сделать логотип ветеринарной клиники.

Решение: первая мысль — амперсанд похож на котейку.

Накидываю первые варианты:

Заказчик: значек со второго а шрифт 3 вариант. если не очень остановимся на 2.

бах:

Заказчик: 1вариант мне нравиться на нем остановимся

2018   дизайн   логотип

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

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

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

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

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

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

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

Ctrl + ↓ Ранее