17 советов по графическому дизайну, которые нужно знать всем не дизайнерам

Я хотел бы в кое-чем признаться…

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

А теперь хорошие новости ...

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

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

1. Начните с отличной цветовой палитры.

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

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

Вот несколько отличных ресурсов для поиска цветовых палитр:

• Пигмент от Shapefactory
• Coolors
• Adobe Color

Если вы ищете больше идей для цветовых схем, ознакомьтесь с нашим подробным списком ресурсов для вдохновения цветовой палитры!

2. Не увлекайтесь шрифтами.

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

3. Создайте «перелистываемый файл».

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

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

Если вы создаете изображения для рекламы в Facebook, возможно, вам стоит заглянуть в Галерею рекламы AdEspresso в Facebook. Вы также можете оформить заказ на сайты дизайна, такие как Dribbble и Behance.

4. Не бойтесь ничего не делать

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

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

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

5. Выровняйте объекты.

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

При перетаскивании элементов в Snappa автоматически появляются линии сетки, что упрощает построение объектов.

6. Используйте значки для поддержки вашего сообщения.

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

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

7. Соблюдайте собственные правила дизайна.

Правила, какие правила? Те, которые вы установили для себя.

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

8. Промыть и повторить.

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

9. Используйте варианты шрифтов.

Вы можете добавить много разнообразия, сохраняя при этом единообразие. Главное - использовать текст из одного «семейства» шрифтов.

Примером «семейства» шрифтов может быть Arial, в котором есть основной шрифт Arial, а также такие варианты, как Arial Black, Arial Narrow и Arial Rounded MT Bold. Все эти шрифты выглядят по-разному. Тем не менее, между ними достаточно общей нити, чтобы создать ощущение последовательности при совместном использовании в дизайне.

10. Воспользуйтесь всеми преимуществами контрастов.

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

Подумайте об этом в контексте реального мира, и вы поймете, почему это имеет смысл. Человек ростом в семь футов (например, борец Андре Великан или баскетболист Яо Мин) привлекает внимание, потому что контрастирует с остальным населением. То же самое и с контрастными элементами в вашем дизайне.

Если вы хотите определить, какие цвета контрастируют, используйте цветовое колесо, например Adobe Color.

11. Используйте линию (или две), чтобы создать ощущение порядка.

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

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

12. Спланируйте свой дизайн.

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

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

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

13. Добавляйте текст поверх изображений, регулируя уровень яркости.

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

Вы можете легко превратить цитаты в графику с помощью нашего бесплатного онлайн-конструктора цитат!

14. Тщательно структурируйте основной текст.

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

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

15. Подумайте, для кого вы проектируете.

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

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

16. Пусть форма следует за функцией

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

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

Все сводится к знанию «почему» вашего дизайна. И тоже хорошенько подумай.

17. Будьте проще

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

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

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

Заключение

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