3.2 Разработка web-дизайна

Хорошо оформленный сайт - одно из главных условий в успехе.

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

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

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

Информационные блоки расположены в правой части web-сайта, на которой расположены поиск, регистрация, рубрики и последние записи.

В основной части web-сайта располагается непосредственно сам контент. Цвет фона на котором находится текст является белым. Все названия статей выделены синим цветом и имеют шрифт 16 пт. А основной текст окрашен в черный цвет. Весь материал, который находится на данном web-ресурсе, читается легко.

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

При разработке web-сайта «Информатика в школе» большое внимание уделялось его цвету. Так как одним из факторов привлекательности сайта является его дизайн.

Синий является тем цветом, который сохраняет характер вне зависимости от своего тона. Различные тона синего цвета показаны в соответствии с рисунком 15.

Рисунок 15. Тона синего цвета

Любимым синий цвет является не только для мужчин, но и для женщин. Главная причина, почему делается именно такой выбор – данный цвет означает спокойствие, мудрость и верность. Он не оказывает раздражающего воздействия на глаза. Поэтому именно этот цвет чаще всего и используют в дизайне. На интернет-ресурсах, посвященных здоровью и путешествиям в дизайне среди гаммы цветов преобладающим является именно этот цвет. Для дизайна интернет-ресурсов такой цвет выбирают по той причине, что собой он символизирует серьезность и опыт. Чувство доверенности и защищенности – вот что данный цвет передает человеку. Никогда данный цвет не может выглядеть мрачным или страшным. Даже синий цвет темных оттенков – это стабильность и единство. Заметим, что синий цвет у человека вызывает лишь положительные эмоции, но все же при употреблении может возникнуть ощущение тяжести и тоски.

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

Темно синий цвет имеет усиленные свойства синего цвета. Это цвет глубокой веры: религиозной, научной, социальной деятельности, но не фанатизм, потому что вера темно синего цвета тесно связана с интеллектом и трезвой оценкой. Он склоняет к размышлениям и этическим оценкам [8].

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

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

Шрифт на web-сайте был выбран таким образом, чтобы посетители могли спокойно получить нужную им информацию.

Размер основного шрифта документа был установлен 12 пт. На данном web-ресурсе не применялось сглаживания и эффекты для шрифтов размером менее 14 пт. Для основного текста сайта, заголовков и ссылок используются безопасные шрифты Tahoma и Geneva.

Список безопасных шрифтов: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Geneva, Impact, Lucida Console, Lucida Sans Unicode, Palatino Linotype, Book Antiqua, Tahoma, Geneva, Times New Roman, TTrebuchet MS, Verdana, Symbol, Webdings.

Цвет шрифта. Чем контрастнее цвет шрифта и фон, тем легче читать текст. На web-сайте привычный цвет шрифта - черный. При использовании темного шрифта фон является светлым.

Также не много употреблялись средства выделения шрифтов (курсивом, полужирным шрифтом, подчеркиванием, цветом, применением эффекта тени). Лучше ограничится одним-двумя способами выделения шрифтов. Выделенными должны быть действительно значимые фрагменты текста.

Выровненные строки по левому краю или по центру, читаются легче, чем выровненные по ширине. Выравнивание по правому краю допустимо только как специальный прием. Лучше не располагать строки вертикально. При горизонтальном расположении строк допустим небольшой (не более 20 градусов) наклон. Именно этих рекомендации придерживались при размещении материала на web-сайте [8].

На данном web-сайте применяются два основных шрифта это Tahoma и Geneva. Tahoma имеет зауженные символы, небольшие внутри буквенные просветы, узкое расстояние между соседними буквами и большое количество символов стандарта Юникод.

Изначально Tahoma разрабатывался как растровый шрифт. Векторизован он был осторожно, чтобы как можно точнее сохранить его внешний вид. Полужирное начертание в растровом шрифте соответствовало линии толщиной в два пикселя, поэтому полужирное начертание скорее соответствует жирному или сверхжирному. Шрифт выгодно отличается от, например, Arial, поскольку позволяет различать похожие символы при отображении их на мониторе. Например заглавная «I» (лат. и) отличается от строчной «l» (лат. эль).

Geneva шрифт без засечек, похож на Tahoma. Создатель шрифта Сьюзен Кэр. Её наиболее узнаваемые работы для Apple — шрифты Chicago и Geneva. На сайте текст имеет черный цвет и расположен на белом фоне.