Для любого типа сайта, будь то визитка, корпоративный, интернет магазин - неважно, есть определенный порядок действий и правил, которые нужно соблюдать и учитывать. От того, насколько грамотно будет разработан и создан дизайн сайта, зависит и его дальнейшее "воплощение в жизнь".
Чтобы облегчить верстку и непосредственно разработку сайта, нужно тщательно все распланировать. При наличии технического задания, или же, исходя из потребностей будущего сайта, можно создать эскизы, пусть даже простым карандашом на обычной бумаге. Таким образом, можно быстро внести исправления не затрачивая время на работу с компьютерными программами.
При создании эскиза необходимо учесть все до мелочей: где и как расположится меню, как будет размещен текст, изображения, блоки контактов, заявок и многое другое. Как только перед Вами откроется максимально точная и полная картина сайта, можно переносить эскизы с бумаги на компьютер.
Для начала необходимо определиться с размерами будущего сайта. Размеры определяются по предпочтительному разрешению экрана. Обычно это 1024х768 и 1280х720 пикселей. Для работы более важны показатели ширины, т.к. высота у сайта всегда больше области экрана, и может варьироваться в зависимости от объема контента на странице. Определившись с шириной будущего сайта, казалось бы, можно начинать создавать макет дизайна. Но как оптимально, гармонично и ровно разместить все элементы и блоки на макете? В этом поможет модульная сетка.
Модульная сетка - система модульной вёрстки, при которой основой композицией полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали. Такая сетка требуется для выравнивания и соизмеримости блоков в макете, а также для структурирования макета и элементов относительно друг друга. После создания такой сетки можно приступать к расположению блоков и элементов на макете. Необходимо помнить об некоторых особенностях:
- Создание сайта по макету должно быть понятным. Необходимо создать четкую структуру слоев, блоков, чтобы в дальнейшем при разработке не возникло трудностей с компоновкой.
- Сайт должен быть масштабируемым. Необходимо учесть, как будет выглядеть макет сайта, если его растянуть, или наоборот сжать.
- Сайт может расти и наполняться. Необходимо учесть возможность добавления новых пунктов меню, большего объема текста на странице, продумать элементы пагинации.
Также создавая дизайн сайта необходимо помнить - создаем мы его для людей, а не машин. Не стоит для каждого отдельного блока создавать отдельный шрифт, или же каждый раз менять размеры. Как правило, достаточно двух: для заголовков (пунктов меню, и т.д.) и для остального контента. Необходимо также подобрать цвет для сайта. Как известно, каждый цвет вызывает те или иные эмоции у человека. Пролистайте страницы интернета на эту тему. Подберите оптимальное соотношение цветов для всего сайта, выберите цвета для акцентирования внимания на кнопках заказа, покупки и прочих.
В заключении хотелось бы напомнить о таком качестве сайта как Юзабилити (Удобство пользования). Основные принципы этого качества говорят о том, что сайт должен быть простым и понятным в обучении, эффективным в использовании, легко запоминающимся для дальнейшего возвращения постоянных пользователей ну и, конечно же, отвечать всем потребностям пользователя.
