Правила дизайна сайта

14:37 8 февраля 2016 — Угниченко Дмитрий

Правила создания дизайна сайта это правила типографии, цвета и композиции.

Типография на сайте определяется рядом параметров. Типография состоит из:

Размера шрифта;
Интерлиньяжа;
Отступов от текста.

Размер шрифта

Шрифт рекомендовано задавать на уровне кегля в 12-16 пунктов.

Интерлиньяж

Интерлиньяж принимает значение от 1.2 до 1.4 размера кегля. Подобранные цифры придают тексту разряженность и легкую считываемость. Длинная строка предполагает выше значение интерлиньяжа, короткая строка предполагает отклонение от стандарта к нижнему значению размера интерлиньяжа.

Отступы от текста

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

В самом жестком варианте, текст должен отсоединяться от других блоков расстоянием равным интерлиньяжу.

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

Дизайн обычно строиться по блокам. Объекты должны располагаться по краям или в центре прямоугольника.

Якорь в дизайне сайта или приложения

Якорем называется объект, который привлекает внимание.

Якорный объект может быть привязан к одной из сторон модуля, как это сделано с доком в операционной системе Mac от Apple. Привязка к стороне приемлема.

Первыми на сайте пользователи замечают картинки. К картинкам относятся и крупные иллюстрации на сайте. После, пользователи замечают крупные заголовки, логотипы, знаки и цифры. Текст замечается в последнюю очередь.

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

Дизайн должен быть визуально и структурно однородным по элементам.

Ритм на каждом логическом элементе в верстке должен отличаться. Различная ритмичность на логических уровнях отчетливо видна на сайте apple.com.

Дизайн блога

У каждого материала есть автор. Особенно автор важен в том варианте, когда речь идет о блоге и/или контенте сгенерированном пользователями, что называется как user-generated conten. Сокращенно сайта с пользовательским контентом называются UGC.

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

На самом деле оба варианта имеют право на жизнь. Рассмотрим оба варианта использования.

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

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

Рекомендованное чтиво по теме на сайте MegaIndex.org: