2.4 Классификация графических редакторов

Графический редактор — программа (или пакет программ), позволяющая создавать и редактировать двумерные изображения с помощью компьютера.

Типы графических редакторов:

- Растровые графические редакторы. Наиболее популярны: Adobe Photoshop для операционных систем Microsoft Windows и Mac OS X, GIMP для GNU/Linux и других POSIX-совместимых. GIMP распространяется под лицензией GNU GPL.

- Векторные графические редакторы. Наиболее популярны: Adobe Illustrator, Corel Draw, Macromedia Free Hand — для операционных систем Microsoft Windows и Mac OS X, Inkscape — для всех ОС. - Гибридные графические редакторы. Наиболее популярны: RasterDesk для AutoCAD, Spotlight (программа) для операционных систем Microsoft Windows.

3 Особенности web-интерфейса

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

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

Рассмотрим основные аспекты построения веб-интерфейса:

- Ширина сайта

Сейчас, когда размер экрана и качество отображения серьезно увеличились, делать сайт на всю его ширину совершенно не желательно. Это все равно что печатать документы на формате А4 не вертикально, а горизонтально, как на альбомном листе. Это не удобно, не красиво, мешает концентрации на информации, "размазывает" внимание посетителя. К сожалению, многие так и не избавились от своих старых привычек. Для тех, кто интересуется настоящим, стоит посмотреть на сайты таких гигантов как adobe, bbc, yahoo, sun, apple, mindjet.

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

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

- Больше пробелов

Один из секретов написания текста для веб — как можно больше пробелов между абзацами. Не стоит объединять абзацы в большие куски текста. Психологическая механика здесь довольно проста: большой отрывок текста при одном взгляде на него вызывает скуку и уныние. Сразу видно, что на его прочтение потребуется время и усилия, а интересного там может и не быть. Читатель соизмеряет затраты на чтение с возможной пользой от этого отрывка текста. Необходимость долго концентрировать внимание вызывает психологический дискомфорт.

С другой стороны, прочитать один абзац можно просто и быстро. Не нужно думать над его ценностью — просто взял и прочитал. Затем еще один, еще и еще. Так можно читать хоть целый день, если текст более-менее интересный. Глаза и психика устают гораздо меньше.

- Подчеркивание текста и курсив

Когда нужно выделить фразу или слово, применяется курсив. Не стоит им злоупотреблять, поскольку курсив снижает скорость чтения и напрягает глаза. Подчеркнутый шрифт так же снижает скорость чтения. Не рекомендуется подчеркивать текст, а тем более большие его отрывки. Подчеркивать заголовки так же не рекомендуется. Стандартное подчеркивание идет сразу под шрифтом, почти не оставляя свободного пространства между линией подчеркивания и буквами. Это ломает шрифт, делая из него набор линий. Отделять буквы от линии подчеркивания приходится напряжением зрения, поэтому чтение такого шрифта требует дополнительных усилий со стороны пользователя. Такой подход противоречит нашей цели, ведь пользователь должен "проглотить" текст и его смысл за как можно меньший промежуток времени. Заголовки можно подчеркивать, но не текстовыми средстВами, а средстВами дизайна. При этом нужно оставлять достаточно места между линией подчеркивания и шрифтом. Шрифт должен быть крупнее и ярче чем линия подчеркивания. Еще одна причина, почему не стоит подчеркивать текст — подчеркиванием стандартно обозначаются гиперссылки.

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

- Ширина текста на сайте

Страничка с широким текстом на весь экран "размазывает" внимание при чтении. Наши глаза так устроены, что им удобнее двигаться при чтении сверху вниз, чем слева направо. Вспомните, как устроены газетные колонки — они идут вертикально, причем каждая колонка очень узкая. Чем уже колонка текста, тем лучше она концентрирует внимание и тем легче для глаз ее читать. Однако очень узкий текст так же не удобен, поскольку он будет слишком растянут вниз и потребует более частой прокрутки экрана. Оптимальной считается ширина в 45-60 символов при стандартном размере шрифта. Связано это с тем, что глаз обладает определенным углом зрения. Максимальный угол восприятия глаза 57 градусов, оптимальный — 35-40 градусов. Если экран находится на расстоянии в среднем 35-40 см от глаз, то оптимальный размер видимой области составляет около 15 см по высоте и 10 см по ширине (учтены особенности бинокулярного зрения). Если колонка текста шире, это создает невозможность сконцентрироваться на ней полностью. Как следствие — лишние движения взгляда, меньшая скорость чтения и большая утомляемость глаз.

Широкие колонки текста однозначно свидетельствуют о непонимании разработчиком законов восприятия и правил удобства пользования сайтом. К сожалению сайты на всю ширину экрана и такие же широкие колонки текста встречаются очень, очень часто. Это атавизм — еще не отмершие старые представления из времен, когда жили мамонты, мониторы были маленькие, а максимальное разрешение было 800х600.

- Ошибки в тексте

Практически не влияют на удобочитаемость, однако очень влияют на имидж предложения.

- Главная закономерность в дизайне и навигации:

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

Рисунок 3.1 - Пример простого ,стандартного и информативного интерфейса.

- Элементы дизайна

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

- Структура меню

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

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