Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Простые советы по составлению привлекательной анкеты

Чтобы создать бесплатную увлекательную викторину для своего сайта, посетите tryinteract.com

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

Типография и цвет,

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

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

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

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

color_background "src =" https://tryinteract-blog.s3.amazonaws.com/blog/wp-content/uploads/2014/07/color_background-514x1024.jpg "width =" 514 "height =" 1024 "srcset =" https://tryinteract-blog.s3-us-west-1.amazonaws.com/blog/wp-content/uploads/2014/07/color_background-514x1024.jpg 514w, https: //tryinteract-blog.s3-us -west-1.amazonaws.com/blog/wp-content/uploads/2014/07/color_background-150x300.jpg 150 Вт, https://tryinteract-blog.s3-us-west-1.amazonaws.com/blog/ wp-content / uploads / 2014/07 / color_background.jpg 800w "sizes =" (максимальная ширина: 514 пикселей) 100vw, 514px "></p>
<div class=

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

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

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

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

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

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

Вот цветная версия теста:

ex1 "src =" https://tryinteract-blog.s3.amazonaws.com/blog/wp-content/uploads/2014/07/ex1-1024x811.jpg "width =" 770 "height =" 609 "srcset =" https://tryinteract-blog.s3-us-west-1.amazonaws.com/blog/wp-content/uploads/2014/07/ex1-1024x811.jpg 1024 Вт, https: //tryinteract-blog.s3-us -west-1.amazonaws.com/blog/wp-content/uploads/2014/07/ex1-300x237.jpg 300 Вт, https://tryinteract-blog.s3-us-west-1.amazonaws.com/blog/ wp-content / uploads / 2014/07 / ex1.jpg 1260w "sizes =" (максимальная ширина: 770 пикселей) 100vw, 770px "></p>
</p>
<div class=

Table of Contents