3 способа сделать свой веб-дизайн неповторимым

3 способа сделать свой веб-дизайн неповторимым

От автора: время от времени мы перегружаем себя работой. Примерно один (или несколько) месяцев в год поток клиентов становится похож на лавины со всех сторон. Сглаживая углы, вы решаете воспользоваться Font Awesome, чтобы не создавать свои собственные иконки или искать другие CSS инструменты по созданию иконок. Вот так все и начинается. Еще до того, как вы это поняли, вы уже автоматически переносите свой веб-дизайн в разряд второсортных.

Давайте рассмотрим 3 способа выбраться из этого болота.

Выкиньте Font Awesome и попробуйте другие иконки

Прежде всего, начну с того, что нет ничего плохого в использовании Font Awesome – я сам часто пользуюсь им. Не к каждому элементу на веб-странице требуется привлекать внимание. Иконки Font Awesome это очень тонкий инструмент, и иногда пользователю нужна всего лишь еле заметная подсказка.

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

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

Торговые площадки для дизайнеров типа Creative Market и UI8 утопают в бесконечных наборах свежих, хорошо-сделанных иконок по разумной цене. Убедитесь сами!

Не выбирайте Flat Design только потому что им пользуются все

Много чего можно сказать про flat design, как хорошего, так и плохого. Все это применимо и к Google Material Design. Но я скажу то же самое, что и про использование Photoshop и Sketch – дело не в том, какой инструмент лучше, а в том, какой из них больше подходит под конкретную задачу. Каждый опытный дизайнер должен уметь сравнивать инструменты и уметь делать выбор более подходящего на определенном техническом уровне.

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

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

Полноэкранные хедеры это большой риск

При виде огромного, полноэкранного хедера можно смело сказать – никто не станет отрицать, что в таком случае бессмысленно использовать одинаковые шрифты, старые наборы, пресловутые скругленные углы и «ghost» кнопки. Все это совершенно ничего не говорит о вас и о вашем бизнесе и только задерживает пользователя, пока он читает про удивительные преимущества вашего сервиса.

Рассмотрим три альтернативы:

Уменьшите размер хедера на 10/20/30%, давая понять пользователю, что на вашем сайте есть и другой текст. Если вы хотите добавить привлекающую внимание «стрелку вниз», чтобы пользователь понял, что ниже есть еще контент, то вы ошибаетесь. Веб-сайт не должен становиться инструкцией по применению.

Маловероятно, что за пару секунд вы измените мнение пользователя о вашем сайте так, что он захочет продолжить чтение. Вместо этого используйте необычные шрифты и дополнительные слои, создавая «мини-объявления». Главное вызвать у пользователя реакцию на ваш сайт. Это будет мотивирующим фактором, который заставит его уделить свое ценное время на более глубокое изучение предоставляемых вами услуг. В идее добавить конверсионную кнопку есть здравый смысл. Но в таком случае контент второй, невидимой половины экрана становится бессмысленным. Это то же самое, что просить данные о кредитке, когда вы просто смотрите товар – правильная вещь, но не вовремя.

Вообще удалите его. Если вы можете уместить описание вашего сайта в одном (или двух) предложении и предоставить 3 весомые причины купить ваши услуги, то можете смело добавлять большую конверсионную кнопку раз в день. И зачем вам тогда вообще нужен большой хедер?

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

Заключение

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

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

О чем-то я уже выше говорил – лучший способ дать бой однотипным дизайнам это основательно обдумать свой выбор, как дизайнера, и попробовать его обосновать. Если вы не можете убедительно объяснить, почему вы делаете это именно так, то вы пошли неверным путем. Это ленивый подход! А какими другими трендами злоупотребляют на ваш взгляд?

Автор: Daniel Schwarz

Источник: http://www.sitepoint.com/

Редакция: Команда webformyself.

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Александр

    Отличная статья!
    Я уже много очень много времени не могу разработать свой дизайн для сайта…все время.. начинаешь что то делать..а в итоге получается не красиво..руки опускаются..сколько раз уже так..

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree