Создание шаблона сайта

26.06.2008 / 12 комментариев

Вчера по телевизору смотрел мультфильм «Звездный пес» («Dogstar»). Там речь шла о расе разумных прямоходящих собак. На космическом корабле «Бигль» они ищут другие цивилизации. А слово «дарвин» у них настолько ругательное, что тех, кто его произносит, усыпляют.

Давно хотел выложить сканы книги Дарвина про путешествие на корабле «Бигль» и решил не упускать такой удачный повод. Мое издание не особенно качественное, но сверстано не без оригинальности (с превью есть ссылки на большие размеры):

Читать дальше →

26.11.2007 / 14 комментариев

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

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

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

Читать дальше →

01.10.2007 / 23 комментария

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

Читать дальше →

24.09.2007 / 12 комментариев

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

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

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

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

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

Читать дальше →

02.09.2007 / 54 комментария

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

Читать дальше →

07.06.2007

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

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

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

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

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

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

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

31 комментарий

23.04.2007 / 93 комментария

Ребята из 37signals говорят, что дизайн сайта нужно начинать с центральных материалов. Стили заголовков, абзацев, ссылок основного текста — самая важная вещь. Вроде правильно. Кто-нибудь скажет, почему я всегда первым делом разбивал страницу на колонки и рисовал шапку?

Качественный дизайн текста — основа. Иногда кажется, что возможностей слишком мало, и сильная графическая составляющая непременно нужна.

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

Вот что говорит Robert Bringhurst: «Headings, subheads, block quotations, footnotes, illustrations, captions and other intrusions into the text create syncopations and variations against the base rhythm of regularly leaded lines. These variations can and should add life to the page…».

Читать дальше →