Generated with Avocode. Generated with Avocode. Generated with Avocode. Group 15 close hat Generated with Avocode. Generated with Avocode. Generated with Avocode. Generated with Avocode. Generated with Avocode. Generated with Avocode. path40

7 ошибок, которых легко избежать при дизайне сайта

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

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

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

Lorem ipsum dolor sit amet

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

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

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

Пример использования бессмысленного текста в дизайне

Как избежать?

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

Усложнение и теснота

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

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

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

Как видите, отсутствие пространства приводит к тому, что сайт тяжело воспринимать.

Как избежать?

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

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

Отсутствие акцентов

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

Отсутствие акцентов — не единственная проблема этого дизайна

Как избежать?

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

Инвариантность

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

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

Хорошо, если вы начинаете свой дизайн с прототипа; плохо, если на нем и заканчиваете

Как избежать?

Просто посмотрите примеры оформления нужных блоков на Behance или Pinterest, выберите самые удачные и интегрируйте их. Если сомневаетесь, всегда есть смысл обратиться к заказчику — в его интересах, чтобы сайт получился красивым и эффективным.

Делать все с нуля

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

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

Как избежать

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

Выбор шрифтов

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

Если исправить типографику и поработать с блоками, сайт станет гораздо приятнее

Как избежать?

Чтобы воспитать вкус, почаще ищите наиболее удачные сочетания, а пока что используйте примеры удачных работ для подбора оптимальной пары шрифтов и не забывайте следить за нашими обновлениями в рубрике «Шрифт недели от Skillbox» на Facebook — там мы выкладываем самые удачные находки.

Игнорирование экранов с разным разрешением

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

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

Как избежать?

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

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

Заключение

Не хотите справляться с этим в одиночку и мечтаете о смене профессии в кратчайшие сроки? Тогда вам просто необходимо найти способ получать только актуальные и структурированные знания от лидеров отрасли, а еще лучше — наставника, который убережет от ошибок, ответит на все вопросы и направит. На нашем курсе «Веб-дизайн с нуля до PRO» все это есть!

Курс «Веб-дизайн с 0 до PRO»
Годовой практический курс для тех, кто хочет освоить веб-дизайн с самого начала с индивидуальным наставником, сделать отличное портфолио и получить первые заказы или стажировку в студии.
  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы
Хочешь получать персональную подборку статей по дизайну?
Подпишись на рассылку Skillbox