.Как разработать веб-сайт
Разработка веб-сайта требует знания таких тем, как теория цвета, типографика и программирование все это здесь duna На что еще следует обратить внимание?
Люди, которые хотят создать свой первый сайт, часто хотят показать, какие функции Photoshop они умеют использовать, какой причудливый шрифт они нашли в Интернете и какую интересную Flash-анимацию они сделали. Оригинальность ценится, но лучше начать с основ.
Цвет и контраст
Цвета сайта не могут быть выбраны "случайно". Теория цвета гласит, что в одном проекте лучше не превышать пяти. Для этого следует использовать цветовой круг (http://kuler.adobe.com/), который предложит готовые палитры однородных цветов.
Смежные элементы должны быть соответствующим образом контрастированы. Это особенно касается текста и фона, на котором он расположен. Фон и текст не могут быть слишком похожи друг на друга, потому что они будут неразличимы, но они также не должны слишком контрастировать друг с другом - это быстро утомит глаза. Мы можем проверить выбранный набор с помощью соответствующего инструмента (http://www.snook.ca/technical/colour_contrast/colour.html), который проверит соответствие рекомендациям W3C.
Иерархия важности
Наиболее важные элементы должны располагаться в верхней части страницы, а менее важные - ниже. Воспользуйтесь тем, куда смотрят пользователи, чтобы разместить ссылки на страницы, которые вам особенно интересны. Известно, что большинство пользователей Интернета начинают читать с левого верхнего угла, а затем переводят взгляд на середину страницы. Именно здесь должна находиться самая важная информация.
Новые статьи и информация, которую пользователь ожидает увидеть после входа на страницу, должны быть видны без прокрутки.
Помните, что высота окна браузера у 20% пользователей составляет всего 550 пикселей. Страница не должна заставлять пользователя прокручивать ее по горизонтали. Ширина 960 пикселей - это признанный и безопасный стандарт.
У пользователей Интернета нет времени искать информацию среди часов, анимации, всплывающих окон и календарей. В большинстве случаев третья колонка также не нужна. Максимально упростите свой сайт. Понятный и простой интерфейс позволяет сосредоточиться на содержании.
Принцип сохранения простоты приводит к использованию решений, с которыми пользователь знаком. Логотип компании должен быть ссылкой, ведущей на домашнюю страницу, поисковую систему, помеченную словом "поиск", и т.д.
Типография
Будьте осторожны с модными шрифтами! Если вы используете малоизвестный шрифт, он будет незаметен для большинства посетителей сайта. Выходом из ситуации может быть кодирование страницы в HTML 5, но он еще не стандартизирован, поэтому может вести себя непредсказуемо.
В сплошном тексте лучше всего использовать простой шрифт sans-serif высотой менее 1em (по умолчанию обычно 16 пикселей). В заголовках он должен быть больше (в 1,45 - 2,18 раза), а в боковой информации - уменьшен, но не меньше 0,56 ema (9 пикселей при стандартных настройках).
При проектировании помните о программистах, которым придется кодировать вашу работу. Поэтому стоит знать основы HTML и CSS, что они позволяют, а что будет проблемой для программистов. Не помешает знакомство с JavaScript и Flash, чтобы знать, какие интерактивные элементы вы можете себе позволить.
Прежде чем приступить к разработке сайта, сделайте эскиз и представьте его на рассмотрение техническому специалисту. Все настройки также следует протестировать на нескольких сайтах, используя разные мониторы. Тесты юзабилити должны проводиться минимум 5 людьми.
Рубрика: Hi-Tech. Читать весь текст на smart.kr.ua.