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

Здравствуйте! А , что за шрифт используется на картинке?

Покажу на примере Давида какие есть варианты расположения текста.

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

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

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

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

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

Привет всем!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема такая:

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

Источник

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

(с) Источник