Пусть я совершенно не дизайнер, но технические тонкости создание сайтов всегда мне очень интересны. В этой статье некоторые мысли (как мои, так и более просвещенных в этом плане людей) на тему развития дизайна в плане концепции WEB 2.o
Главные внешние признаки сайтов в стиле Web 2.0 Главные внешние признаки сайтов в стиле Web 2.0 — характерные «гелевые» кнопки (псевдообъемные, с отсветом в верхней части, с имитацией полупрозрачности, отражениями под объектами и округлыми формами
— стиль, генетически восходящий к интерфейсным элементам операционной системы MacOS X), «облака» тэгов (в значении «ключевых слов»), динамическое управление деревом документа, плавные скольжения объектов по странице и плавная подсветка (без использования флэша), эффекты полупрозрачности, блогообразная структура и комментарии к любому кусочку текста, достаточно шаблонная верстка в виде длинной вертикальной колонки посреди страницы, а также веб-сервисы.
Несомненно, стандартизация дизайнерских решений — это дань моде. «Гелевые» кнопки и пиктограммы действительно выглядят красиво, хотя и мало соотносятся с объектами реального мира.
«Лакированный» дизайн, по идее, намекает на объекты и интерфейсы будущего, где на первое место выходит не просто функциональность, а изящная функциональность. (Интерфейсы Windows от версии 1.0 до 98 включительно, но особенно по версию 3.11 были аскетичными в силу низких аппаратных способностей компьютеров. Было неслыханной роскошью тратить силы процессора и видеокарты на отрисовку псевдотрехмерных объектов и плавных преобразований.
—————————————————————————————————————————————-
P.s Если вы еще не слышали о трансерфинг реальности, то очень советую что-нибудь почитать на эту тему. Наверное, самые лучшие книги этой тематики пишет Владимир Зеланд.
В начале 2000-x, когда пользователи статистически стали использовать более мощные компьютеры, появилась возможность реализации более изящных интерфейсов: с тенями, трехмерными эффектами. До абсолюта это было доведено в системе Windows Vista в конце 2006 года с интерфейсом Aero и чуть ранее — в графической подсистеме Beryl для операционных систем Linux.) Однако очень часто дизайнеры, делая такой изящный дизайн, повторяют находки друг друга. На вооружение методы дизайнеров приняли также кодеры и программисты.
Сейчас уже не удивишь реализацией прозрачности на веб-страницах. Однако если прикладные программы для эффекта прозрачности используют стандартные библиотеки графической среды операционной системы, то применительно к объектам на веб страницах все происходит не так гладко. В современной реализации CSS есть свойство opacity, которое отвечает за непрозрачность (это важно: то есть нулевое значение отвечает за полную прозрачность и невидимость, а единица — за отсутствие эффекта прозрачности): div { opacity:0.5; } В этом случае любой блок будет полупрозрачным в полном понимании этого слова.
Прозрачность может применяться к большинству элементов веб-страниц. Чтобы установить полную непрозрачность (обычный вид) для отдельно взятого блока, ему в классе или в самом тэге придется прописать значение opacity, равное единице. Чтобы объект отображался едва видимым, значение должно составлять 0.1 или 0.2.
