Webamator Blog

Требования к дизайну
MENU
Home » Новости » Требования к дизайну

Требования к дизайну

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

По сути, требования не такие уж и неподьемные – шаблон должен быть резиновым, полностью валидным, кроссбраузерным, достаточно легким и не отпугивать посетителей. Сейчас он почти готов – осталось доработать некоторые графические элементы и проверить в ИЕ (не поверите, на компе за которым я работаю нету ИЕ) и разобраться с одной проблеммкой, пока что не скажу какой.
Попробую высказать свои мысли по пунктам:
1 – Резиновый.
Чего не могу терпеть в вордпрессовских шаблонах (да и не только вордпрессовских) – так это фиксированной верстки. Согласен, так легче верстать, но ведь на дворе 21-ый век, разрешение 1024х768 чаще встречается в музеях, чем на десктопах юзеров. Да и владельцев широкоформатных мониторов жалко – наверное разработчик дефолтного скина для ВП никогда не видел такого моника.
2 – Валидность.
Что сказать, даже не знаю… Валидный дизайн должен стать стандартом, надеюсь со временем так и будет.
3 – Кроссбраузерность.
Продолжение п.2. 99% валидных сайтов смотрятся одинаково во всех браузерах.
4 – Легкость.
Я имею ввиду легкость, выраженную в килобайтах – в конечном итоге это сказывается на скорости загрузки и нагрузке на сервер. Именно поэтому не люблю использовать ява-скрипты (но если уж юзать, то обязательно во внешнем файле).
Второй критерий “легкости” – наличие графики. Дело не только в ее количестве, но и способе подключения. Например, логотип вверху можно было бы просто указать тегом img – но помоему, гораздо лучше прописать его бэкграундом в css:
background: url('img/logo.jpg') no-repeat;
таким образом он будет загружаться с сервера только при первом посещении блога, все остальное время будет грузиться из кеша.
Третье – оптимизация кода. Говорят, не существует такой программы, которую нельзя бы оптимизировать хотя бы на одну строку, и дизайн шаблона не является исключением. Для примера два куска кода, описывающих один и тот же параметр:
padding: 12px 0 0 23px;
и
margin-left: 23px;
margin-top: 12px;

стоит ли угадывать, какой из них загрузится быстрее?
5 – Не отпугивать посетителей.
Тут конечно, судить должны посетители а не я :)
Хотя вроде бы стараюсь чтобы все было читабельно, при чем в разных браузерах и разрешениях…

В общем, как оказалось, оптимизация и доводка занимает ничуть не меньше времени, чем верстка макета. А если кто не согласен с написанным – велкам в коменты, даже каптча еще не поставлена :)

Popularity: 6%

Добавлено 16 июня 2008
Рубрика: Новости
Метки:

Если данный пост показался вам полезным или интересным, нажмите на одну из кнопок ниже - от vkontakte, facebook, tweeter или google+, чтобы о нем узнали ваши друзья. Спасибо!

Также рекомендую публикации, похожие на "Требования к дизайну"

Адаптивный шаблон

Дело было вечером, делать было нечего… Вобщем, сделал шаблон для блога адаптивным – сейчас отлично выглядит и на планшетах и на смартах, и при книжной и при альбомной [...]

8 марта и весенний шаблон для Wordpress

Дорогие наши, красивые, умные, обаятельные женщины! Наверняка к этому времени вы уже успели выслушать десятки поздравлений и пожеланий в свой адрес, но я все равно хочу присоедениться к [...]

Последние новости для Joomla! – кастомизация

В данном посте я хочу рассказать о возможности CMS Joomla, о которой почему-то мало где упоминается, и которая тем не менее позволят работать с данным движком более гибкой [...]

Трехмерное облако тегов с фоном

Все чаще на сайтах можно увидеть так называемое “трехмерное” флешевое облако тегов, и частенько оно действительно может выглядеть симпатичнам. Если подобный вертящийся блок из “летающих” слов вписывается в [...]

Нет комментариев

No comments yet.

RSS feed for comments on this post.

Leave a comment