Идеи дизайна сайтаПридумать отличный дизайн сайта может быть сложно.


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

Если это то, что вы чувствуете сейчас (или иногда), этот пост здесь, чтобы помочь вам.

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

Готов? Давайте начнем…

9 советов по веб-дизайну, когда вы застряли

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

1. Используйте доски настроения Pinterest

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

Доски настроения Pinterest

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

2. Создайте пошаговый план

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

  1. Определите цель сайта – Вы должны знать, чего на самом деле должен достичь сайт. Если нет, то какого черта ты планируешь делать? Хорошие цели SMART: Specific, Measurable, ttainable, рэлевант и Timely. Подробнее об этом Вот.
  2. Нарисовать путь покупателя – Помимо общей цели, вам также необходимо выяснить, по какому пути пойдут посетители. С момента, когда они попадают на ваш сайт, вплоть до цели, которую вы имеете в виду. Таким образом, вы можете создать структуру, которая будет направлять их по пути. Hubspot имеет отличная статья на что.
  3. Придумайте руководство по стилю – Создание руководства по стилю поможет вам оставаться последовательным в вашем дизайне. Он определяет шрифты, цвета и другие элементы дизайна. Использование одного способствует единообразию, особенно при работе с другими. Google хороший пример.
  4. Планируйте свое SEO – Планирование также важно для SEO. Создайте карту сайта, чтобы понять, как структурировать вашу информацию как для посетителей, так и для поисковых систем..

3. Сначала сфокусируйтесь на структуре

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

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

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

Начните с оттенков серого
Лаура Элизабет / Smashing Magazine

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

4. Придерживайтесь веб-стандартов

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

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

Среди этих установленных стандартов:

  • Последовательность в брендинге и дизайне на всех страницах
  • Логотип сайта в левом верхнем углу
  • Контактная информация в правом верхнем углу или в центре
  • Основная навигация по верхней части экрана
  • Основной заголовок / ценностное предложение и призыв к действию высоко на главной странице
  • Функция поиска в шапке
  • Иконки социальных сетей в футере сайта

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

5. Фокус на минимализм и кнопки CTA

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

Опять же, есть исследования, подтверждающие это. В том же исследовании, упомянутом выше, Google обнаружил, что визуальная сложность отрицательно связана с привлекательностью веб-сайта. Короче говоря – люди не хотят быть подавленными! Упрощение вашего дизайна хорошо для других функций, например, скорости сайта.

Вот несколько вещей, которые вы можете безопасно устранить:

  • Пункты меню – Конечно, вы хотите, чтобы другие больше изучали ваш сайт. Однако перегруженное меню может быть очень запутанным и иметь негативные последствия. Снова – придерживайтесь основ!
  • Sidebars – Все больше и больше сайтов постепенно покидают боковую панель. Что у вас на боковой панели? Это действительно важно??
  • Тинный жаргон – То же самое относится и к стоковым фотографиям. Чрезмерно используемые фразы, клише и пустые слова заставляют людей отключаться. Прекратите использовать их, добавьте немного индивидуальности в ваше письмо, изучите некоторые силовые слова а также научиться переписывать.

6. Начните с мобильного

Мобильные устройства покорили мир штурмом. К настоящему времени в Интернете с помощью телефонов и планшетов больше людей, чем на настольных компьютерах..

Дополнительно, Google объявил что они внедряют свой новый мобильный-первый индекс. Это означает, что в полной мере поисковая система сначала будет оценивать каждый веб-сайт по их мобильному присутствию. Если он не выполняет свою работу должным образом, вы попадете в рейтинг поиска.

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

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

7. Обратите внимание на форматирование контента

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

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

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

Вот как это сделать:

  • Включить заголовки – Заголовки – отличный способ разбить контент. Многие читатели также используют их в качестве опорных точек для сканирования и чтения только тех частей под заголовками, которые им кажутся интересными. Поэтому обязательно используйте заголовки и сделайте их описательными.
  • Используйте абзацы и списки – Никто не хочет читать один большой кусок текста. Абзацы делят содержимое на маленькие кусочки. Открывайте новый каждый раз, когда открываете новую точку. Списки имеют похожую функцию и делают информацию более доступной. Используйте их также.
  • Не экономьте на медиа и визуальных материалах – Визуальная информация гораздо более доступна для человеческого мозга, чем текст. По этой причине рекомендуется использовать изображения и другие носители, чтобы подчеркнуть замечания, сделанные в вашей копии. Это также, опять же, отличный способ разбить более длинные фрагменты текста.
  • Оптимизируйте свои шрифты – Использование шрифтов также значительно влияет на удобочитаемость. Самые важные инструменты, которые у вас есть, это размер и высота строки. Пойти на не менее 16 пикселей и убедитесь, что добавили больше высоты строки, тем меньше шрифт, который вы используете.

Если вы исследуете эту статью, вы можете увидеть все вышеперечисленное в действии.

8. Попробуйте дизайн одной страницы

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

Время просмотра посетителя - сгиб

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

Сумасшедшее яйцо попробовало это, когда они заменил свою оригинальную страницу продаж с 20 раз длиннее.

Дизайн одной страницы

Результат: коэффициент конверсии вырос на 30 процентов! Если ваш текущий покупатель проходит через несколько страниц, рассмотрите возможность объединения их в одно место. Это может быть одна из тех идей дизайна сайта, которая имеет все значение.

Не хороните контент в слайд-шоу / каруселях или вкладках / аккордеонах, они не работают!

9. Используйте A / B Testing

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

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

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

Эти инструменты а также плагины поможет вам в выполнении тестов.

6 вдохновляющих сайтов для создания новых идей дизайна сайта

Если в этот момент вы все еще чувствуете себя застрявшим, в этой заключительной части мы рассмотрим несколько веб-сайтов, полных вдохновения веб-дизайна.

1. Awwwards.com

Awwwards

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

2. WebDesign-Inspiration.com

Вдохновение дизайна сайта

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

3. SiteInspire.com

siteInspire

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

4. OnePageLove.com

Любовь на одной странице

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

5. Dribbble.com

Dribbble для вдохновения идеи веб-дизайна

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

6. Behance.net

Behance

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

Завершение

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

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

Знаете ли вы дополнительные советы, инструменты или вдохновение для создания идей веб-дизайна? Если это так, пожалуйста, поделитесь им в разделе комментариев ниже!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me