3 способа научиться лучше разбираться в дизайне

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

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

Предисловие к серии:

• Стратегии, практики и тактики, которые мы рассмотрим в этой серии, применимы к веб-дизайну в целом и не относятся к Divi, но эта серия будет основана на моем опыте работы в качестве веб-дизайнера Divi. Многие из упомянутых ссылок, макетов и отправных точек будут конкретно связаны с Divi.
• Эта серия в основном предназначена для людей, которые либо плохо знакомы с веб-дизайном, либо имеют мышление разработчиков, которые считают, что у них нет естественного взгляда на дизайн. Но, надеюсь, многие из этих концепций послужат источником вдохновения или освежением для уже известных дизайнеров.
• Великие принципы веб-дизайна уже упоминались здесь, в блоге, и раньше, поэтому мы будем ссылаться на некоторые предыдущие сообщения и ресурсы на протяжении всей серии. Это в первую очередь руководство к некоторым из наиболее важных принципов хорошего дизайна, которые я применяю как успешный веб-дизайнер Divi, и вы тоже можете их применить!
• Наконец, когда дело доходит до хорошего дизайна, нет правильного или неправильного. Фактически, это действительно вопрос баланса между общественным мнением, вашим личным творческим мнением и пожеланиями клиента. У всех нас был клиент, который думал, что что-то выглядит великолепно, а мы знали, что выглядит ужасно, верно? Не все согласятся с этими основами дизайна, но можно с уверенностью сказать, что эти принципы универсально разделяют профессиональные дизайнеры Divi и сообщество веб-дизайнеров в целом.

Вот краткое описание мини-сериала, если мы заглянем в будущее:

• Часть 1 - 3 способа научиться лучше разбираться в дизайне
• Часть 2 - 3 эффективных принципа веб-дизайна для непрофессионалов
• Часть 3 - 3 важные области дизайна, на которых нужно сосредоточиться при создании каждого веб-сайта

Прежде чем мы углубимся, я должен сказать, что, хотя я понимаю, что некоторые люди более одарены творчеством, чем другие, я решительно утверждаю, что ВЫ МОЖЕТЕ изучить хорошие базовые принципы дизайна. Возможно, вы не станете Микеланджело из Divi, но, черт возьми, вы все равно можете изучить некоторые передовые методы дизайна, которые можно применить в своих начинаниях веб-дизайна. Я избавлю себя от затруднений, связанных с публикацией некоторых из моих первых веб-дизайнов, но скажу лишь, что мой «взгляд на дизайн» постоянно развивается и с каждым днем ​​становится все более зрелым. Я ни в коем случае не начинал там, где я нахожусь сегодня. И, честно говоря, дизайн важен не только для веб-дизайна. Он играет большую роль в организации контента, написании электронных писем, получении хороших снимков с помощью телефона и многом другом. Поэтому очень важно знать несколько основных принципов, которые можно применить и к другим аспектам вашей жизни.

Итак, если вы когда-нибудь ловили себя на том, что говорите что-либо из следующего;

• «Я просто не разбираюсь в дизайне».
• «В моем теле нет творческих способностей».
• «Я умею писать код, но не умею проектировать».

Тогда эта серия для вас! Давайте вникнем в это.

3 способа подготовиться и научиться лучше разбираться в дизайне

В мире веб-дизайна люди склонны относиться к одной из двух групп:

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

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

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

На самом деле мы говорим здесь о смеси левого и правого полушарий. На данный момент это, вероятно, не секрет для большинства, но есть многочисленные исследования, согласно которым левая часть мозга является аналитической, математической, последовательной, логической и т. Д. Правая часть мозга является артистической, творческой, проницательной, образной и т. Д. Это ключ к пониманию, ПОЧЕМУ вас может привлечь дизайнер или разработчик.

Суммируя,

Разработчик = Левый мыслитель
Дизайнер = Мыслитель правого полушария

Понимание этого подводит нас к первому основному пункту.

1) Подготовка своего мышления

Если вы в большей степени креативны, вам, скорее всего, придется либо усерднее работать над кодированием, либо над более логистической стороной веб-дизайна, и наоборот, если ваши склонности склоняются к левому полушарию мозга, вы » Нам придется немного потрудиться, чтобы развить хорошее чутье в дизайне. Как упоминалось выше, я в большей степени мыслитель правого полушария и творческий человек. Хотя я люблю CSS и теперь могу стать опасным с PHP, не слишком запотевая, я не начинал с этого пути. Мне приходилось очень много работать в тех областях веб-дизайна, в которых я не был хорош.

Но все началось с моего мышления. Я знал, в каких областях я силен, а над какими нужно работать. Я хочу снова ободрить вас в этом вопросе: ВЫ МОЖЕТЕ изучить хорошие принципы дизайна, и ВЫ МОЖЕТЕ развить глаз в дизайне, если вы новичок или если вы разработчик без творческой косточки в своем теле.

В этот момент вы, вероятно, говорите: «Все это здорово, но что я могу сделать, чтобы подготовить свое мышление к изучению хороших дизайнерских приемов?» Хотя мы все учимся по-разному, я расскажу вам, что сработало для меня, а то, что я знаю, сработало для многих других дизайнеров Divi в сообществе.

2) Как научиться и развивать умение создавать хороший дизайн

Учитесь, копируя хороший дизайн веб-сайтов - да, я сказал это. Если вы видите хороший дизайн, попробуйте воссоздать его, скопировав их цвета, шрифты, интервалы, макеты и т. Д. Я не говорю, что нужно копировать сайт, чтобы продавать его как дочернюю тему или как свою работу, а с образовательной точки зрения. , один из ЛУЧШИХ способов улучшить дизайн - это воспроизвести уже красиво оформленный сайт. Вы будете поражены тем, как много вы узнаете и почувствуете силу, копируя красивый дизайн, который вы можете имитировать.

Для вдохновения, связанного с Divi, вы можете часто находить несколько хороших примеров дизайна здесь, в блоге ET, через ежемесячные демонстрации сайта, подобные этому, через Примеры тем Divi или следя за вашими любимыми дизайнерами Divi и наблюдая, что они придумывают!

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

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

Учитесь, загружая и создавая бесплатный еженедельный пакет макетов Divi. Если вы новый участник Elegant Themes или еще не знаете, здесь, в блоге, еженедельно появляются БЕСПЛАТНЫЕ пакеты макетов Divi, разработанные профессионалами. Это не только отличный источник обучения и вдохновения, если вы заинтересованы в совершенствовании дизайна, но и, как и упомянутые выше элементы библиотеки, это отличная отправная точка, если вы новичок в дизайне!

3) Получите отзывы и конструктивную критику своей работы

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

Теперь я понимаю, что легче сказать, чем сделать. И вы, вероятно, хотите избежать разрушения или деморализации, особенно если вы все еще учитесь, но если вы используете Divi, вы автоматически получаете доступ к наиболее заинтересованному, поддерживающему и полезному сообществу в Интернете. Существует множество каналов связи с Divi nation, но я лично предпочитаю группы Divi в Facebook. Я намеренно создал группу веб-дизайнеров Divi в Facebook, основная цель которой - иметь возможность публиковать работы, чтобы получать профессиональную, полезную критику и отзывы, чтобы помочь нам всем стать лучшими веб-дизайнерами Divi. Если у вас есть надежная семья, друзья или, возможно, коллеги по веб-дизайну, хорошо разбирающиеся в дизайне, я также настоятельно рекомендую узнать их мнение, если вы не хотите получать отзывы в Интернете.

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

Так что, если вы чувствуете себя достаточно храбрым, чтобы получить конструктивную критику, вы можете прийти для этого в нашу группу веб-дизайнеров Divi на Facebook или в любое другое онлайн-сообщество Divi, если оно соответствует руководящим принципам группы. И в качестве примечания: если вы даете обратную связь, я хочу посоветовать вам быть особенно осторожными в своих словах и в том, как вы даете конструктивную критику. Давая обратную связь, не забывайте стараться укрепить человека, а не разрушать его.

В заключение

Я надеюсь, что это введение в «Эффективные принципы веб-дизайна Divi» вдохновило вас на продолжение всей этой серии! Опять же, этот первый пост был скорее введением и подготовкой к тому, что впереди, но, тем не менее, он важен, потому что, прежде чем вы сможете стать лучше в дизайне, он начинается с подготовки вашего мышления к обучению.

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

Завтра: 3 эффективных принципа веб-дизайна для непрофессионалов

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

Обязательно подпишитесь на нашу рассылку по электронной почте и канал на YouTube, чтобы не пропустить важное объявление, полезный совет или бесплатную поддержку Divi!