На этом этапе дизайнер в специальной графической программе создает дизайн страниц будущего веб-сайта с прорисовкой всех графических (банеров, кнопок, фотографий) и текстовых элементов. Дизайнер создает дизайн веб-страниц с учетом пожеланий заказчика и задания, прописанного в ТЗ.
Говоря о визуальном представлении веб-сайта, нельзя не остановиться на таком моменте, как различия между фиксированными и резиновыми сайтами.
Современные мониторы имеют различные разрешения. В разговоре о веб-сайтах нас особенно интересует ширина. Размер монтора по ширине в пикселях может быть 800, 1024, 1280,1600 и даже больше. Более того, пользователь может просматривать сайт в полускрученном окне.
Фиксированный дизайн сайта предполагает одну единую ширину сайта для всех разрешений экрана и для всех ширин окон, т. е. если ширина сайта 1000 пикселейй, то на экране 800 пикселей будет появляться горизонтальная прокрутка, а на экране 1280 пикселей — пустые поля слева и справа (или только с одной стороны) Такое построение сайта позволяет четко управлять композицией сайта и однозначно знать, где будет каждый элемент навигации на каждом экране. Этот тип сайта позволяет использовать более насыщенные графические элементы.
Резиновый дизайн, в отличие от фиксированного «подстраивается» под ширину экрана.
Это приводит к тому, что сайт без горизонтальной прокрутки увидит большинство пользователей, но на разных экранах композиция сайта будет непредсказуемой, что сильно не по душе дизайнерам.
Зачем знать эти различия? Затем, чтобы правильно выбрать подход к графическому представлению сайта для ЦА, а дизайнер, прежде чем начать работу должен точно знать, какой будет сайт: фиксированный или резиновый.
