 |
 |
 |
|
|
|
|
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 |
|
|
|
|
|
|
Создание и продвижение сайтов в поисковых системах +7 (495) 517-53-47
© 2010, КамПлит
|
