Небольшое вступление.
Эта статья предназначена для новичков в веб-дизайне. Я прекрасно знаю, что и до меня на эту тему много писалось, но ужасно оформленные страницы появляются вновь и вновь. Поэтому, если хотя бы один человек, наткнувшись на эту статью, сможет избежать некоторых ошибок и сделать свой сайт лучше, то я буду считать свою задачу выполненной...
Уродливые фоны.
Что мы понимаем под словом «уродливый»? Фон действует на подсознание, то есть, вы автоматически генерируете настроение у посетителя вашего сайта! Противопоказаны слишком яркие цветовые тона, которые режут глаз. Воздержитесь от использования фотографических изображений и графики, где существует слишком резкий переход от одного цвета к другому. Если вы со мной не согласитесь, то постарайтесь размыть изображение, уменьшить его яркость и контрастность. Возможно, результат будет не таким плачевным. Не используйте фоны, на которых явно видны швы стыков графических изображений, это свидетельствует о вашем непрофессионализме. Правильно подберите цвет к теме вашего сайта (например, если ваш сайт о природе – используйте больше оттенков зеленого и т.д.), постарайтесь все страницы узла выдержать в одной цветовой гамме, поверьте, перескакивать с синей страницы на красную не очень приятно.
Нечитабельный текст.
Возможно, это произошло из-за вашего фона. Попробуйте изменить цвет фона или цвет текста. Я не для того зашел на вашу страницу, чтобы терять зрение!
Очень большая графика.
Пожалуйста, не делайте картинки слишком большими, это значительно увеличивает время загрузки страницы. Никто не будет ждать 10 минут для того, чтобы полюбоваться на вашу картинку, поскольку, к сожалению, не у всех нас есть выделенные линии! Попытайтесь делать графические изображения размером не более 20 КБ. Если вам надо поместить большую картинку - разрежьте ее на несколько частей, она будет появляться кусками, и вы избавите посетителя от долгого созерцания пустого экрана! Но это относится только к графике, выполняющей декоративные функции! Не режьте «выставочную» графику, скажем, в вашей галерее! Представьте, что кому-то понравилась фотография, и он захотел сохранить ее у себя, но тогда ему придется сохранять ее кусками, что не есть хорошо. Просто постарайтесь следить за размером графических файлов. Да, и не отнимайте у вашего посетителя время на глупые картинки, не относящиеся к теме!
Очень много графики!
Это столь же плохо, как и графика большого размера. Даже маленькая картинка может существенно увеличить время загрузки, а если их чересчур много... Если ваша информация требует наличия множества картинок, попробуйте разбить ее на логические блоки и разнести на разные страницы, мне кажется, что так будет лучше!
Анимированные значки и графика.
Они действительно раздражают. Один или два могут значительно улучшить восприятие, но, когда их много и вся страница скачет, прыгает и постоянно меняется перед глазами – это ужасно! Также сложная анимация увеличивает время загрузки, ведь любой мультик занимает места столько, сколько в ней картинок-кадров. Да, еще одно, если делаете анимацию, то старайтесь, чтобы текст оставался на одном месте, а не летал по всей картинке! Пусть там летает птичка или бегемот, но не текст!
Ссылки на бесполезные и скучные места.
Я действительно не хочу идти к домашней странице вашего работодателя или благодетеля. Если же вы связаны с ними соглашением, то поместите над ссылкой надпись, скажем, «Реклама», а над чем-то стоящим – «Мои любимые ссылки». Это поможет вашим посетителям сэкономить свое время.
Скучное содержание.
Создайте что-нибудь оригинальное и интересное.
Плохое название и читаемость.
Избегайте длинных, плохо запоминающихся названий. Хорошее название – это половина вашего успеха в сети. Будьте оригинальны. Не используйте аббревиатуры (пример: MHP – «My Home Page») – их сложно запомнить. Ваше название должно точно отражать суть сайта и, в то же время, быть хорошо читаемым. Если это просто ваша личная страница, то, в принципе, можно использовать для названия свое имя, и то лишь в том случае, если вас знает достаточно народу, чтобы посещать ваш сайт, потому что незнакомый с вами человек вряд ли пойдет на сайт какого-то Васи Пупкина!
Мигающий текст.
Ах да, чуть не забыл, мигающий текст - одна из наиболее раздражающих вещей в Internet. Спросите себя, это ваша страница в сети напоминает мигающую вывеску какого-нибудь дешевого отеля! Вы должны знать, что большинство из нас не может читать мигающий текст. Мигающим можно сделать одно-два слова, если их должны действительно заметить, например – ссылку на форму регистрации и т.д., тогда мигание может помочь. Но передавать с помощью мигания свою интонацию – не допустимо (пример: «Я очень рад вас видеть на моей страничке!»).
Не отформатированные страницы.
Не забывайте просматривать ваши страницы в разных браузерах (достаточно - Internet Explorer и Netscape Navigator) и в разных разрешениях (достаточно 800х600 и 1024х768, но ориентироваться лучше на 800х600) перед публикацией. Это связано с различиями в отображении HTML-кода разными браузерами. А проблема с разрешением связана с нежелательным возникновением горизонтальных полос прокрутки, так как мы привыкли просматривать страницы сверху вниз, а не слева направо. Во всяком случае, прокрутка должна быть одна, но никак не две.
Текст и графика.
Желательно не располагать текст и графику на одной линии, а использовать некоторое обтекание картинки текстом. Не забывайте о промежутках между текстом и графикой. Выравнивайте текст относительно изображений. Этот возможный недостаток вашей страницы не очень страшен, но несколько ухудшает восприятие информации.
Слишком много фреймов.
Спору нет – фреймы очень удобная штука для навигации. Я сам часто ими пользовался раньше. Но во всем нужна мера! Слишком большое число фреймов увеличивает время загрузки страницы. Полосы прокрутки в этом случае могут занять значительное место на экране; иногда под них уезжает текст. Максимум – это 3 фрейма на странице. Еще лучше, когда их содержимое (во всяком случае, фрейма навигации) полностью помещается на экране, тогда можно избежать возникновения дополнительных полос прокрутки. А еще лучше не использовать фреймы вообще!
Большие блоки текста.
Большие блоки текста могут сделать вашу страницу нечитабельной. Читать с экрана гораздо сложнее, чем с листа. Для большего удобства ваших посетителей используйте горизонтальные разделительные линии, и пустую дополнительную строку между абзацами. Хорошо использовать для крупных блоков текста шрифты с засечками (Times New Roman), хотя последнее время многие дизайнеры от них отказались, поскольку сегодня в моде рубленые шрифты (Arial). Старайтесь не помещать много ссылок в текст, это ухудшает читабельность, а шанс, что ими воспользуются – минимален!
Учитесь использовать таблицы.
Научитесь использовать прозрачные таблицы для форматирования вашей страницы и более четкой привязки объектов друг к другу. Этот прием позволит избежать эффекта «сморщенной» страницы, который иногда возникает при изменении окна браузера. Может быть, вы иногда видели как при изменении размера окна вся графика и текст выстраиваются в этакий столбик, это говорит о неправильном форматировании.
Бегущая строка и самопрокручивающийся текст.
Не желательны, так как сильно отвлекают внимание. К тому же кто-то может не успеть прочитать начало предложения, что сделает бессмысленным чтение его конца. А ждать, пока оно прокрутится еще раз, уверяю, никто не будет.
Добавьте высоту и ширину к тэгу <IMG>.
Если вы добавляете высоту и ширину внутри вашего тэга <IMG>, то позволяете браузеру загружать сначала текст вокруг изображения, а потом саму картинку. Если вы не включаете их, браузер должен ждать, чтобы загрузить изображение перед текстом. То есть посетитель сможет уже читать текст, пока происходит загрузка графики.
Тег <ALT>.
Если вы используете графические ссылки, то не забывайте о теге <ALT>, который позволит посетителю ориентироваться на вашей странице, даже если он не загружает графику. Используйте тег <ALT> с любой картинкой.
Не используйте bmp.
Не используйте bmp-изображения на вашей странице, равно как и другие непопулярные форматы. Лучшими, на сегодняшний день, являются форматы gif и jpg. Они обеспечивают более быструю загрузку страниц.
Не печатайте прописными буквами…
Не ДеЛайТе ЭтО и не красьте буквы одного слова в разные цвета – это дурной тон!
Не вынуждайте людей делать то, что они не хотят.
Милые шутки (вроде появляющегося сообщения «Вы в моей власти», пытаясь убрать которое появляется еще одно с таким же содержанием) могут сыграть вам плохую службу. Можете быть уверены, что после такого ни один человек к вам больше не зайдет!
При использовании декоративной графики…
Вся декоративная графика на вашем сайте должна гармонировать с фоном. Я не должен знать, где кончается картинка и начинается фон. Другими словами используйте прозрачные gif'ы.
Не помещайте свою биографию на первую страницу.
Одна из наиболее распространенных ошибок! И, на мой взгляд, одна из самых главных! Если человек захочет с вами познакомится, то он найдет ссылку на страницу с вашей биографией. Но не заставляйте его знакомиться насильно, это скорее отпугнет, чем понравится!
Открывающиеся окна.
Не знаю как вам, а мне они надоели хуже горькой редьки! Я вынужден отрываться от чтения, чтобы закрыть пару наглых окон. После посещения таких страниц, я стараюсь больше там не появляться!
Не надо ставить на свои страницы ссылки на поисковые системы.
Почему я должен пользоваться вашей любимой поисковой системой? У меня другой вкус, отличный от вашего! Я хочу сказать – шанс, что воспользуются именно вашей поисковой системой, и, тем более, с вашей страницы, ничтожен. Так зачем тратить время и место на вашем сайте на бесполезные, никому не нужные вещи!
Не помещайте время на страницы.
Зачем я буду смотреть на ваше время, если у меня внизу экрана есть свое! Не забивайте сайт ненужными вещами!
Музыка.
Фоновую музыку нужно подбирать очень осторожно! Но это я оставляю на ваше усмотрение. Золотое правило: не уверен – не используй!
Конечно, я перебрал не все варианты «ужасных» страниц и, если вы сочтете нужным что-то дополнить или изменить, то пишите по указанному ниже адресу. Также пишите, если вам кажется, что я не прав. Заранее вам благодарен!
|
