Правила в дизайне сайтов и интерфейсов являются ограничениями, которые держат нас в неких рамках. И эти ограничения чаще всего являются положительными, так как благодаря ним мы отрисовываем дизайн-макеты в едином стиле.
Закон Фиттса
Очень сложный закон, если рассматривать его применение в других в сферах. В веб-дизайне его прицнипы очень простые:
- Основные элементы в интерфейсе должны быть крупными
- Наиболее важные элементы нужно размещать выше на странице, чтобы пользователь мог быстро их использовать.
Вот и все. 🙂
Правила внутреннего-внешнего
«Правило внутреннего-внешнего» «Правило близости» и много другим названий. Оно означает, что: «Когда мы хотим элементы расположить в визуальную группу, то расстояние между ними мы делаем меньше, чем внешние отступы этой группы от других элементов» и наоборот «Если мы хотим визуально отделить элемент или группу элементов, то мы делаем расстояние больше, чем внутренние отступы этой группы.
Преемственность в веб-дизайне
Если в своем макете ты используешь тени, градиенты, скругление элементов, наличие декоративного элемента у заголовка или абзацев или другие визуальные особенности, то во всех композициях нужно придерживаться это стилистике. Это создаст ощущение полноценности и завершенности макета. Если же этому правилу не следовать, то твоей макет будет Франкенштейном, где в каждой композиции свои визуальные эффекты и правила.
Правило третей
Поделите свою композицию на 3 вертикальных и 3 горизонтальных части. Самая приоритетная информация должна находится в центральном блоке.
Иерархия внимания
В композиции наиболее важные элементы должны выделятся среди остальных. Таким образом мы управляем внимание пользователя, заставляя его смотреть на нужные нам элементы. Можно контрастировать начертание текста, цвета, размеры, отступы и др.