Сообщество - Pro веб-дизайн и фриланс
Добавить пост

Pro веб-дизайн и фриланс

16 постов 235 подписчиков

Дизайн-приемы. Работа с текстом

Дизайн-приемы. Работа с текстом.

Приует дизайнеры! Знаю, что у начинающих часто случается затык-кирдык с текстом. Как расположить, как сделать поинтереснее. Играться хочется, а мыслей нет.

Я покумекал пару часиков и накидал  несколько приемов. Многое из этого использую в рубрике "ЯтвойШрифт"

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

Для наглядности практически не игрался с цветом. Это может быть темой отдельного поста.

Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Дизайн-приемы. Работа с текстом Дизайн, Шрифт, Photoshop, IT, Креатив, Длиннопост
Показать полностью 8

Мой первый дизайн сайта

Привет всем!

Сегодня пост об одной из работ моего портфолио, как веб-дизайнера.

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

Мой первый дизайн сайта Веб-дизайн, Figma, Музыкальные инструменты, Дизайн, Длиннопост

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


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


Этому дизайну уже порядка двух лет. Глядя на него сейчас - понимаю, что некоторые моменты сделал бы иначе (жирный шрифт на кнопках, как минимум).


Но, в целом, какая была логика (использую ее практически на всех коммерческих сайтах, на самом деле):

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

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

Мой первый дизайн сайта Веб-дизайн, Figma, Музыкальные инструменты, Дизайн, Длиннопост

3. Помня, что пользователь пришел на сайт за продуктом - после первого экрана мы показываем сам товар: сначала "Горячие новинки", потом "Акции", и затем уже сам каталог.

Мой первый дизайн сайта Веб-дизайн, Figma, Музыкальные инструменты, Дизайн, Длиннопост

Что я поменял бы сейчас: каталог поставил бы выше - над акциями. Добавил бы продуктам фильтр и рубрики - чтобы не смотреть весь каталог инструментов, а выбрать именно те, которые интересны конкретно мне.


4. Дальше уже даем остальную информацию: события - они же "Новости" и/или "Статьи" - контент не только для того, чтобы показать, что организация за этим сайтом жива, но и для работ по SEO-оптимизации, в которой тексты играют не последнюю роль.

Мой первый дизайн сайта Веб-дизайн, Figma, Музыкальные инструменты, Дизайн, Длиннопост

Когда набирал «рыбный» контент для секции «Последние события» не смог пройти мимо Александра Зилкова с канала «Нескучный саунд» - в целом, его контент повлиял на мой выбор музыкальной тематики для дизайна.


Под конец, конечно, кратко о магазине (сейчас поднял бы повыше или даже разместил на 1-м экране) и контакты:

Мой первый дизайн сайта Веб-дизайн, Figma, Музыкальные инструменты, Дизайн, Длиннопост

Понравился дизайн? Напишите в комментариях, что вы бы сделали по-другому и почему. Буду рад адекватным дискуссиям!П

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

Где-то в параллельной вселенной

Я тут подумал, что может происходить в параллельной вселенной абсурда)

Тема такая:

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

Источник

Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Где-то в параллельной вселенной Дизайн, Юмор, Фриланс, Жизненно, Мемы, Длиннопост, Photoshop
Показать полностью 8

Мой топ программ для дизайна и не только)

Источник: https://vk.com/wall-69217383_41282

Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Мой топ программ для дизайна и не только) Фриланс, Дизайн, Софт, Топ, Программа, Длиннопост
Показать полностью 8

Проф.деформации

Проф.деформации Дизайн, Юмор, Мемы

(с) Источник

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

7 сайтов с иллюстрациями

1) Undraw.co

2) Humaaans.com

3) icons8.com/ouch

4) ls.graphics/illustrations

5) freepik.com

6) storytale.io

7) iconscout.com


Источник https://vk.com/wall-69217383_40996

7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
7 сайтов с иллюстрациями Дизайн, Web, Полезное, Компьютерная графика, Графика, Векторная графика, Длиннопост
Показать полностью 7

Хлебные крошки в веб-дизайне. Что это такое и с чем едят

Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web
Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web
Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web
Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web
Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web
Хлебные крошки в веб-дизайне. Что это такое и с чем едят Веб-дизайн, Дизайн, Полезное, Длиннопост, Совет, Web

Оригинал статьи в моем Инстаграм

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

Поиграем в бизнесменов?

Одна вакансия, два кандидата. Сможете выбрать лучшего? И так пять раз.

СДЕЛАТЬ ВЫБОР

Бесплатный пак иконок. Figma, scetch, adobe xd

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

Форматы: Sketch, adobe xd, figma, ai, svg
Скачать: https://disk.yandex.ru/d/oFE1j-JU0CqjgQ

Бесплатный пак иконок. Figma, scetch, adobe xd Дизайн, Figma, Icon, Web, Ux, Ui, Иконки, Полезное
Отличная работа, все прочитано!