

Облако тегов
Популярное содержимое
За сегодня:
Вы можете подписаться на получение материалов сайта по почте через систему рассылок Subscribe.ru. Для этого введите свой почтовый адрес и нажмите кнопку ОК.
Основные средства и принципы композиции
В данной статье речь пойдет об особенностях психофизического восприятия человека. Все наши условные и безусловные рефлексы, динамические стереотипы и ассоциативность восприятия заставляют мозг анализировать действительность (то, на что мы смотрим) в определенном порядке. Что-то воспринимается легко и быстро, так же легко анализируется и запоминается. Но есть и то, на чем восприятие «спотыкается», вызывая заторможенность рефлексов, и как следствие — дисгармонию восприятия.
Физиологические основы восприятия
Человеческий мозг обладает определенными особенностями восприятия окружающей нас действительности, которые необходимо помнить при создании творческих работ. Превосходя по своим возможностям современные компьютеры, мозг отличается от них тем, что имеет склонность концентрировать внимание на определенных объектах и исключать из внимания не интересующие его. Эта склонность подчиняется определенным закономерностям, не знать которые, и не использовать на своих сайтах для привлечения внимания было бы просто глупо.
Размышления о логотипах
Логотип — это общее название фирмы, сайта, или же просто ваша фамилия, поданная в определенной графической форме. Пример — логотип сайта Сталкер (stalker.krsk.ru). Это просто логотип в чистом виде без изысков, хотя со специально выбранным и обработанным шрифтом (рис. 1).

Рис. 1. Логотип сайта Сталкер
Курсив
Способ начертания текста, при котором имитируется рукописное начертание с небольшим наклоном символов вправо.
Рубленый шрифт
Рубленый шрифт, называемый также гротеском, не имеет горизонтальных выступающих элементов на концах букв, называемых засечки или серифы. Преимущество рубленых шрифтов в том, что они одинаково хорошо передают текст в крупном и мелком начертании, поэтому на сайтах такие шрифты активно применяются для создания заголовков и основного текста.
На рис. 1 показана надпись, сделанная шрифтом Verdana с увеличенным фрагментом.

Рис. 1. Рубленый шрифт
Шрифт с засечками
Засечки или серифы (от французского serif) это горизонтальные выступающие элементы в буквах, которые облегчают чтение текста. Засечки заставляют взгляд читателя скользить вдоль строк текста, и одновременно разделяют отдельные буквы, чтобы они не сливались между собой. Также шрифты с засечками называют антиквенными, поскольку они использовались еще в Древнем Риме.
На рис. 1 показан типичный представитель гуманистической антиквы — Garamond с выделенными засечками.

Выступающий инициал
Выступающим инициалом называется увеличенная первая буква предложения, базовая линия которой совпадает с базовой линией основного текста. В отличие от буквицы выступающий инициал располагается на одной линии с текстом, как показано на рис. 1.

Рис. 1. Вид выступающего инициала
Выделение буквы цветом и размером применяется для визуального отделения одного абзаца от другого и для привлечения внимания к тексту.
Рисование тени под блоком
Добавление тени к блокам или изображениям применяется для привлечения к ним внимания, визуального выделения или продиктовано дизайном сайта. Рассмотрим, как в программе Photoshop создавать различные виды теней и добавлять их к элементам веб-страницы.
Добавление тени к рисунку
Изображения с тенью смотрятся приподнятыми над фоном веб-страницы, за счет чего появляется эффект трехмерности страницы. Кроме того, изображения с тенью выглядят более выигрышно и выделяются по сравнению с такими же изображениями, но без тени.
Полупрозрачный слой с непрозрачным текстом
Для задания степени прозрачности элемента применяется атрибут opacity, который за исключением Internet Explorer-а понимается всеми современными браузерами. Но у этого атрибута есть особенность — прозрачность распространяется на все дочерние элементы, которые не могут превысить значение прозрачности своего родителя. Получается, что непрозрачным текст на полупрозрачном фоне быть не может. Тем не менее, есть способы обойти это ограничение.
- « первая
- ‹ предыдущая
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- …
- следующая ›
- последняя »



