Полезные материалы

Создание коллажа в Adobe Photoshop

Свет и цвет

Самоучитель HTML

Справочник CSS

Изображения являются неотъемлемой частью любого интернет-ресурса, помогая создавать уникальный дизайн, иллюстрировать материалы сайта, или просто демонстрировать посетителям фотографии. «Графика для Web» научит вас, как обрабатывать фотографии, чтобы сделать их более выразительными; готовить изображения для публикации; размещать картинки на веб-странице и создавать свои собственные иконки.

Вы можете подписаться на получение материалов сайта по почте через систему рассылок Subscribe.ru. Для этого введите свой почтовый адрес и нажмите кнопку ОК.

Основные средства и принципы композиции

Опубликовано: 16.01.2009

Автор: Виктор Вязьминов

В данной статье речь пойдет об особенностях психофизического восприятия человека. Все наши условные и безусловные рефлексы, динамические стереотипы и ассоциативность восприятия заставляют мозг анализировать действительность (то, на что мы смотрим) в определенном порядке. Что-то воспринимается легко и быстро, так же легко анализируется и запоминается. Но есть и то, на чем восприятие «спотыкается», вызывая заторможенность рефлексов, и как следствие — дисгармонию восприятия.

Физиологические основы восприятия

Опубликовано: 15.01.2009

Автор: Виктор Вязьминов

Человеческий мозг обладает определенными особенностями восприятия окружающей нас действительности, которые необходимо помнить при создании творческих работ. Превосходя по своим возможностям современные компьютеры, мозг отличается от них тем, что имеет склонность концентрировать внимание на определенных объектах и исключать из внимания не интересующие его. Эта склонность подчиняется определенным закономерностям, не знать которые, и не использовать на своих сайтах для привлечения внимания было бы просто глупо.

Размышления о логотипах

Опубликовано: 14.01.2009

Автор: Виктор Вязьминов

Логотип — это общее название фирмы, сайта, или же просто ваша фамилия, поданная в определенной графической форме.  Пример — логотип сайта Сталкер (stalker.krsk.ru). Это просто логотип в чистом виде без изысков, хотя со специально выбранным и обработанным шрифтом (рис. 1).

Рис. 1

Рис. 1. Логотип сайта Сталкер

Курсив

Опубликовано: 13.01.2009

Способ начертания текста, при котором имитируется рукописное начертание с небольшим наклоном символов вправо.

Рубленый шрифт

Опубликовано: 08.01.2009

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

На рис. 1 показана надпись, сделанная шрифтом Verdana с увеличенным фрагментом.

Рис. 1

Рис. 1. Рубленый шрифт

Шрифт с засечками

Опубликовано: 07.01.2009

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

На рис. 1 показан типичный представитель гуманистической антиквы — Garamond с выделенными засечками.

Рис. 1

Выступающий инициал

Опубликовано: 04.01.2009

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

Рис. 1

Рис. 1. Вид выступающего инициала

Выделение буквы цветом и размером применяется для визуального отделения одного абзаца от другого и для привлечения внимания к тексту.

Рисование тени под блоком

Опубликовано: 19.12.2008

Добавление тени к блокам или изображениям применяется для привлечения к ним внимания, визуального выделения или продиктовано дизайном сайта. Рассмотрим, как в программе Photoshop создавать различные виды теней и добавлять их к элементам веб-страницы.

Добавление тени к рисунку

Опубликовано: 06.12.2008

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

Полупрозрачный слой с непрозрачным текстом

Опубликовано: 23.11.2008

Для задания степени прозрачности элемента применяется атрибут opacity, который за исключением Internet Explorer-а понимается всеми современными браузерами. Но у этого атрибута есть особенность — прозрачность распространяется на все дочерние элементы, которые не могут превысить значение прозрачности своего родителя. Получается, что непрозрачным текст на полупрозрачном фоне быть не может. Тем не менее, есть способы обойти это ограничение.