|
|
Пожалуй, каждый веб – мастер думает о том, как было бы хорошо, если бы во всем мире у каждого пользователя интернета были одинаковые браузеры, мониторы и расширения этих мониторов. А если бы ещё всем пользователям нравилось бы одно и то же, так вообще не жизнь, а сказка началась бы. Но это, к сожалению всего лишь мечты. А работать приходится в реальности и сайты нужно делать, учитывая все многообразие браузеров и мониторов. Сегодня я хотел бы поделиться с вами парочкой советов о правильном функциональном дизайне сайтов и работе с сайтами в целом.
1. Шрифт: шрифт должен быть в первую очередь читабельным! А это значит, нормального размера (10 размер это абсолютный минимум! О размере меньше и думать забудьте!). Далее – понятный шрифт. Не ищите красивый и оригинальный шрифт, ищете хорошо читаемый! Если сомневаетесь – берите классический Times New Roman или Arial – точно не прогадаете! И последнее – цвет. Цвет шрифта должен хорошо контрастировать с цветом фона, дабы не утомлять глаза. Видел я однажды сайт с розовым текстом на жёлтом фоне – это просто смерть для глаз! И снова – если сомневаетесь, берите черный шрифт на любом светлом фоне и белый шрифт на тёмном фоне! Это классика!
2. Расположение текста: не делайте текст узкой полоской посередине страницы! Ширина текста должна быть как минимум 50% от общей ширины страницы. И точно так же – не делайте текст слишком широким! Ни в коем случае не должна появляться горизонтальная полоса прокрутки!
3. Расположение баннеров: идеальное расположение баннеров это сразу под шапкой с названием сайта, а так же слева или справа от текста. Ни в коем случае не переборщите с баннерами – это отпугивает посетителей. Хотите заработать – не обязательно вешать огромное количество баннеров, лучше зарегистрируйтесь в какой-нибудь партнёрской программе – они дают хорошую прибыль. Я вот, например, пользуюсь партнёрской программой http://www.kinobros.ru.
4. Параметры текста: используйте выравнивание текста по ширине. «Заборы» которые появляются при выравнивании по краю привлекательности тексту не придают. Но главное – когда используете выравнивание по ширине – не забывайте ставить отступы абзацев – когда нет абзацев, текст кажется огромной глыбой, которую нет никакого желания изучать.
5. Цвет фона: ранее я уже говорил о сочетании цвета шрифта с цветом фона, а теперь скажу о самом цвете фона. Цвет фона не должен раздражать глаз – сразу забудьте о ярко-кислотных цветах (ярко-розовый, ярко-зелёный, ярко-жёлтый, оранжевый, красный и т.д.). Предпочтение стоит отдавать светлым оттенкам, близким к белому – бледно-желтый, бледно-фисташковый, телесный и т.д. Если весь сайт вам необходимо сделать в тёмных тонах, то сделайте, хотя бы «подкладку» под текст нормального светлого цвета.
6. Версия для печати: всегда и везде должна быть версия для печати! Это аксиома и тут даже спорить не о чем!
7. Ошибки: все мы конечно люди и все ошибаемся, но нужно свести процент ошибок к минимуму. Всегда проверяйте текст на ошибки! Если у самих грамотность хворает – воспользуйтесь, хотя бы спасительной клавишей F7 в Ворде (проверка орфографии). Лично у меня есть отдельный человек, который проверяет все мои тексты, так как проверка Ворда это не панацея – грубые ошибки и описки он, конечно, всегда заметит, но ошибки по смыслу для него невидимы. Когда натыкаешься на грамматические ошибки на каком-нибудь сайте, сразу появляются сомнения в профессионализме веб – мастера и качестве сайта в целом. Вроде бы такая мелочь, а может испортить все впечатление.
Ну, вот кажется все на сегодня. В дальнейшем постараюсь вспомнить ещё что-нибудь полезное для всех.
Оставьте свой комментарий
|
|
Что здесь почитать?
1. Разработки.
1.1 Плагин "Я не робот"
1.2 Плагин "Код Adsense прямо в пост"
2. Заработай.
2.1 Блогун: 20$ в день
2.2 Уходим от налогов в Sape
2.3 Хватит думать, пора зарабатывать
3. Акции и конкурсы.
3.1 Ссылка за "Рабочий стол"
Показать весь список.
полный список в процессе наполнения ;) посмотрите чуть позже
-->
|
07.12.2009 в 3:41 дп
Ссылка на киноброс.ру находится в базе фишинговых веб-адресов по версии Касперского.
07.12.2009 в 10:01 дп
Я вот по поводу выравнивания текста другую теорию слышал от манимейкеров. Они говорят, что выравнивание должно быть по левому краю, при этом расстояние между словами одинаковое и воспринимается текст лучше. Но честно сказать я с тобой согласен, тоже не перевариваю эти “заборы”. Должна быть эстетика.
07.12.2009 в 11:44 дп
Что касается баннеров, то многие пользователи вообще предпочли бы их не видеть))
Что касается выравнивания текста по ширине, я придерживаюсь этого же правила, но… Буквально на днях на Хабре или в каком-то блоге прочитал правила, который ни в коем случае нельзя нарушать при оформлении сайтов. Одно из правил гласило - не выравнивать текст по ширине!
Якобы у людей с проблемным зрением могут возникнуть проблемы при чтении текста, где между словами разный интервал…
Прочитал об этом впервые, но, пусть простят меня люди с проблемным зрением, я останусь при своем, ибо видеть сайты, особенно корпоративные, со стильным дизайном, на которых текст выровнен по левому краю, а справа “забор”, мягко говоря, неприятно.
07.12.2009 в 12:01 пп
отличный пост!
08.12.2009 в 7:11 дп
som, это платный пост.
10.12.2009 в 10:52 пп
Да вы что говорите. Нельзя выравнивать по ширине. Потому что иначе между словами пробелы дикие начинают скакать. Лучше слева забор, чем между слов пропуски на пол строки.
13.12.2009 в 4:45 пп
Жесткачные платные посты пошли
А на счёт выравнивания по ширине много несогласных
14.12.2009 в 5:13 дп
15.12.2009 в 10:52 пп
на счет шрифта скажу, что и слишком большИм его делать тоже не нужно - максимум 14pt.
А про 50% ширина текста - некоторые разработчики дизайна шаблонов на вордпрессе это правило пренебрегают! :/
16.12.2009 в 1:48 дп
Ценная Инфа, только для того что не очень хорошо владеет версткой и панорамированием не все можно будет реализовать.
16.12.2009 в 2:33 пп
Хм. Интересно. Инфа полупрофессиональная, это интересно. Кстати, ПП, что ты рекомендуешь дает хороший конверт
19.12.2009 в 3:02 дп
По моему у каждого веб-мастера эти правила интуитивно выполняются.
22.12.2009 в 2:37 пп
Полезная статья. Мне кажется самое главное не какой шрифт, а то , чтобы посетителю было приятно и комфортно на вашем ресурсе. И конечно же поменьше рекламы.
23.12.2009 в 4:31 пп
Партнерка доходная. Лил сначала на Dirkino, но потом там начались проблемы, лью на КиноБроз. Доволен
23.12.2009 в 4:48 пп
Действительно очень полезные советы, спасибо большое!
23.12.2009 в 6:24 пп
Это да, избытком рекламы любой сайт убить можно, отвратив пользователей напрочь. Но ведь так хочется, так хочется… Бабла бы и поболее… )))
23.12.2009 в 9:49 пп
Тут, конечно, немного непонятно. Вы советуете выравнивание по ширине, а у вас на блоге выравнивание по левому краю. Если пост рекламный, то его тогда надо бы как-то оформить, а то получается противоречия.
25.12.2009 в 3:06 пп
DimoninG, понятно что пост оплачиваемый был и написаны в нем прописные истины. Скажите лучше вот у вас номера для перехода по страницам - это тема вордпреса или плагин?
25.12.2009 в 3:16 пп
Михаил, это плагин к ВП. PageNavi. Если правильно Вас понял.
28.12.2009 в 12:21 пп
Отличный хостер, очень доволен!
01.01.2010 в 1:29 пп
DiamoniG, ага правильно, спасибо!
С праздником!
03.01.2010 в 4:30 пп
Коротко и по делу.
Разве что шестой пункт я мало где делаю
08.01.2010 в 5:27 пп
со всем согласен, все верно написано.
Вообще отличная статья получилась, мне очень понравилась!
10.01.2010 в 10:26 пп
Если не секрет, как Вы организовали работу с этим специальным человеком, который проверяет текст на ошибки и сколько ему платите (если платите). Очень актуально.
11.01.2010 в 5:24 пп
ОТЛИЧНЕйший пост!!!ТАк держать!
13.01.2010 в 12:18 пп
Вроде ничего хостинг, работает стабильно, сбоев нет!
17.01.2010 в 2:46 пп
Уважаемый веб!
Намекните своему мастеру, что “веб – мастер” пишется не через en-dash (короткое тире), а через дефис и без пробелов. Иначе возникает впечатление о несерьёзности всего написанного ниже…