Приветствую! На связи Аксель Фоули.
Хорошие дизайнеры на вес золота, согласны с этим утверждением? И если ты относишь себя к этой братии, то просто обязан знать, как разработать крутой дизайн сайта.
Данная статья является продолжением статьи «Как сделать свой логотип? Товарный знак всем на зависть», в которой я выставил на ваш суд дизайн своих проектов. И если они пришлись вам по вкусу, то я готов бомбить дальше.
Итак, тяжело в учении — легко в бою. На практике все не так страшно, как может показаться новичкам. Предлагаю вам краткий мануал по созданию суперкрутого дизайна.
Узнать что будет интересно вашей аудитории
Для начала определитесь с тем, зачем вообще нужен будущий проект, какая у него тема?
Какие задачи решает ресурс?
Представим, вы планируете запустить сайт автосервиса. Естественно, и графическое оформление должно быть соответствующее.
Если сайт уже имеется, а его дизайн оставляет желать лучшего и проект большой — возможно имеет смысл создать новый сайт — визитку.
У которого уже будет новый дизайн и который просто помогает найти основной сайт в интернете.
Также, если вы работаете на клиента, не стесняйтесь задавать ему наводящие вопросы.
Лучше всего разработать специальный опросник с теми или иными дизайнерскими решениями по сайту и предложить клиенту заполнить его. В ходе заполнения многие вопросы отпадут сами собой.
Если вы разрабатываете свой проект, то можете обойтись и без опроса. Набросайте пример будущего сайта на бумаге выставьте набросок на обсуждение в соц сетях или прямо на своем блоге...как это делал я в 2020 году.
Далее, после получения первой обратной связи — определитесь с типом сайта. Возможно, что это будет интернет-магазин, лендинг или корпоративный ресурс. У каждого вида — свои особенности дизайна.
- Лендинги
У одностраничника одна глобальная цель — продавать! Товары и услуги продаются за счет текста и яркого цепляющего оформления. В специальных блоках потенциальные лиды могут оставить контакты для связи. Лендинг как никто другой обязан быть красочным и обладать крутым дизайном.
Для этого лучше всего подойдет конструктор «Тильда», который заточен именно под одностраничники.
Советую к прочтению статью «Тильда что это? Плюсы и минусы конструктора».
- Корпоративные сайты
Для такого ресурса также немаловажное значение имеет хорошее оформление. Сайты банков — отличный пример качественного дизайна, который продает и цепляет.
- Интернет-магазины
Десятки интернет-магазинов от Озона до АлиЭкспресс знакомы каждому активному пользователю сети. Главный вызов в плане дизайна — объемы информации в комбинации с проектированием страниц заказа. Проект с убогим дизайном вряд ли заинтересует целевую аудиторию.
Изучаем конкурентов и совершенствуем их методы
Как и других отраслях веб-разработки, не стесняйтесь подглядывать за конкурентами, и в итоге сделать дизайн лучше, чем исходники.
Думаю что лучшим решение будет — вбить в Яндексе «Самые красивые сайты» или что-то в этом роде, и посмотреть предложенные варианты. Среди выпавших шедевров искать проекты автомобильной тематики. Отмечайте моменты которые вам понравились.
О других способах поиска конкурентов можно прочитать в статье «Составить семантическое ядро. Инструменты для сео».
Акцентируйте внимание на том, каким образом расположена информация. На структуру ресурса и реализованные функции. И да, вы увидите общие закономерности/особенности.
Главная задача — определить их, а затем использовать уже в своем детище с акцентом на стоящих моментах.
Кстати, можно разработать майндмэп(план сайта так сказать, для удобства контроля размещенной на сайте информации) в программе Xmind.
https://www.xmind.net/share
Если конечно умеете ей пользоваться, ну а если нет Youtube в помощь!
Сделать в ней зарисовки, так называемую черновую версию. Тогда и разрабатывать будущий интерфейс станет значительно легче.
Запомните, что визуальная часть веб-проекта словно вывеска магазина. Поэтому веб-проект должен обладать не только комфортным юзабилити, но и красивым дизайном. Представьте себе супермаркет, в котором тепло, уютно. Продавцы вежливые, ассортимент хороший, а вот оформление будто из 70-ых годов прошлого века. Такой минус способен перевесить все имеющиеся плюсы.
Да, работа над оформлением — это настоящее испытание эстетического вкуса: необходимо найти нужные шрифты, цвета, оформить блоки и подачу информации. Так что, если вы новичок, то разрабатывать дизайн самостоятельно и без плана — пустая затея.
Как я и писал выше, используйте примеры самых продвинутых конкурентов, перенимая креативные идеи. Но не копируйте их “от и до” — это уже плагиат, а не искусство!
Если вы работаете с клиентом, то покажите ему подборку из набросков. Совместно обдумайте подходящий стиль. Это поможет вам избежать возможных разногласий и правок в будущем.
Делай красиво
Стоит ли объяснять что индивидуальный дизайн сайта разрабатывают мега веб-дизайнеры, учитывая все ваши пожелания из вышеперечисленных пунктов. Удовольствие это — ни разу недешевое! Данных специалистов можно найти, например на:
Фриланс
Раздел «Веб разработка»
https://freelance.ru/freelancers/veb-dizajn
В свою очередь есть и сервисы — конструкторы, позволяющие создавать стильные сайты, с достаточно удобным, интерфейсом.
Но к этому этапу вам нужно уже понять, каким именно будет дизайн.
Из всех представленных могу выделить два, в которых идет упор именно на дизайн:
Readymag
https://readymag.com
+
- Этот онлайн-конструктор позволяет создавать лаконичные лендинги и сайты.
- Знания верстки и программирования необязательны.
Тильда
https://tilda.cc/ru
Еще один конструктор, не требующий представления и глубоких знаний. О нем выше↑↑↑.
+
- Сайт создается на основе готового шаблона.
- При желании дизайн можно доработать профессиональными методами.
Причем доработать так, что будет казаться, что проект был сделан без помощи конструктора.- Для оперативной разработки ресурса со средним дизайном и возможностью усовершенствовать оформление Tilda — был великолепный вариант в 2019 году и остается им по сей день.
Один мой знакомый создал сайт по английскому языку, но впоследствии так изменил его, что даже бывалые веб-мастера думали, что он вложил в проект огромные деньги.
Статья о других конструкторах сайтов под разные нужды здесь.
Самостоятельное обучение веб дизайну
Сегодня стать веб дизайнером не так уж и сложно. Под чутким наставничеством осваивается гораздо легче и продуктивнее. Здесь главной проблемой становится нахождение этого самого наставника.
На образовательном портале «GeekBrains»
https://gb.ru/geek_university/web-design
Вас и обучат, и диплом дадут, и на работу устроят.
И через год после обучения — работодатели будут уже сами искать возможность сотрудничества с вами, чтобы вы забомбили им крутой дизайн, за хорошую плату.
Заключение
При выборе конструктора/СMS для разработки сайта подумайте над тем, какой дизайн будет у проекта. Программа минимум не предполагает крутого оформления и визуальных фишек. А вот если вы работаете над чем-то масштабным и бюджет высокий, то придется задействовать основные программы.
В 2021 году это тот же Photoshop, CorelDraw и другие графические редакторы. Пригодятся и знания по маркетингу. Так что, если вы настроены на то, чтобы создать действительно крутой дизайн придется потратить время и деньги на освоение этих программ — редакторов. Зато потом можно получать удовольствие от полученного результата в виде большииииих $$$.
С уважением Аксель Фоули.