Круги в веб-дизайне

загруженное (4)

Когда я приступал к написанию материала на данную тему, идея кругов в качестве тенденции не казалась мне интересной. Однако чем больше сайтов я просматривал, тем чаще находил их. Кстати, если вы пролистаете эту книгу, то найдете массу примеров, которые я мог бы включить в текущий раздел. Первоначально я решил ограничиться логотипами, располагающимися внутри кругов, однако потом добавил образцы, в которых круги используются другими способами.

Обратите внимание на веб-ресурс Meltmedia, а также Jude’s Jewels. На всех этих сайтах (и нескольких других из набора образцов) логотипы либо состоят из кругов, либо располагаются внутри них.

Напрашивается вопрос: почему?
Нетрудно найти примеры использования кругов, выходящие далеко за пределы их применения в качестве простых контейнеров для логотипов. Например, на обоих сайтах English Workshop и Imagen у Codigo (на английском его название звучит как lmage and Code) круги задействуются очень гармонично без привязки к логотипам.

 

***
Также порекомендую в качестве партнера сайт, который реализует такие строительные леса. На их сайте я бы как раз и сделал бы подобный стиль дизайна.
***

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

Часть меня подозревает, что причина использования кругов коренится в том, что благодаря CSSЗ у нас есть возможность визуализировать скругленные углы в браузерах. Если вы зададите скругленные углы для квадратного элемента, то волшебным образом получите круг. Это может не показаться таким уж захватывающим, однако я абсолютно уверен, что данный трюк был применен в случае с кое-какими из представленных далее образцов, а следующее, что вы осознаете, — мир дизайна просто помешан на использовании кругов.

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>