Сообщество - Графический и Веб-дизайн

Графический и Веб-дизайн

1 044 поста 12 514 подписчиков

Популярные теги в сообществе:

42

Шрифтовая пара Kudry и igra sans

Привет. Помимо самих шрифтов я так же делюсь различными сочетаниями. Сегодня шрифтовая пара Kudry и Igra sans. Оба бесплатны для личного и коммерции. Сделал в виде различных логотипов и надписей.

Шрифтовая пара Kudry и igra sans Шрифт, Дизайн, Photoshop, Креатив, Дизайнер, Длиннопост
Шрифтовая пара Kudry и igra sans Шрифт, Дизайн, Photoshop, Креатив, Дизайнер, Длиннопост
Шрифтовая пара Kudry и igra sans Шрифт, Дизайн, Photoshop, Креатив, Дизайнер, Длиннопост
Шрифтовая пара Kudry и igra sans Шрифт, Дизайн, Photoshop, Креатив, Дизайнер, Длиннопост
Шрифтовая пара Kudry и igra sans Шрифт, Дизайн, Photoshop, Креатив, Дизайнер, Длиннопост

Это уже 15-й выпуск рубрики. Смотреть остальные, а так же скачать сами шрифты можно втелеграм-канале, посвященному только кириллице)

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

Высокий шрифт SA Vredina

SA Vredina. Высоченный шрифт для твоих проектов. Естественно с поддержкой кириллицы. Других не держим )

Автор: Artcoast Studio
Бесплатно для персонального использования
Презентация частично сохранена

Скачать в вк | Скачать в телеге со шрифтами

Высокий шрифт SA Vredina Кириллица, Font, Дизайн, Длиннопост, Telegram (ссылка), ВКонтакте (ссылка)
Высокий шрифт SA Vredina Кириллица, Font, Дизайн, Длиннопост, Telegram (ссылка), ВКонтакте (ссылка)
Высокий шрифт SA Vredina Кириллица, Font, Дизайн, Длиннопост, Telegram (ссылка), ВКонтакте (ссылка)
Высокий шрифт SA Vredina Кириллица, Font, Дизайн, Длиннопост, Telegram (ссылка), ВКонтакте (ссылка)
Высокий шрифт SA Vredina Кириллица, Font, Дизайн, Длиннопост, Telegram (ссылка), ВКонтакте (ссылка)
Показать полностью 5
3

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

Привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Показать полностью 4
4
Вопрос из ленты «Эксперты»

Прошу совета по онлайн курсам графического дизайна!

Уважаемое сообщество! Есть потребность получить образование в направлении графического дизайна. Интересует формат - онлайн, по ряду причин возможен только он. Приветствуются любая информация, которая поможет выбрать хорошие курсы, которые смогут дать качественные знания (на сколько это возможно дистанционно) Диплом и тому подобные бумажки не так важны, как важно качество обучения. За образование готов платить. Ссылки давать не надо, достаточно названия , через поиск найду... За ранее благодарю!

3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удобный способ подобрать цветовую палитру

Coolors - это крутая замена модным и функциональным, но неудобным сервисам типа Paletton. Тут всё работает очень просто.

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

Источник телеграм канал ИИшница 🍳

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

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

Привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Python, 1С, тестирование и еще один курс для тех, кто хочет стартовать в IT

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

Python, 1С, тестирование и еще один курс для тех, кто хочет стартовать в IT IT, Онлайн-курсы, Программист, Программирование, Обучение, Длиннопост, Блоги компаний

Тестировщик

Сколько учиться: 5 месяцев

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

На курсе вы изучите 12 инструментов, которые потребуются в работе. Например, Python и язык запросов SQL, графический редактор Figma и инструмент для тестирования API Postman. К концу обучения у вас в портфолио будет семь проектов.

Первый модуль можно пройти бесплатно — поймете, подходит ли вам это направление.

Начать учиться бесплатно>>


Разработчик 1С

Сколько учиться: есть базовый курс на 6 месяцев и расширенный — на 8.

1С — язык программирования для работы с продуктами одноименной компании. Он помогает автоматизировать бизнес-процессы и разрабатывать бизнес-ориентированные приложения. В России с 1С работают и большинство компаний, как небольших, так и крупных.

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

Начать учиться бесплатно>>


Python-разработчик буткемп

Сколько учиться: 4 месяца

Курс включает восемь блоков. Первый и второй — знакомство с Python, остальные — более глубокое погружение в тему. Например, бэкенд на Django, изучение алгоритмов и структуры данных, разбор асинхронностей и нюансов работы с Flask.

Формат буткемп — это интенсивное обучение. Нагрузка в неделю составит около 30 часов, вы можете рассчитывать на поддержку наставников.

Начать учиться бесплатно>>


Системный администратор

Сколько учиться: 6 месяцев

Сисадмин отвечает за исправность информационной инфраструктуры компании. В зоне его ответственности компьютерные системы, сети, серверы, ПО и безопасность данных.

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

Начать учиться бесплатно>>


Чем интенсивнее курс, тем быстрее начинается этап поиска работы. В нашем Карьерном центре мы поддерживаем студентов: помогаем оформлять резюме и портфолио, проходить собеседования, предлагаем вакансии и стажировки от 4000+ партнеров. Стартуйте в IT уверенно!

Реклама ООО «Яндекс», ИНН: 7736207543

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

Шрифт Transforma

Декоративный, но при этом вполне читаемый шрифт. Подойдет как для заголовков, так и для небольших абзацев. У шрифта есть несколько начертаний: без декора, с декором у букв и смешанный. Мне понравился последний)
Бесплатно для личного использования.

Скачать шрифт Transforma можно, найдя по поиску, либо в источниках ниже:

Скачать в вк | Скачать в телеге со шрифтами

Шрифт Transforma Дизайн, Презентация, Шрифт, Длиннопост
Шрифт Transforma Дизайн, Презентация, Шрифт, Длиннопост
Шрифт Transforma Дизайн, Презентация, Шрифт, Длиннопост
Шрифт Transforma Дизайн, Презентация, Шрифт, Длиннопост
Шрифт Transforma Дизайн, Презентация, Шрифт, Длиннопост
Показать полностью 5
Отличная работа, все прочитано!