КЛЮЧ К ЭФФЕКТИВНОМУ ДИЗАЙНУ ВЕБ-САЙТА Ключом к эффективному дизайну веб-сайта является хорошее планирование.
Без планирования и организации вы окажетесь в хаосе.
После того, как у вас есть план дизайна, следующим вопросом будет содержание.
Это в равной степени относится как к новым, так и к существующим веб-сайтам.
Чтобы создать план для нового или существующего сайта, сядьте и подумайте, чего вы достигнете с помощью вашего сайта.
Возьмите лист бумаги и ручку, нарисуйте круг посередине и отметьте его «дом».
Нарисуйте прямоугольники, соединенные линиями, исходящими из центрального круга, и отметьте в них каждую из основных областей, которые будет охватывать ваш сайт. Не забудьте карту сайта, если на вашем сайте более 8 или 9 страниц.
Повторяйте этот процесс для каждого вторичного круга, пока не спланируете свой участок.
Если у вас уже есть сайт, выполните это упражнение и включите в него каждую страницу.
Хорошая навигация жизненно важна, а плохая навигация приводит к разочарованию посетителей.
Создав план, вы можете создавать логические навигационные ссылки.
Создайте до 8 основных навигационных ссылок для использования на всех страницах вашего сайта.
Вы же не хотите смущать посетителей вашего сайта слишком большим количеством опций.
Вы можете предложить больше вариантов позже, когда ваши клиенты углубятся в ваш сайт. Если у вас много ссылок, рассмотрите возможность создания страниц, на которых будет перечислена каждая группа ссылок.
Например, Click Art Gallery (www.clickart-gallery.com) имеет сотни страниц на сайте, но только 8 основных ссылок.
Две основные ссылки ведут на страницы дополнительной навигации.
Первая — это страница «искусства».
Здесь перечислены все страницы сайта, относящиеся только к выставленным произведениям искусства.
Вторая — это страница «услуги», на которой перечислены все дополнительные услуги на сайте.
Когда с навигацией позаботятся, пришло время сосредоточиться на контенте.
Часто мы слышим вопросы: сколько информации следует разместить на странице и насколько велика веб-страница? Размер веб-страницы и, следовательно, ее содержание зависят от типа предоставляемой информации.
Однако многие посетители сайта не хотят читать сокращенную версию «Войны и мира» на одной странице.
Посмотрите, сможете ли вы логически разбить контент на удобные для чтения фрагменты.
Если ваш сайт не является художественной галереей, сведите количество изображений к минимуму.
Попробуйте использовать простые 16-цветные изображения GIF, поскольку они небольшого размера и быстро загружаются.
Следующий список дает вам несколько хороших советов по дизайну, которые следует учитывать при подготовке контента вашего веб-сайта:
- Сделайте текст легко читаемым.
- Используйте короткие предложения.
- Разбивайте текст на абзацы.
- Используйте маркеры и списки, чтобы донести свою точку зрения.
- Создавайте текстовые вариации, используя размер и цвет заголовка, но не делайте текст слишком маленьким, чтобы его было легко читать.
- Будьте последовательны: последовательность создает профессиональный имидж.
- Не используйте причудливые шрифты, за исключением 16-цветных GIF-файлов, поскольку ваш шедевр может отображаться не в каждом браузере правильно.
- Не используйте странные комбинации цвета текста и цвета фона.
- Придерживайтесь одного цвета для каждого типа шрифта (например, заголовки — синий, подзаголовки — бирюзовый, основной текст — черный).
- Не будьте слишком смелыми, меняя цвета гиперссылок.
Многие люди, особенно новички, ожидают синих подчеркнутых ссылок.
- Оставьте пустое пространство, чтобы создать «чистый» дизайн.
- Спросите двух или трех друзей (чье мнение вы цените), как они оценивают навигацию и макет вашего сайта.
Например, этот код, вставленный в ваш документ, выделит желтым цветом слово «Выделить».
Выделять Вся подготовка может показаться трудоемкой работой, но она окупится.
В течение всего срока службы вашего веб-сайта хороший дизайн макета и навигация позволяют вашему сайту расти, не создавая вам больших головных болей.
-
Нет Причин Бояться При Создании Сайта.
19 Oct, 24 -
Стек Технологий Для Приложения Заказа Еды
19 Oct, 24 -
3 Способа Создать Сентиментальный Бренд
19 Oct, 24 -
Ваш Сайт Адаптивный?
19 Oct, 24
