Веб-дизайн в черных тонах: грамотное использование

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

Black Estate – отличный пример: немного белого текста, фото, крупное белое название с оригинальным шрифтом.

BlackEstate

Tictoc – использует еще и рисунки, и контастный цветной текст. Цвет фона менее глубокий – так на этом сайте сверху больше незанятого пространства, более темный цвет смотрелся бы угнетающе.

TicToc

Mark Dearman – “шероховатая” текстура, контент сосредоточен на передней, гладкой и более темной панели.

MarkDearman

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

Text White Space

Также имеет значение размер текста – делайте его максимально крупным: один и тот же размер букв совершенно по-разному воспринимается на светлом и темном фоне.

Text Size Matters

Следите за контрастом – чем светлее фон, тем проще воспринимается текст.

Text Contrast

На темном фоне выглядят по-разному и разными типы шрифтов. Как видно, шрифты без засечек более четкие и разборчивые, но, в тоже время, шрифты с засечками более элегантно смотрятся на темном фоне.

Font Choice

Идеальный вариант использования шрифтов – крупный красивый шрифт с засечками для заголовков, и обычный – для основного текста.

Serif and Sans-serif

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

Color

Для темных тонов также характерны некоторые стили.

Larissa Meek – использует винтажный стиль, яркие пятна на черном фоне со старинным орнаментом.

Larissa Meek

Depth Core – использует стиль модерн, яркие контрастные цвета текста и картинок.

Depth Core

Tapbots – стиль хай-тек, полностью отражающий специфику контента сайта.

Tapbots

Еще несколько примеров: Inca un calator, при использовании малого количества контента играет несколькими фонами различного оттенка серого, с джинсовой текстурой.

Inca

Trozo – популярный пример использования черного фона – стиль “гранж”.

Trozo

Drew Wilson – световые эффекты на черном фоне играют ярче.

Drew Wilson

Popularity: 2% [?]

You can leave a response, or trackback from your own site.