Почта | Главное | Бизнес | Технологии | Медиа | Человек | Отдых и увлечения | Быт | Архив | Наша лента RSS

Как сделать дизайн сайта

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

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

Выбор редактора

Всегда лучше работать в привычном графическом редакторе или самом простом из всех возможных. Однако большинство дизайнеров сайтов используют громоздкий фотошоп, и происходит это по двум причинам:
1) браузеры переводят векторные изображения в растр, а фотошоп – лучший редактор растровой графики, которая затем легко воспринимается html;
2) программа AdobePhotoshop очень известна, и большинство будущих дизайнеров начинают именно с нее.

Выбор размера

При проектировании сайта размеры вставленных изображений и блоков принято указывать в процентах от высоты/ширины окна браузера (резиновый сайт) или в пикселях (фиксированный сайт).
Вид резинового сайта зависит от разрешения монитора. Если заказчик настаивает именно на таком варианте, приходится анализировать, какие блоки могут растягиваться вместе с окном, а какие необходимо сохранить неизменными. Также необходимо определить верхний и нижний пределы размеров блока и сообщить о них в приложении к шаблону.
При установке размера сайта фиксированной величины ориентируемся на большинство мониторов, имеющих в ширину 1280 пикселей. Чтобы все строки гарантированно помещались на мониторе, делаем ширину сайта 1024 пикселя плюс свободное пространство до 1280. Текстовые блоки – не шире 800 пикселей. Свободное пространство заливаем любым цветом или заполняем повторяющимися графическими элементами.

Читайте также:

Мы живем в Матрице!
Видеорегистраторы выручают
Сравниваем Bitrix и Wordpress для онлайн магазина
Преимущества штатных головных устройств на системе Android для вашего автомобиля