WebDix
Это веб-диз, детка!Выпуск #9 | 11 октября 2006
Введение
Веб-дизайн
Раскрутка
Веб-заработок
Программирование
Photoshop CS
Flash
RusForumz
Новости
Интересности
Быстрый переход
WebDix › Выпуск #9 › Веб-дизайн

Так делать НЕЛЬЗЯ!

С моего компа Народ Ру
http://frommycomp.narod.ru/

Автор: Nikitar
http://rusforumz.com/

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

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

Сегодня мы займёмся сайтом: С моего компа Народ Ру. Честно говоря, довольно-таки странное название. поэтому когда я шёл на сайт, то думал, что сейчас увижу некоторое подобие Виндоуза. банальную иконку Мой Компьютер, которая ведёт на какой-нибудь раздельчик обо мне. Но этого не случилось, увидел я то, что вы видите под этим абзацем.

Главная страница сайта С моего КОМПА

Здесь конечно много о чём есть поговорить, поэтому мы пока остановимся так существенно на главной странице. Как вы видите красным там отмечены ошибки, которые допустил дизайнер и верстальщик. Итак, поехали с самого начала.

В глаза сразу же бросается цветовая гамма сайта. Ярко, безумно оранжевая. Как потом выясняется, такая цветовая гамма только на главзной странице сайта, на всех остальных - всё в пределах нормы. Ладно, постепенно глаза привыкают и к этому цветовому безобразию и тогда мы начинаем замечать обилие рекламы. 2 баннера на главной подряд, + 2 баннера Народа. Вы спросите почему 2? Я объясню это чуть позже. Мало того, что выбор места для баннеров мягко говоря не очень удачный с точки зрения дизайна, так и баннеров как таковых нету. Это просто рекламные места, где могла бы быть реклама.

Баннеры, стоящие выше шапки, выбиваются сильно из дизайна, особенно если учесть, что меню начинается на том же уровне, что и баннеры, а сама шапка уже далеко и не шапка, а где-то в центре страницы оказывается. Что в такой ситуации надо сделать?! Ухитриться и вписать баннер в шапку. Я думаю что это вполне возможно. Ну а второй баннер вниз страницы. А то 2 баннера подряд - это слишком. Хотя это что. Когда переходишь на внутренние страницы, контент отодвигается ещё дальше, так как появляются ещё 2 баннера 100*100. Ну, думаю насчёт рекламы понятно, теперь двинемся дальше.

Как обнаружилось, сайт состоит из 2-х фреймов. Первый неподвижный, находится слева и олицетворяет собой меню. Справа контент. Можно много и долго рассуждать о вреде фреймов и их достоинствах (практических никаких), скажу только своё мнение, это неудобно и некрасиво в принципе, я против фреймов. Если взять основные достоинства, которые ищут у фреймов - меню быстро меняется, всего лишь один файл надо изменить, вес уменьшается, убыстряется загрузка. В данном случае вес минимальный левого фрейма, и надо делать тогда на javascript или SSI использовать, или специальные программы, которые меняют содержимое нескольких страниц в считанные секунды. Единственный вариант из фреймов - это iframe и только для вставки рекламных баннеров. Кстати насчёт рекламы. Если сайт на фреймах, НАРОД вставляет баннер в главный фрейм. НО сначала он определяет, какой фрейм главный, поэтому баннер появляется сначала слева, потом мелькает и справа опять появляется. Короче, надо уходить с Народа :) или фреймы убирать.

Пожалуй, вернёмся к самой шапке. Во-первых, слева она очень уж резко заканчивается, как будто забывает, что находится не на отдельной странице, а в фрейме главной страницы. Далее дизайн. Что-то странное бордовое и размытое. И поверх этого бордового чуда размещено название сайта КРАСНЫМ цветом. Естественно, что сразу его разобрать нельзя. Я бы всё понял, если бы шапка была вся бордовая, но половина белого цвета, почему бы туда и не передвинуть текст?

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

Пожалуй пойдём дальше, а далеко идти не надо, я просто опустился в самый низ главной страницы, и вот что там увидел.

Главная страница сайта С моего КОМПА

Первое что бросается в глаза внизу этой страницы, так это подвал. Сделан он достаточно неудачно. Между двумя линиями находятся счётчики и копирайты. Сразу же насчёт позиционирования и линий. Нижняя линия лишняя при такой высоте. Либо нужно делать линии потоньше, либо нижнюю полосу убрать. Счётчики слишком прижаты к верхней линии. А текст копирайта к нижней, нужно их расположить по высоте посередине.

Сразу не обратил внимание, но сейчас вижу странные иконки, то квадратики, то треугольнички, они как бы стоят перед новостями. Их посоветовал бы немного изменить. А то оранжевое (даже грязно-оранжевое) на оранжевом фоне не очень хорошо смотрится.

Какие ошибки были на этой странице?
1. Реклама. Говорю это уже не первый раз, но чем больше, тем лучше. Беда многих начинающих сайтовладельцев в том, что они считают, что чем больше рекламы на сайте, тем больше денег получает веб-мастер. Это совсем не так. Важно качество, и количество посетителей. Если будет много рекламы, которая к тому же неразумно размещена, то посетителей много не будет, и прибыли значит тоже.

2. Фреймы. Писал уже много-много-много раз. Удобства только кажутся. Проблем множество. Я бы не советовал их использовать.

3. Читабельность. Обязательно проверяйте свои тексты на читабельность. Обращайте внимание на шрифт и цвет (чтобы не сливался с фоном). Ведь самое важное на сайте - это нформация, и нужно подать её достойно, чтобы не было никаких проблем.

Решил зайти на одну из многочисленных внутренних страниц и зашёл в раздел Обо Мне, где собственно и прочитал про Стасяна - автора сайта.

Главная страница сайта С моего КОМПА

Сразу же заметна смена фона, на белый. Ощущение, что он либо не загрузился, либо так и задумано. Если не загрузился - плохо, если так и задумано - тоже плохо. У сайта должна быть одна цветовая гамма, а не несколько. Вся инфа безусловно очень интересная, но вот картинки...вот о них мы сейчас и поговорим.

Первая картинка - фотография автора. И текст слишком плотно её облегает поэтому советую использовать теги hspace и vspace, чтобы текст не был так близко к картинкам. При клике на картинку - она увеличивается. Таким образом фотка искусственно была сжата с помощью спецпараметров в html. Так делать не советую, нужно указывать всегда в html истинный размер. А для превью, надо специально заливать маленькие картинки. Почему? А вы посмотрите на второй рисунок - карта, она выглядит как рисунок очень плохого качества (кстати расширение *.png - это интересно, но лучше jpg, png весит 65Кб).

В общем, сайт мне очень понравился, особенно с точки зрения инфы. Очень редко где встретишь сайт, наполненный таким разнообразным содержанием, как этот. Скрипты, программы, mp3, фоны, текстуры, флэшки. И самое важное, здесь нет никаких обходных страниц. Всё скачивается буквально с главной страницы раздела, везде прямые ссылки - это конечно о-о-очень порадовало. Так что всем очень рекомендую.

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

Закончен ещё один обзор, ждём новых сайтов для оценки
Вы тоже можете написать мне какой сайт вы бы хотели чтобы я оценил и написал такой подробный обзор. Это может быть ваш сайт или сайт кого-нибудь другого. Убогий и нет. страшный и приличный, ужасный и симпатичный, все они будут жестоко раскритикованы. Не боитесь жёсткой критики? Тогда пишите название сайта на странице обратной связи и не забудьте указать в теме: «Сайт на заценку» или что-то в этом роде.

Ждём-с. Ну, а сейчас прощаюсь и удаляюсь. Nikitar.

Уважаемые авторы – создатели сайтов, которые я подвергнул критике. Ничего в этом нет плохого, так как ссылка на ваш сайт стоит, и многие захотят его посетить. Если вы всё же думаете, что данный обзор ущемляет ваши права, то не думайте об этом, так как он никак и ничем, а также никогда не нарушит ваши права, так как это здоровая и объективная критика.

PS. Если вы обнаружили в моих текстах ошибки - не расстраивайтесь, бывает. Просто мысленно наорите на меня и прочтите мне мораль про нормы правописания, а затем с чистой совестью продолжайте читать :) А если по правде, то пишу я очень быстро, поэтому на запятые времени нету, а все грамматические ошибки не более, чем опечатки, точнее очепятки, то есть пяткиоч, блин, запутали, короче, всё... Пока!


« FAQСодержаниеОгромный мир рассылок »
Выпуск подготовили: Exact, Nikitar, Psi, Alisha |  Copyright RusForumz.com 2006
Перепечатка материалов возможна только с письменного разрешения администрации
Журнал WebDix («Это веб-диз, детка!»), 2006-2008.
Сайт журнала: webdix.ru · форум: rusforumz.com
Об архиве
Рейтинг Old-Web