Создание макета сайта

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

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

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

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

28.05.2008 / 19 комментариев

Многие посетители уходят с сайта, просмотрев лишь одну страницу. Причем уходят как с главной, так и с внутренних. Поэтому естественно стремление разработчика на каждой странице объяснить суть сайта, а также показать новые и лучшие материалы. И может быть пару фотографий из галереи. Ну и облако тегов маленькое. И еще последние комментарии... Ведь понравиться посетителю нужно сразу, второго шанса может не представиться.

Как следствие, распространены два решения.

1. Сделать «богатую» главную, а внутренние полегче.

2. Сделать «тяжелую» боковую колонку или даже две.

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

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

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 комментарий