[235x36]

Сегодня я попробую объяснить кое-какие основы «правильного» дизайна. Я не буду касаться сложных вещей, я лишь попробую проанализировать CSS-дизайн на «ЛИ.ру». Анализировать я буду на примере первого попавшегося, случайного дневника Анимешницо няя…

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

Первое, что сразу бросилось в глаза — анимированный .gif фон слева (на «ЛИ.ру» это называется «Навигационная панель»). Никогда не используйте .gif анимацию как фоновое изображение. Это пережиток прошлого… Гораздо лучше, когда там однотонный фон или что-нибудь интересное и красивое. Фоновое изображение не должно сливаться с текстом (у меня, кстати, в дневнике сливается и это моя ошибка).

Вообще, фон под текстом должен быть однотонный или такой, чтобы он не мешал воспринимать/читать текст на сайте. Самое лучшее и простое — фон белый, текст чёрный или наоборот.

Для подбора «сочетаемых» цветов есть специальные on-line сервисы. Например, COLOURlovers. Там есть раздел «palettes» (палитры), где вы сможете найти множество комбинаций с цветами.

Никогда не используйте шрифт Comic Sans MS, он настолько убогий, что пиз***. На «ЛИ.ру» можно выбрать другие, более приличные шрифты. Мне нравятся Tahoma, Arial, Verdana и Georgia. Лучше использовать именно их. Размер шрифтов делайте по своему усмотрению, но учтите, что заголовок должен быть заголовком, а обычный текст — обычным текстом. Не ставьте «жирность» на заголовок, лучше размер по-больше.
Шрифты в «блоке навигации» делайте как можно меньше, ибо там херня, которая никому не нужна.

На сегодня хватит, но продолжение следует…