Редизайн дизайнов
4 поста
4 поста
Графический дизайн — это искусство создания визуальных коммуникаций. Он окружает нас повсюду: от рекламных плакатов до логотипов компаний. Знаешь ли ты, что история графического дизайна насчитывает тысячелетия?
1. Древние времена
Люди всегда любили рисовать. Вспомните наскальные рисунки: мамонты, охотники и прочие древние "соцсети". Египтяне вообще размахнулись — рисовали свои иероглифы на стенах пирамид. Всё это примеры первых графических работ. Они служили не только для красоты, но и для передачи информации и мыслей.
2. Печатный пресс (15 век)
В 1440 году Иоганн Гутенберг изобрёл печатный пресс, что стало настоящей революцией. Буквы перестали быть роскошью — теперь книги можно было печатать массово, а дизайнеры начали работать над оформлением страниц. Так появились первые типографские шрифты.
3. Эпоха модерна (19, 20 век)
Настоящее искусство пришло с движением Арт Нуво в конце 19 века. Тут дизайнеры не просто "рисовали красиво", а делали красоту полезной. Плакаты, обложки и даже рекламные упаковки — всё стало утончённым и эстетичным. Художники создавали работы, которые вдохновляют нас до сих пор.
4. Рекламный бум (20 век)
20 век — это время, когда всё пошло на полную мощность! Массовое производство, реклама, логотипы на каждом углу. Пол Рэнд и Саул Башор создали культовые логотипы (вспомните IBM и ABC), которые мы знаем до сих пор. Красивый дизайн стал ключом к успеху бренда.
5. Цифровая эра (конец 20 века)
Компьютеры, Adobe Photoshop, Illustrator — всё это открыло новые возможности для дизайнеров. Дизайнеры получили новые возможности для экспериментов с текстурами, формами и цветами.
Современные тренды
Сегодня — золотое время для дизайна. Хотите минимализм? Пожалуйста. Любите 3D и анимации? Они так же сейчас повсюду. Дизайнеры создают визуальные коммуникации для социальных сетей, сайтов, приложений и многого другого. Социальные сети стали новой ареной для дизайнеров.
Изображения из открытых источников.
Вот такой путь прошёл графический дизайн от древних времён до наших дней.
Графический дизайн — это не просто профессия. Это целый мир, который развивается вместе с нами. Сегодня он важен как никогда: помогает нам общаться и украшать нашу жизнь.
Спасибо за внимание.
Привет, пикабу.
Очередной пост по редизайну, сегодня будем перерисовывать шапку одной из сообществ, реклама которой мне попалась в ленте. Давайте посмотрим на то, как сейчас выглядит эта группа:
Исходная шапка ВК сообщества.
В целом концепция мне нравится, но есть некоторые недочёты в вёрстке, которые мы можем исправить.
Озвучу ошибки, которые были допущены в этой работе. Во-первых, текстовый блок слева сверху расположен не совсем корректно. Он будто прилип к верхнему краю и не выровнен относительно серой области изображения. Я понимаю, что акцент сделан на слове «Стальная», ведь компания занимается металлами, и это также подчёркивает сварщик, расположенный по центру на изображении.
Дальше идёт момент, который мне непонятен: вторая строка меньше, чем третья и четвёртая. Если нам нужно выделить первое слово, мы можем это сделать, но остальные строки оставим одного размера. Например, так:
Пример заголовка.
На мой взгляд, вторая ошибка (или скорее недочёт) — это использование более двух шрифтов в одном проекте. Заголовок написан одним шрифтом, описание — другим, а инфографика внизу — третьим. К тому же, размер шрифта в некоторых местах отличается.
Также есть вопрос по изображению рабочего. Было бы лучше, если бы цвета на шапке были расположены наоборот: серый внизу, а белый вверху. Это помогло бы скрыть не самую удобную часть с рабочим столом сварщика. Сейчас же изображение вырезано слишком грубо, и цвет привлекает внимание именно к этой части.
Кроме того, шапка не закрывает всю площадь, из-за чего по бокам появились полосы с размытой областью. Также текстовые блоки слева не выровнены.
Учитывая всё вышесказанное, делаю редизайн первого варианта. Вот такие результаты получились в итоге:
Обновленные варианты шапок для сообщества.
Большое спасибо что прочитали пост!
Привет, Пикабу.
Вполне возможно, вы уже видели обновленную версию логотипа Яндекс Маркет'а, а если нет – показываю.
Обновленный логотип маркета
В связи с этим хотелось бы обсудить, насколько лучше стал выглядеть бренд.
Важно! Этот пост – имхо, и оно не претендует на истину в последней инстанции. Все, что вы прочитаете ниже – рассуждение. Моя точка зрения. Она может отличаться от вашей, и это нормально)
Яндекс, помимо презентации нового логотипа, также рассказал о том, что изменился в том числе и фирменный стиль сервиса. Вот, например, автомобиль:
Авто 1
Авто 2
Брендированный пакет:
Пакет.
Со слов директора по маркетингу Яндекс Маркета, новый стиль логотипа объединил два цвета: красный и желтый. Красный цвет напрямую связан с брендом Яндекса, а желтый ассоциируется с самим маркетплейсом.
Однако, мне почему-то кажется, что при взгляде на новый логотип Маркета, первая ассоциация возникает с AliExpress.
Желто-оранжевый лого AliExpress
Полистав старые материалы китайского маркетплейса, вы можете заметить сходство в цветовой гамме.
В результате у Маркета получился стильный визуальный образ, который действительно привлекает внимание целевой аудитории. Логотип, по сути, не претерпел сильных изменений – поменялась только геометрия. Возможно, он даже сохранил свою узнаваемость. Что касается цветов, то это самая спорная часть этого ребрендинга. На мой взгляд, старая цветовая палитра выделяла маркет на фоне других брендов, сейчас же он начинает сливаться с другими "маркетами". Например, тот же Казань Экспресс использует красный в своих фирменных элементах.
Желтый и черный создавали уникальное сочетание цветов, по которому можно было сразу понять, что речь идет о Яндекс Маркете. Это именно то, за чем гонятся бренды – целевая аудитория воспринимает фирменный стиль и запоминает его, идентифицируя с конкретным брендом.
В сухом остатке: было хорошо – стало хорошо, но...
А что вы думаете по этому поводу? Поменялись ли у вас ассоциации, и видите ли вы в новом фирменном стиле Яндекса другие интернет-магазины?
Привет!
Возможно, вы сталкивались с подобным оформлением товаров в различных интернет-магазинах. Сегодня мы попробуем улучшить один из них.
Посмотрим на исходное изображения:
Исходный визуал
На мой взгляд, проблема подобных карточек заключается в том, что они выглядят слишком пестро и содержат слишком много информации. Иногда некоторые объекты на картинке являются графическим мусором, и без них можно обойтись. В целом, мне кажется, что покупатели с некоторым скепсисом относятся к товарам, у которых слишком красочные изображения. От них веет каким-то подвохом: а вдруг это подделка или некачественная продукция?
Я считаю, что не стоит усложнять карточки товара и важно двигаться к максимальной простоте и информативности. Например, если речь идет о термопринтере, то ничего лишнего не нужно. А если к нему прилагаются бонусы, то об этом можно рассказать в описании самого продукта.
Как вы относитесь к такой презентации товара? Вызывает ли у вас подозрение качество рекламируемых товаров? Напишите в комментариях, интересно будет узнать ваше мнение.
Создаем новый холст, убираем все лишнее и оставляем только сам товар.
Вариант первый
Вырезаю изображение принтера и накладываю его на нейтральный фон. Затем добавляю некоторые детали, чтобы сделать изображение более реалистичным: тень под товаром и отражение. Также немного корректирую свет на объекте, используя кривые, чтобы выделить его на светлом фоне.
Если нам нужно добавить текст, то можно написать название товара. В нашем случае это Bluetooth принтер. То что он работает без провода и так логично - блютуз же. Думаю, что этого дописывать не нужно.
По моему мнению, этот вариант является наиболее уместным.
Вариант второй
Когда человек просматривает страницу маркетплейса, он может сразу понять, о каком товаре идет речь, так как информация о нем обычно отображается прямо под изображением товара.
Бонусом прикрепляю дополнительную "иллюстрацию" списка карточек товаров с попыткой рендеринга в синема 4д.
За мокап телефона спасибо: vector_corp / freepik.com
Спасибо за внимание!
Привет! Сегодня посмотрим на рекламный креатив Яндекса, и попытаемся улучшить его.
Собственно, для начала поглядим на исходный визуал рекламы:
Посмотреть поближе - "До"
Попробуем сделать рекламу более привлекательной и яркой.
Изучаю материалы Яндекса, которые помогут нам разработать новый визуал для рекламы. Отличительной чертой бренда является градиент – он достаточно узнаваем. Поэтому для фона мы будем использовать именно его.
Первый вариант "После"
Набрасываю первую концепцию, которая соответствует оригинальной идее: телефон, подарок. Для фона, как я уже говорил, использую один из цветов из палитры Яндекса. Визуально становится сразу веселее, на белом фоне сайта картинка будет притягивать внимание благодаря контрасту. Располагаю телефон, из которого почти полностью выглядывает подарок. Чтобы разбавить композицию, добавляю в окружение еще несколько коробок. Не забываю о логотипе, но забываю об ограничении по возрасту).
Вариант выше соответствует исходной идее и выглядит уже неплохо, но я подумал, что вполне может быть и вариант, на котором сразу будет указано, о чем идет речь.
"После" - вариант второй.
Делаю телефон и подарки меньше, а чтобы изображение стало более лаконичным убираю из композиции лишние элементы. Выношу в заголовок основную мысль этой рекламы, а ниже располагаю дисклеймер. Логотип и возрастное ограничение так же присутствуют.
До/После - наглядно.
Картинка стала гораздо более сочной и притягивающей внимание.
Спасибо за внимание.
За мокап телефона спасибо: автор изображения rawpixel.com на Freepik
Привет!
Наткнулся на рекламный материал пятерочки и понял, что его можно немного улучшить. Исходное изображение выглядело так:
Рекламный материал пятерочки в соц. сети выглядит следующим образом
Сразу же заметно множество различных текстовых и графических блоков, которые создают визуальный шум и мешают пользователю сфокусироваться на чем-то одном. Акценты слабо выражены, и каждый из блоков на картинке пытается привлечь ваше внимание.
На мой взгляд первая реакция покупателя будет такой:
Что это? Орехи? Снэки? А, фисташки... точно
Проще говоря, потребуется немного больше времени, прежде чем целевая аудитория поймет, о чем идет речь на баннере. Если такой креатив разместить в городе, то за время, пока машина проезжает мимо билборда, можно не успеть прочитать всю информацию. Элементы слишком разбросаны и выглядят сумбурно.
Открываю фотошоп, начинаю исправлять рекламу.
Отредизайненная версия баннера
Первым делом я решил, что стоит убрать лишнюю графику, которая отвлекает пользователя от главного – продукта, который рекламирует компания. Я вынес его на левую часть холста и увеличил (по идее, пользователь должен считывать информацию так же, как он читает текст – слева направо, поэтому первое, что он увидит – это упаковка продукта, а затем ценник). На правой стороне холста я разместил само название, чтобы информация лучше понималась и считывалась. За счет пустого пространства я акцентирую внимание не только на заголовке, но и на знаке бренда вместе с обозначением доставки. Ниже расположен дисклеймер.
Возрастное ограничение я решил вынести еще правее, на границу холста. В результате мы получили правильно расставленные акценты и спокойный фон, который позволяет человеку быстро понять информацию на баннере. Также исправлена главная ошибка первоначального варианта – рассыпающаяся верстка. В обновленной версии количество привязок минимально, практически все блоки расположены по одной логике. Использована выключка по левому краю.
Ниже можно увидеть логику расположения блоков на изображении.
Различия в верстке визуалов.
Линий на втором баннере стало гораздо меньше, что сделало изображение более простым и лаконичным. Наша цель – создать дизайн, который будет простым, красивым и понятным для человека.
Если сравнить эти два баннера, то мне кажется, что на втором информация будет считываться гораздо быстрее и эффективнее. Это достигается за счет акцентов и логичного расположения элементов.
На первом баннере можно с трудом выловить основную часть информации, но на втором человек скорее всего обратит внимание и на бренд, который рекламирует свою продукцию.
Спасибо за внимание :)
Арт создан с помощью Cinema 4d и Photoshop
Солнце всегда было источником жизни на Земле, но теперь оно стало источником энергии для человечества. Вокруг него были построены гигантские орбитальные станции, которые собирают солнечную энергию и передают её на Землю. Эти сооружения стали основой новой энергетической системы, обеспечивающей потребности растущего населения связки планет.
Пилот с позывным «Лис» работает с такими сооружениями в своем секторе галактики. Его задача — следить за работой станций и устранять неполадки. Так было и в этот раз: он получил сообщение о том, что одна из станций перестала вырабатывать требуемое количество энергии, и что нужно было выяснить причину этого происшествия. Его корабль оснащён новейшими технологиями и оборудованием для проведения исследований. Лис стартовал, и начал своё путешествие к точке на карте. Долетев до места назначения он наблюдал первую за свою карьеру остывающую звезду.
«Универсум» — Сфера
«Завершив работу Ник решил прогуляться по набережной.
Часы на его VR интерфейсе показывали 03:25, а значит ложиться было уже поздно, хотя ему особо-то и не хотелось спать. Добравшись до пирса парень припарковал свой джет и отошел в сторону. Устройство чем-то похожее на мотоцикл поморгало маячками, и автоматически поднялось на 5 метров вверх — необходимый уровень высоты для парковки такого типа транспорта.
Вокруг никого. Впервые за долгое время Ник был без единой мысли в голове, сейчас его ничего не тревожило. Вдохнув полной грудью чуть прохладный воздух он наблюдал восход.»