Работая над созданием собственного сайта, уделите особое внимание нескольким ключевым позициям.
Типографика. На самом деле, создать хороший сайт можно, правильно используя только средства типографики. Черно-белые цвета и удачно подобранный шрифт – и ваш сайт уже выглядит привлекательно. Посмотрите сами.
Если хочется оживить сайт – добавьте в дизайн картинки, шрифты и текстуры, как на этих примерах.
Кроме выбора шрифтов обратите внимание на все, что на вашем сайте связано с текстом: выравнивание, цвет шрифта, начертание, выделение CAPS LOCK, оформление списков и т. п.
Проверьте все «мелочи»: выбор кавычек (елочки вместо лапок), тире/дефис (не смешивайте их и не путайте) и др.
Линии выключки. Чтобы правильно расположить все элементы на странице, воспользуйтесь концепцией струн: мысленно проведите линии, от которых начинаются все используемые элементы. Эти линии называются линиями выключки, и чем меньше их будет – тем лучше.
Например, если у вас на странице есть картинка, заголовок и текст, они должны начинаться в одном месте – примыкать к одной линии выключки, как на этом изображении.
Обратите внимание, что на этой картинке проведена «оптическая компенсация»: заголовок и картинка немного сдвинуты влево, чтобы устранить визуальный эффект смещения вправо.
Иерархия контента. Чтобы посетителю было легче понять, что на вашем сайте главное, – создайте иерархию контента. Визуально выделите ключевые элементы, например, заголовки, СТА-кнопки, и уменьшите второстепенные.
Для создания заголовков можно использовать специальные крупные шрифты – акциденции.
Вертикальный ритм. Обратите внимание на то, какие отступы отделяют различные элементы страницы друг от друга, каков размер букв. Постарайтесь уложить эти расстояния в определенный повторяющийся размерный ряд – вертикальный ритм.
Вдохновение. Чтобы вдохновляться на создание интересных дизайнов, смотрите сайты известных брендов и крупных компаний. Отличным источником вдохновения может стать Behance.net.
По материалам Skillbox.ru
Подготовила Мария Вистунова
Фото John Jennings