ngvd

ngvd

Графический дизайнер.
На Пикабу
Дата рождения: 30 июня
844 рейтинг 3 подписчика 3 подписки 12 постов 4 в горячем

Графический дизайн: от наскальных рисунков, до цифровых изображений

Графический дизайн — это искусство создания визуальных коммуникаций. Он окружает нас повсюду: от рекламных плакатов до логотипов компаний. Знаешь ли ты, что история графического дизайна насчитывает тысячелетия?

1. Древние времена

Люди всегда любили рисовать. Вспомните наскальные рисунки: мамонты, охотники и прочие древние "соцсети". Египтяне вообще размахнулись — рисовали свои иероглифы на стенах пирамид. Всё это примеры первых графических работ. Они служили не только для красоты, но и для передачи информации и мыслей.

2. Печатный пресс (15 век)

В 1440 году Иоганн Гутенберг изобрёл печатный пресс, что стало настоящей революцией. Буквы перестали быть роскошью — теперь книги можно было печатать массово, а дизайнеры начали работать над оформлением страниц. Так появились первые типографские шрифты.

3. Эпоха модерна (19, 20 век)

Настоящее искусство пришло с движением Арт Нуво в конце 19 века. Тут дизайнеры не просто "рисовали красиво", а делали красоту полезной. Плакаты, обложки и даже рекламные упаковки — всё стало утончённым и эстетичным. Художники создавали работы, которые вдохновляют нас до сих пор.

4. Рекламный бум (20 век)

20 век — это время, когда всё пошло на полную мощность! Массовое производство, реклама, логотипы на каждом углу. Пол Рэнд и Саул Башор создали культовые логотипы (вспомните IBM и ABC), которые мы знаем до сих пор. Красивый дизайн стал ключом к успеху бренда.

5. Цифровая эра (конец 20 века)

Компьютеры, Adobe Photoshop, Illustrator — всё это открыло новые возможности для дизайнеров. Дизайнеры получили новые возможности для экспериментов с текстурами, формами и цветами.

Современные тренды

Сегодня — золотое время для дизайна. Хотите минимализм? Пожалуйста. Любите 3D и анимации? Они так же сейчас повсюду. Дизайнеры создают визуальные коммуникации для социальных сетей, сайтов, приложений и многого другого. Социальные сети стали новой ареной для дизайнеров.

Графический дизайн: от наскальных рисунков, до цифровых изображений Дизайн, Графика, Графический дизайн, Современное искусство, Digital, Компьютерная графика, Дизайнер, Художник, Длиннопост

Изображения из открытых источников.

Вот такой путь прошёл графический дизайн от древних времён до наших дней.

Графический дизайн — это не просто профессия. Это целый мир, который развивается вместе с нами. Сегодня он важен как никогда: помогает нам общаться и украшать нашу жизнь.

Спасибо за внимание.

Показать полностью 1

Редизайн шапки сообщества ВК

Привет, пикабу.

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

Редизайн шапки сообщества ВК Дизайн, Дизайнер, Графика, Шапка, Digital, Графический дизайн, Длиннопост

Исходная шапка ВК сообщества.

В целом концепция мне нравится, но есть некоторые недочёты в вёрстке, которые мы можем исправить.

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

Дальше идёт момент, который мне непонятен: вторая строка меньше, чем третья и четвёртая. Если нам нужно выделить первое слово, мы можем это сделать, но остальные строки оставим одного размера. Например, так:

Редизайн шапки сообщества ВК Дизайн, Дизайнер, Графика, Шапка, Digital, Графический дизайн, Длиннопост

Пример заголовка.

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

Также есть вопрос по изображению рабочего. Было бы лучше, если бы цвета на шапке были расположены наоборот: серый внизу, а белый вверху. Это помогло бы скрыть не самую удобную часть с рабочим столом сварщика. Сейчас же изображение вырезано слишком грубо, и цвет привлекает внимание именно к этой части.

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

Учитывая всё вышесказанное, делаю редизайн первого варианта. Вот такие результаты получились в итоге:

Редизайн шапки сообщества ВК Дизайн, Дизайнер, Графика, Шапка, Digital, Графический дизайн, Длиннопост

Обновленные варианты шапок для сообщества.

Большое спасибо что прочитали пост!

Показать полностью 2

Ребрендинг Яндекс.Маркет

Привет, Пикабу.

Вполне возможно, вы уже видели обновленную версию логотипа Яндекс Маркет'а, а если нет – показываю.

Ребрендинг Яндекс.Маркет Дизайн, Дизайнер, Графика, Реклама, Photoshop, Яндекс, Ребрендинг, Брендбук, Фирменный стиль, Визуал, Длиннопост

Обновленный логотип маркета

В связи с этим хотелось бы обсудить, насколько лучше стал выглядеть бренд.

Важно! Этот пост – имхо, и оно не претендует на истину в последней инстанции. Все, что вы прочитаете ниже – рассуждение. Моя точка зрения. Она может отличаться от вашей, и это нормально)

Яндекс, помимо презентации нового логотипа, также рассказал о том, что изменился в том числе и фирменный стиль сервиса. Вот, например, автомобиль:

Ребрендинг Яндекс.Маркет Дизайн, Дизайнер, Графика, Реклама, Photoshop, Яндекс, Ребрендинг, Брендбук, Фирменный стиль, Визуал, Длиннопост

Авто 1

Ребрендинг Яндекс.Маркет Дизайн, Дизайнер, Графика, Реклама, Photoshop, Яндекс, Ребрендинг, Брендбук, Фирменный стиль, Визуал, Длиннопост

Авто 2

Брендированный пакет:

Ребрендинг Яндекс.Маркет Дизайн, Дизайнер, Графика, Реклама, Photoshop, Яндекс, Ребрендинг, Брендбук, Фирменный стиль, Визуал, Длиннопост

Пакет.

Со слов директора по маркетингу Яндекс Маркета, новый стиль логотипа объединил два цвета: красный и желтый. Красный цвет напрямую связан с брендом Яндекса, а желтый ассоциируется с самим маркетплейсом.

Однако, мне почему-то кажется, что при взгляде на новый логотип Маркета, первая ассоциация возникает с AliExpress.

Ребрендинг Яндекс.Маркет Дизайн, Дизайнер, Графика, Реклама, Photoshop, Яндекс, Ребрендинг, Брендбук, Фирменный стиль, Визуал, Длиннопост

Желто-оранжевый лого AliExpress

Полистав старые материалы китайского маркетплейса, вы можете заметить сходство в цветовой гамме.

В результате у Маркета получился стильный визуальный образ, который действительно привлекает внимание целевой аудитории. Логотип, по сути, не претерпел сильных изменений – поменялась только геометрия. Возможно, он даже сохранил свою узнаваемость. Что касается цветов, то это самая спорная часть этого ребрендинга. На мой взгляд, старая цветовая палитра выделяла маркет на фоне других брендов, сейчас же он начинает сливаться с другими "маркетами". Например, тот же Казань Экспресс использует красный в своих фирменных элементах.

Желтый и черный создавали уникальное сочетание цветов, по которому можно было сразу понять, что речь идет о Яндекс Маркете. Это именно то, за чем гонятся бренды – целевая аудитория воспринимает фирменный стиль и запоминает его, идентифицируя с конкретным брендом.

В сухом остатке: было хорошо – стало хорошо, но...

А что вы думаете по этому поводу? Поменялись ли у вас ассоциации, и видите ли вы в новом фирменном стиле Яндекса другие интернет-магазины?

Показать полностью 4

Редизайн карточки товара на маркетплейсе

Привет!

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

Посмотрим на исходное изображения:

Редизайн карточки товара на маркетплейсе Дизайнер, Дизайн, Реклама, Графика, Photoshop, Графический дизайн, Cinema 4d, Обработка, Мокап, Рендер, Длиннопост

Исходный визуал

На мой взгляд, проблема подобных карточек заключается в том, что они выглядят слишком пестро и содержат слишком много информации. Иногда некоторые объекты на картинке являются графическим мусором, и без них можно обойтись. В целом, мне кажется, что покупатели с некоторым скепсисом относятся к товарам, у которых слишком красочные изображения. От них веет каким-то подвохом: а вдруг это подделка или некачественная продукция?

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

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

Создаем новый холст, убираем все лишнее и оставляем только сам товар.

Редизайн карточки товара на маркетплейсе Дизайнер, Дизайн, Реклама, Графика, Photoshop, Графический дизайн, Cinema 4d, Обработка, Мокап, Рендер, Длиннопост

Вариант первый

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

Если нам нужно добавить текст, то можно написать название товара. В нашем случае это Bluetooth принтер. То что он работает без провода и так логично - блютуз же. Думаю, что этого дописывать не нужно.

По моему мнению, этот вариант является наиболее уместным.

Редизайн карточки товара на маркетплейсе Дизайнер, Дизайн, Реклама, Графика, Photoshop, Графический дизайн, Cinema 4d, Обработка, Мокап, Рендер, Длиннопост

Вариант второй

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

Бонусом прикрепляю дополнительную "иллюстрацию" списка карточек товаров с попыткой рендеринга в синема 4д.

Редизайн карточки товара на маркетплейсе Дизайнер, Дизайн, Реклама, Графика, Photoshop, Графический дизайн, Cinema 4d, Обработка, Мокап, Рендер, Длиннопост

За мокап телефона спасибо: vector_corp / freepik.com

Спасибо за внимание!

Показать полностью 4

Редизайн рекламы яндекса

Привет! Сегодня посмотрим на рекламный креатив Яндекса, и попытаемся улучшить его.

Собственно, для начала поглядим на исходный визуал рекламы:

Редизайн рекламы яндекса Графика, Photoshop, Дизайн, Реклама, Длиннопост

Посмотреть поближе - "До"

Попробуем сделать рекламу более привлекательной и яркой.

Изучаю материалы Яндекса, которые помогут нам разработать новый визуал для рекламы. Отличительной чертой бренда является градиент – он достаточно узнаваем. Поэтому для фона мы будем использовать именно его.

Редизайн рекламы яндекса Графика, Photoshop, Дизайн, Реклама, Длиннопост

Первый вариант "После"

Набрасываю первую концепцию, которая соответствует оригинальной идее: телефон, подарок. Для фона, как я уже говорил, использую один из цветов из палитры Яндекса. Визуально становится сразу веселее, на белом фоне сайта картинка будет притягивать внимание благодаря контрасту. Располагаю телефон, из которого почти полностью выглядывает подарок. Чтобы разбавить композицию, добавляю в окружение еще несколько коробок. Не забываю о логотипе, но забываю об ограничении по возрасту).

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

Редизайн рекламы яндекса Графика, Photoshop, Дизайн, Реклама, Длиннопост

"После" - вариант второй.

Делаю телефон и подарки меньше, а чтобы изображение стало более лаконичным убираю из композиции лишние элементы. Выношу в заголовок основную мысль этой рекламы, а ниже располагаю дисклеймер. Логотип и возрастное ограничение так же присутствуют.

Редизайн рекламы яндекса Графика, Photoshop, Дизайн, Реклама, Длиннопост

До/После - наглядно.

Картинка стала гораздо более сочной и притягивающей внимание.

Спасибо за внимание.

За мокап телефона спасибо: автор изображения rawpixel.com на Freepik

Показать полностью 4

Редизайн рекламы пятерочки

Привет!

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

Редизайн рекламы пятерочки Графика, Photoshop, Дизайнер, Дизайн, Реклама, Длиннопост

Рекламный материал пятерочки в соц. сети выглядит следующим образом

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

На мой взгляд первая реакция покупателя будет такой:

Что это? Орехи? Снэки? А, фисташки... точно

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

Открываю фотошоп, начинаю исправлять рекламу.

Редизайн рекламы пятерочки Графика, Photoshop, Дизайнер, Дизайн, Реклама, Длиннопост

Отредизайненная версия баннера

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

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

Ниже можно увидеть логику расположения блоков на изображении.

Редизайн рекламы пятерочки Графика, Photoshop, Дизайнер, Дизайн, Реклама, Длиннопост

Различия в верстке визуалов.

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

Если сравнить эти два баннера, то мне кажется, что на втором информация будет считываться гораздо быстрее и эффективнее. Это достигается за счет акцентов и логичного расположения элементов.

На первом баннере можно с трудом выловить основную часть информации, но на втором человек скорее всего обратит внимание и на бренд, который рекламирует свою продукцию.

Спасибо за внимание :)

Показать полностью 2

Сфера

Сфера Земля, Космос, Космонавтика, Арт, Photoshop, Фотоманипуляции, Cinema 4d, 3D моделирование, 3D графика, Космический корабль, Сфера дайсона, Графика

Арт создан с помощью Cinema 4d и Photoshop

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

Пилот с позывным «Лис» работает с такими сооружениями в своем секторе галактики. Его задача — следить за работой станций и устранять неполадки. Так было и в этот раз: он получил сообщение о том, что одна из станций перестала вырабатывать требуемое количество энергии, и что нужно было выяснить причину этого происшествия. Его корабль оснащён новейшими технологиями и оборудованием для проведения исследований. Лис стартовал, и начал своё путешествие к точке на карте. Долетев до места назначения он наблюдал первую за свою карьеру остывающую звезду.

«Универсум» — Сфера

Показать полностью

Рассвет

«Завершив работу Ник решил прогуляться по набережной.
Часы на его VR интерфейсе показывали 03:25, а значит ложиться было уже поздно, хотя ему особо-то и не хотелось спать. Добравшись до пирса парень припарковал свой джет и отошел в сторону. Устройство чем-то похожее на мотоцикл поморгало маячками, и автоматически поднялось на 5 метров вверх — необходимый уровень высоты для парковки такого типа транспорта.

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

Рассвет Арт, Photoshop, Фотоманипуляции, Обработка, Фантастика, Будущее
Отличная работа, все прочитано!