Из школьных уроков физики мы помним, что мир состоит из маленьких, почти невидимых частиц – атомов. Такие «атомы» – скрытые, но полезные – есть в каждой сфере работы. Это могут быть навыки или инструменты, на первый взгляд незаметные, но незаменимые. Есть они и в дизайне сайтов: это детали, которые видит только вооруженный глаз профессионала.
Каждая деталь для чего-то нужна: например, выделяет главное или разделяет блоки на странице. Всего их пять. Начнём с абсолютных невидимок.
1. Линии, которые почти никто не видит
Незаметные линии близкого к фону или тексту цвета работают как разделители блоков на сайте. Например, вам нужно отделить контактные данные и ссылки на социальные сети. С этой задачей справятся тонкие линии чуть темнее или наоборот, чуть светлее фона.
2. Буквы разного размера
Можно ли сочетать в одном слове разные по размеру буквы? Можно, если в целом они выглядят как одинаковые. Для того, чтобы слово не «пускалось в пляс», дизайнерам приходится делать округлые буквы, например, С или О, немного выше всех других. Геометрические фигуры так же подгоняют по размеру: если они выглядят одинаково, всё в порядке.
С абсолютными невидимками, кажется, всё понятно. А что насчёт видимых деталей?
3. Абзацы и отступы
Здесь работает правило «Чем ближе блоки, тем ближе их смысл». Например, рубрики одного раздела сайта часто располагаются друг под другом, а контактные данные и новости будут размещены в разных частях страницы.
4. Цвета и их оттенки
Выделить ярким цветом самый важный элемент, например, взять напечатанную чёрным шрифтом на кремовом фоне информацию в темно-зелёную или красно-коричневую рамку – классический дизайнерский приём, который заставляет обратить внимание на самое актуальное. Глаз воспринимает цвета по цепочке «тёмное – светлое – яркое». А ещё оттенки одного цвета можно использовать для градаций – этапов работы, например. Кстати, о теории цвета для дизайнеров мы писали раньше.
5. Тень
Тени – настоящая палочка-выручалочка для минималистичных дизайнов. Они позволяют выделять заголовки или опорные моменты на монохромных страницах. Их можно использовать и для hover-эффектов, которые меняют вид кнопки при наведении или нажатии.
Теперь вы сможете замечать «атомы» работы дизайнера и замечать, как меняется оформление сайта или лендинга в процессе работы.
Что делают ЕЖИ?
Мы разрабатываем многостраничные сайты и лендинги на Wordpress и Tilda, делаем площадки для интернет-магазинов, адаптируем веб-страницы и привязываем к ним метрику и другие нужные сервисы.
А ещё мы разрабатываем дизайн сайта с нуля, опираясь на пожелания заказчика и параметры целевой аудитории, обновляем устаревшие сайты и создаём фирменный стиль компании.