Каким должен быть дизайн сайта?
Каковы требования к дизайну сайта? Где должно проявить строгую дисциплину, а где можно дать веб-дизайнеру пофантазировать? Вот краткий список критериев, которыми руководствуется наш дизайнер при создании дизайна сайта:
-
Минимальное поддерживаемое разрешение — 1024х768. При меньшем разрешении сайт должен сохранять структурную целостность, не должно что-то куда-то выползать, перекрывать и т.д.
-
Если макет сайта "резиновый", т.е. тянется пропорционально ширине экрана, то желательно, чтобы максимальная ширина сайта была ограничена 1200px. Если этого не сделать, то на больших разрешениях строки вытянутся и станут не читаемыми, появятся пустоты и т.д. Если ширина сайта фиксированная, то макет должен быть по ширине 1000px (лучше 980px - с учетом полос прокрутки в IE).
-
Всегда думайте, как будет выглядеть сайт на разрешениях 1600х1200 и больше.
-
Шапку сайта делайте максимум 200-300 пикселей. Иначе, при просмотре сайта на 1024х768, пользователь будет видеть только шапку сайта, вместо содержимого страниц. Разумеется, этот пункт не касается макетов с нестандартной сеткой, например когда весь "смак" и суть сайта в шапке.
-
Боковые колонки должны быть фиксированной ширины. Лучше, когда она одна и не слишком узкая, иначе текст в ней некрасиво переносится.
-
Всегда думайте о том, как будет выглядеть "подвал" (footer) страницы.
-
Ссылки должны быть подчеркнуты!
-
Предусмотрите стили для ссылок! Так же и для посещенных - удобно, хоть и не обязательно.
-
Текущий пункт меню должен быть выделен.
-
Думайте, как будут выглядеть таблицы, маркированные и прочие списки.
-
Обязательно продумайте стили для трех уровней заголовков: h1, h2, h3. Если необходимо - покажите больше стилей для оформления страницы. Старайтесь делать не более 4-5.
-
Для продающих сайтов важно придумать, как выглядят новинки и специальные предложения, акции и пр.
-
Держите в уме HTML5 и используйте тени, скругления и т.д. с учетом стандарта! Хоть он и не поддерживается корректно всеми браузерами, это явление временное/
-
Ключевые слова в шапке, контакты, пункты меню должны быть не картинками, а текстом. ТОЛЬКО ТЕКСТОМ!
-
Для основного текста сайта ВСЕГДА используйте ТОЛЬКО СТАНДАРТНЫЕ ШРИФТЫ! Исключением могут быть только пункты меню, текст в шапке, заголовки (допустимо использование надстроек Cufon или подобных или @font-face). Разумеется, это ограничение не касается текста на картинках.
-
Видео с других сервисов, информеры и пр. должно более или менее органично смотреться на страницах сайта.
-
Результатом работы дизайнера должен быть файл PSD, который можно без дополнительных махинаций превратить в сайт. Отдельные объекты должны быть расположены на отдельных слоях, желательно разбитых по группам.
-
Всё вышеперечисленное должно быть применено и для внутренних страниц. Часто про них забывают.
И помните самое главное: сайт делается ДЛЯ ЛЮДЕЙ. Прежде чем рисовать макет подумайте о людях, ваших посетителях, их интересах. Тогда ваш сайт наверняка станет для кого-то полезным, а не "ещё одним неудобным сайтом, который вам самим очень нравится"