Сделай свой сайт привлекательнее

Спецвыпуск хакер, номер #002, стр. 002-034-3

Тонкости

Итак, ты выбрал, допустим, что твой сайт будет без фреймов для браузеров от ИЕ3 (НетШкаф3) и выше и виден будет под всеми расширениями от 640х480. Осталось придумать структуру сайта и подобрать цвета для оформления. Вроде фигня фигней - ан нет! Это чуть ли ни самое важное при ваянии сайта. Что касается структуры и навигации, то старайся придерживаться правила, что всего ты должен достигать не более чем за два клика, тогда любой зашедший будет находить все, что надо, да и индексация поисковых систем пройдет продуктивнее (поисковые машины имеют определенную глубину индексации по ссылкам). Если структура более сложная, и избежать ветвлений невозможно, то обязательно сделай карту сайта (раздел, в котором будет показано ветвление сайта со ссылками во все узлы). Навигацию делай ненавязчивой и занимающей как можно меньше полезного места, но при этом наиболее эффективной и позволяющей свободно передвигаться взад, вперед и налево. :)

Цветастости

Тэкс, это ты вроде просек. С цветами тоже децел заморочка. Ты можешь, конечно, вывести гигабайтную полиграфию с миллиардами цветов, бить себя в грудь, смотря это на супер-пупер мониторе профессиональной серии. Но нужно помнить несколько моментов: графика должна как можно меньше весить, чтобы сайт грузился как можно быстрее, не у всех крутые мониторы, и все твои старания сведутся к близким цветам, что может конкретно исказить картину или вовсе все испортить, да и к тому же есть ограничения по отображению сразу нескольких цветов. По-хорошему надо выбрать определенную палитру и тащить ее через весь сайт, оживляя анимацией и графикой. Надо попытаться сделать сайт как можно выразительнее, но при этом не перегрузить его графикой и палитрой и оставить легко читабельным. Что касается фона, это дело вкуса и дизайна. Самым читабельным считается естественно белый (в книжке ты вроде читаешь черное по белому), но и зацикливаться на этом не стоит: можно сделать вполне читабельным и на цветном фоне и совсем нечитабельным на белом. :) Но кроме фона и графики, нужно еще как-то сочетать эту самую палитру. Есть мнение (кстати, его поддерживает Лебедев), что хорошо сочетаются цвета, кратные 3-м, то есть состоящие из 0, 3, 6, 9, F, С. Например, цвет #9F9CCF красиво смотрится на фоне #FCFCFC и т.д. Но это опять же совсем не обязательно, так как может еще зависеть от графики, расположенной на сайте. Одним словом, пробуй так, пробуй сяк и старайся смотреть на разных мониторах. Относительно графических форматов. В вебе используют в основном всего 2 формата: gif и jpg. Первый используется там, где нужно не более 256 цветов или нужна прозрачность, либо анимация. А там, где нужно гораздо больше 256 цветов (фото, иллюстрации и прочее), используется второй, то бишь jpg. К тому же есть немереное количество оптимизирующих программ (да хоть тот же ФотоЖоп), которые позволяют сбрасывать у jpg размер без особой потери качества.

Назад на стр. 002-034-2  Содержание  Вперед на стр. 002-034-4

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001