Рубрика // Дизайн сайта 01.08.10

Как оформить статью, чтобы она смотрелась красиво на сайте.

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

Дело не только в цветовом оформлении сайта, но и в форматировании текста у вас на странице. Вот посмотришь на страницу, а там красный фон, к тому же он еще и мигает, а текст на странице тоже красного цвета и написан прописным шрифтом. Знаете сразу такое впечатление, что этот сайт делал какой – то школьник, а еще хуже, если взрослый человек. Веду я к тому, что таким неправильным сочетанием цветов на сайте вы распугиваете ваших посетителей. Сейчас мы рассмотрим основные ошибки при подборе цветовой схемы для вашего сайта:

Цветовая гамма  и дизайн для сайта:

1. Когда человек приходит на сайт, что он делает в первую очередь? Он обращает внимание на оформление сайта. Оно должно быть приятным на глаз, не пугать и успокаивать. Тем более, сейчас особенно развита тема сайтов на различных готовых движках CMS, и чтобы установить или поменять тему на вашем сайте, вам всего лишь нужно скачать ее и установить двумя движениями. Другое дело, когда человек сам делает оформление для сайта, и работает исключительно в HTML и CSS разметке, а о стандартах и о дизайнерской методике не слышал вообще. Или взять стандартные темы на UKOZ или народ.ру . Не умеешь делать – не берись, и закажи в студии. Там уж разберутся и подберут тему, которая будет привлекать, а не отпугивать ваших посетителей с сайта.

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

3. Но самым большим и весомым аргументом при создании сайта является Цветовая схема сайта, а так же форматирования статей на нем. Этот пункт можно разбить на два подпункта:

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

— Вместо фона у вас будет обычная картинка или фотография. На первый взгляд кажется, а почему бы и не поставить картинку как фоновую заставку. Нет, и еще раз нет. Не нужно делать такое. Вспомните знаменитый ресурс под названием  livejournal.com. Зайдешь, на-чей то дневник, и, увидев такую страницу с анимационным и шумящим фоном, не читая его сразу закрываю.

4. Внедряйте в свой сайт технологии Web 2.0 и пользуйтесь стилями CSS. Применяйте на своем сайте постельные тона или ставьте мягкие и приятные темы оформления, и тогда пользователь не убежит в страхе получить “травму мозга”.

Форматирование статей и текста.

1. Для того чтобы писать текст красиво, не нужно лепить его одним сплошным текстовым блоком. Взять,  к примеру, эту статью. Вы видите, что все разбито по абзацам, разбито по цифрам и выделено жирным самые важные части текста? Если да, то хорошо. Так намного удобнее читать и воспринимать информацию. Далее несколько советов, как правильно форматировать текст на вашем сайте:

— Использовать заголовки и подзаголовки текста. Есть название главы или раздела, — выделите его большим жирным шрифтом.

— Обязательно разбивать текст на абзацы и параграфы. Сделать это можно, например, в программе Microsoft Word. Кстати, в этой программе, я и пишу эти статьи.

— Выделять основные и ключевые моменты в тексте курсивом и жирным шрифтом. Это не только облегчит восприятие текста на странице, но и позволит оптимизировать текст с точки зрения SEO.

— Вставлять в текст цитаты, пользоваться списками, вставлять галочки и маленькие графические иконки.

2. Размещение картинок в тексте.

— Очень даже симпатично смотрятся маленькие картинки в превью в полной новости. Поэтому не ленимся ставить картинки сходные по тематике к этой статье.

— Не перегружать страницу графикой, и анимационными изображениями. Запомните, чем больше у вас вес загружаемой страницы, тем дольше она грузится у человека. А если у вас на сайт приходят 1000-2000 человек, то загрузка страницы превращается в минутное ожидание со стороны пользователя, и он уходит с вашего сайта, не дождавшись загрузки этой страницы.

— Конвертировать различные картинки в формат GIF и другие экономные форматы, конечно если при этом не возникает значимая потеря качества фотографии. Зачем выкладывать на сайт фотку города с цифровой камеры разрешением 2400x1200px и весом в 2-3 Мб, если можно ее сжать в несколько раз? Так же советую при размещении картинок, прописывать им alt и title. Тогда при наведении мыши, пользователь увидит всплывающую подсказку. Таким образом, мы повысим шанс для поднятия нашей картинки в результатах поиска Гугл Картинок, и Яндекс Картинок.

  • Facebook
  • Memori
  • Twitter

Теги:   

2 Комментариев к " Как оформить статью, чтобы она смотрелась красиво на сайте. "

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

  2. А как выделить текст другим цветом с иконкой? Как примечание или обратите внимание

Написать комментарий

Copyright © 2010-2011 Как создать сайт и заработать.. Все права защищены.
интернет