Web дизайн. Каркас Web-сайта.

Web дизайн. Каркас Web-сайта.

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

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

Объекты, которые следует включить в каркас Web-страницы:
- таблицы, блоки, в качестве простейших графических элементов;
- размещение заголовков и подзаголовков;
- простая макетная структура;
- призывы к действию (ссылки);
- текстовые блоки.

Как построить простой Web-каркас.
Создавайте каркас Web-страницы, используя любой листок бумаги, имеющийся у вас под рукой. Как можно это сделать:

1. Нарисуйте большой прямоугольник. Он может обозначать как всю страницу, так и небольшую видимую часть. Легче начинать с видимой части и потом добавлять элементы, которые будут открываться при прокрутке страницы.
2. Набросайте примерный макет расположения – 2 – 3 колонки.
3. Добавьте табличный блок для обозначения заглавного рисунка (графика) – расположите его над колонками, если хотите, чтобы он был единственным заголовком или просто добавьте куда хотите.
4. Обозначьте заголовок на том месте, где хотите, чтобы он располагался. Можно обозначить его З-1
5. Обозначьте подзаголовок на том месте, где хотите, чтобы он располагался. Можно обозначить его З-2. Ниже разместите другие подзаголовки. Лучше будет, если размеры заголовков будут пропорциональны: З-1>З-2, а З-2>З-3.
6. Добавьте в центр таблицы или блоки для обозначения других изображений.
7. Добавьте навигацию. Если планируете использовать закладки, просто нарисуйте табличные блоки и напишите сверху слово «навигация». Или поместите список ссылок в колонку, в которой планируете навигацию. Не пишите текст. Всего лишь слово Навигация и линии для схематичного изображения текста.
8. Добавьте дополнительные элементы на страницу – идентифицируйте их связь с текстом, но не используйте действительный контент. Например, если вы хотите использовать кнопку со ссылкой справа, разместите там табличку с надписью «ссылка». Не пишите «Купить сейчас» в этом блоке.

Имея простой, единожды написанный каркас WEB-страницы, вам понадобиться не более 15 мин, чтобы набросать новый. В качестве осуществления процесса обратной связи, покажите его кому-нибудь еще. Спросите, не упустили ли вы что-нибудь. Основываясь на том, что вам скажут, сделайте новый каркас или оставьте тот который у вас был.

Почему бумажные каркасы хороши для первичных чертежей.

Хотя существует возможность создавать каркасы WEB-сайтов, используя такие программы как Visio, для мозгового штурма на начальном этапе лучше придерживаться бумаги. Бумага не создает впечатления постоянности, и многие люди предполагают, что вы выбросите ее через пять минут, поэтому без сомнений устроят вам хорошую обратную связь. Но когда вы используете программу для создания каркаса из мечты, с безупречными формами и цветовой палитрой, вы рискуете быть захваченным этой программой в плен и проводить часы, совершенствуя что-то, чему никогда не светит воплотиться в жизнь.
Бумажные каркасы просты в изготовлении. И если вам что-то не нравиться, вы просто сомнете листок, бросите его в корзину и возьмете новый лист бумаги.


Web студия Камплит
изготовление сайтов интернет магазинов любой сложности

заказать сайт :

+7 (495) 517-53-47
Создание сайтов Реклама в интернете
Сайт визитка Продвижение сайтов (раскрутка сайта)
Создание интернет магазинов Контекстная реклама
Создание корпоративных сайтов Копирайтинг
Создание бизнес сайтов Создание логотипов
Создание Промо сайтов Создание фирменного стиля
Поддержка сайтов Редизайн сайтов
 Мы создаем сайты, интернет магазины любой сложности, вы можете посмотреть наше портфолио
 





Новости
Rambler's Top100
Создание и продвижение сайтов в поисковых системах +7 (495) 517-53-47
© 2010, КамПлит