Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Макет сайта /

Основные требования к макету сайта.

АвторАвтор: aklychin

Дата добавленияДата добавления: 27.05.2013

Число просмотровЧисло просмотров: 9960



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


Продолжаем рассматривать тему «Макет сайта» и сегодня, прежде чем перейти к практике создания макета сайта, мы поговорим об основных требованиях, которые предъявляются к макету сайта. Почему я об этом хочу поговорить? Многие скажут, например, если я создаю макет сайта для себя, для своего сайта, зачем мне какие-то правила и тем более требования?


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


А теперь подробней остановимся на основных требованиях, которые предъявляются к макету сайта:


1. Файл макета сайта должен соответствовать установленному формату. Основными форматами макета сайта принято считать файлы с расширением PSD (Photoshop Document) или TIFF (Tagged Image File Format). Если предоставленный макет – это файл другого формата, то соответственно это не макет сайта, а скорей всего миниатюра или превью.


2. Каждый элемент макета должен располагаться на своем отдельном слое. Выполнение такого требования повысит эффективность и скорость верстки сайта, а так же обеспечит независимость при редактировании отдельных элементов уже готового макета сайта.


Основные требования к макету сайта


3. При создании макета обязательно указывается возможность дальнейшего способа верстки. Так при создании макета сайта с фиксированной шириной разрабатывается отдельно фон «подложки» сайта и указывается место расположения сайта относительно краев браузера.


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


4. При создании макета обязательно должны учитываться особенности всех основных браузеров. Яркий пример – это ширина макета. Так, к примеру, при ширине сайта 1024рх и при разрешении монитора те же 1024рх в браузере мы получаем горизонтальную полосу прокрутки, так как ширина окна основных браузеров, при таком разрешении экрана, не превышает 1002 рх.


5. Создавайте правильно фон сайта. Используйте для фона «бесшовные» изображения, которые при многократном повторении создают однородный фон, без разрывов и видимых переходов. Избегайте использования в качестве фона полноразмерных фотографий и изображений – это ухудшит скорость загрузки сайта, а так же очередность загрузки отдельных его элементов.


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


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


8. Старайтесь избегать специальных эффектов с текстом. Так эффекты выгибания текста, текста «волны» или текст «рыбий глаз» приводит к тому, что при верстке сайта вместо текста приходится прибегать к изображениям, а это соответственно только утяжеляет сайт. Поэтому минимизируйте применение специальных эффектов к тексту.


Основные требования к макету сайта


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


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


11. При создании макета прописывайте графику и текстовое наполнение меню. Для простоты верстки, а так же соответствия графики разработанного меню стоит указывать возможные изменения элементов меню при наведении курсора при клике на пункт меню и т.д. Многоуровневые меню необходимо прорисовывать в нескольких положениях (наведение, нажатие, активное положение).


12. При создании макета прописывайте оформление ссылок. В случае с ссылками придерживайтесь правил предыдущего пункта, а то есть прописывайте порядок изменения внешнего вида ссылки при наведении, нажатии и активном положении ссылки.


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


Макет сайта


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 14

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017