Шаблон для сайта

В январе я писал, что успешный сайт невозможен без писателя. А в феврале писал, что нужно учить заказчиков писать для веба. В апреле же начал осознавать утопичность обеих крайностей.

Не раз на страницах этого сайта звучали мысли о том, что дизайн сайта нужно начинать с дизайна материалов. Этому была посвящена статья «10 способов оформления текста».

И вот на днях я посмотрел на страницу сайта «Евросети», и у меня в голове «щелкнуло». В чем особенность страницы? Она целиком сделана из описания телефона. Я попытался представить, как непрофессиональные редактор сайта создает такие страницы при помощи CMS, и понял, что не получится. Упомянутая страница основана именно на дизайне материалов, вернее одного материала.

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

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

Например, в моде такой подход: сначала заказывается дизайн, а потом ищется разработчик. В чем здесь проблема?

Очевидно, при таком подходе дизайнер невольно становится проектировщиком. У такого совмещения много побочных эффектов. Но этот недостаток может показаться умозрительным. Есть ли что-нибудь попрактичнее?

Когда в первую очередь рисуется дизайн, к нему очень сложно предъявить четкие требования. В результате получается какой-то дизайн. По ходу разработки с ним возникают разные проблемы.

Итак, что забывается при дизайне «с чистого листа» и потом смущает разработчиков?

В сегодняшнем интернете так много сайтов, что все заметные ниши уже заняты. Новые сайты должны быть «сильными», чтобы оттягивать часть аудитории на себя с «заслуженных» ресурсов. Не будем говорить о рекламе, а посмотрим, что можно сделать изнутри для получения весомых конкурентных преимуществ.

На многих сайтах существует проблема, связанная с размещением широких рисунков и таблиц. Эти условно большие объекты попросту ломают шаблон: либо колонка с основным текстом неприятно растягивается, либо блоки расползаются.

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

Какую ширину может себе позволить сайт с точки зрения пользовательских ограничений? Что-то около 700 пикселей. А скоро, пожалуй, и все 900.

Что в действительности? Шаблон в три колонки обычно позволяет разместить картинку шириной в 400—450 пикселей. Та же история с блогами на Wordpress/Kubrick.

Вывод: страницы с объемными статьями, проиллюстрированные рисунками и таблицами, должны верстаться в одну колонку. Причем ширина больших объектов не должна влиять на длину строк — текст не должен растягиваться на весь экран.

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

Кстати, я на днях защитил диплом.