Все для сайта

Создать сайт несложно, сделать его качественно - об этом здесь…

  • Главная страница

16

Ноя

Веб-дизайн сайта. Основные правила.

Автор WF  Категория: Веб-дизайн

Давайте поговорим о том, какие ошибки допускают начинающие и каких приемов стоит придерживаться в дизайне сайтов.

Итак, по порядку…

Шрифты:

На страничке, а, желательно, и на всем сайте не должно присутствовать более трех разных шрифтов. 

Причем, должны использоваться шрифты, установленные на компьютерах по умолчанию (к таким, например, относятся Tahoma, Verdana, Georgia…), и никаких “диковинных” шрифтов, кроме как в графических изображениях, не применяйте!

Количество баннеров:

Еще одна ошибка новичков - это необузданное желание разместить как можно больше всевозможных баннеров, счетчиков, рейтингов на каждой страничке.

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

Возьмите за правило - двух (максимум, трех) таких баннеров вполне достаточно, причем, цвет тоже важно выбрать правильно (подробно - “сочетание цветов при выборе веб-дизайна для сайтов”).

Графика:

Старайтесь избегать применения “тяжелых” графических файлов, и необязательных flash-баннеров, поскольку модемное Интернет-соединение у многих посетителей Вашего сайта вынудит их дожидаться загрузки очень долго, и, скорее всего, они закроют страницу, не дав ей загрузиться полностью.

Орфография:

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

Горизонтальная прокрутка:

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

Браузеры:

В этой связи уместно посоветовать тестирование сайта в различных браузерах. Если Вы всерьез решили создавать свой сайт, то на Вашем компьютере, желательно, чтобы были установлены, помимо “Internet Explorer’а”, браузеры “Opera” и “Mozilla Firefox”. В каждом из них Ваш сайт может выглядеть по-разному!



Добавить в закладки
Комментариев нет

8

Ноя

Сочетание цветов при выборе веб-дизайна для сайтов

Автор WF  Категория: Веб-дизайн

Сайт, сделанный новичком, очень просто “вычислить”, даже не сильно разбираясь в премудростях веб-дизайна. Он бросается в глаза, прежде всего, наличием несовместимых цветовых решений, тем самым, подрывая в корне интерес к его содержанию. Посетитель, едва зайдя на сайт, скорее всего, уже захочет его покинуть, поскольку некоторые из “шедевров” просто “режут глаза”…

О совместимости цветов при выборе веб-дизайна мы и поговорим.

Для начала рассмотрим два треугольника:

Обратите внимание на углы, которые для наглядности отмечены буквами, где:

Ж - желтый

С - синий

К - красный

З - зеленый

Ф - фиолетовый

О - оранжевый

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

Другими словами, если Вы создаете сайт и его дизайн основан на сочетании цветов: Ж-С-К (или, например, Ж-С, Ж-К, С-К), то веб-дизайн Вашего сайта выполнен правильно с позиции подбора цветовой гаммы.

То же можно сказать и о вершинах другого треугольника. Сочетаются между собой цвета: З-О-Ф (и, соответственно З-О, О-Ф и З-Ф).

Теперь совместим эти два треугольника:

Что мы получили? - Теперь мы имеем следующую картину:

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

Т.е., помимо предыдущих допустимых цветовых сочетаний (Ж-С-К и З-О-Ф), добавляются еще следующие возможные цветовые дизайн-решения (смотрим, начиная с желтого): Ж-О-К, О-К-Ф, К-Ф-С, Ф-С-З, С-З-Ж и З-Ж-О.

Этот принцип следует обязательно учитывать при выборе веб-дизайна для Ваших сайтов.

Более углубленно варианты сочетающихся цветов можно увидеть на следующем рисунке:

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

И, напоследок, - при создании дизайна для своего сайта по возможности старайтесь избегать обилия ярких, “кричащих” цветов. Лучше сделать полутона - это будет смотреться не только профессиональнее, но и эстетичнее.

Желаю Удачи Вам в изучении такой интересной науки, как веб-дизайн!

Добавить в закладки

Тэги: Веб-дизайн

2 комментария
Добавить в социальные закладки
  • Blink
  • del.ici.ous
  • Digg
  • Furl
  • Google
  • Simpy
  • Spurl
  • Y! MyWeb
  • БобрДобр
  • Мистер Вонг
  • Яндекс.Закладки
  • Текст 2.0
  • News2
  • AddScoop
  • RuSpace
  • RUmarkz
  • Memori
  • Закладки Google
  • Писали
  • СМИ 2
  • Моё Место
  • Сто Закладок
  • Ваау!
  • Technorati
  • RuCity
  • LinkStore
  • NewsLand

Подписка на RSS

Подписка

Рубрики

  • Web-Уроки (1)
  • Веб-дизайн (2)
  • Вебмастеру (7)
  • Новости (1)
  • Полезное (7)

Метки

Антивирус Веб-дизайн Монетизация блогов Надежность хостинга Перевод сайтов Поисковая оптимизация странички Спам в комментариях выбор хостинга зеркало домена онлайн-статистика оптимизация сайта программы продвижение сайтов раскрутка сайтов сервер Panda PhotoShop robots.txt Web-Уроки (1)
Веб-дизайн (2)
Вебмастеру (7)
Новости (1)
Полезное (7)

Облако тегов плагина WP Cumulus Плагины и шаблоны для WordPress требует для просмотра Flash Player 9 или выше.

Популярные посты

  • Антивирус Panda Internet Security 2009 - бесплатно на год!
  • Блог или сайт? - Преимущества блогов и недостатки сайтов
  • Онлайн-статистика посетителей
  • Спам в комментариях. Кому это нужно?!
  • Проверяем хостинг-провайдера и мониторим работу своего сайта.
  • Как переводить иностранные сайты на лету
  • Создаем сервер на своем компьютере
  • Веб-дизайн сайта. Основные правила.
  • Как создать файл “robots.txt”
  • Другие методы продвижения сайта

Свежие комментарии

  • Гарик in Сочетание цветов при выбор…
  • Валерий in Сочетание цветов при выбор…
  • Валерий in Проверяем хостинг-провайде…
  • WF in Немного о раскрутке сайтов
  • Деловой in Руководство по Adobe Photoshop
  • Свежие посты

    • Антивирус Panda Internet Security 2009 - бесплатно на год!
    • Блог или сайт? - Преимущества блогов и недостатки сайтов
    • Онлайн-статистика посетителей
    • Спам в комментариях. Кому это нужно?!
    • Проверяем хостинг-провайдера и мониторим работу своего сайта.
    • Как переводить иностранные сайты на лету
    • Создаем сервер на своем компьютере
© Все для сайта
Rambler's Top100