Главная > Подсказки > Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры


21 октября 2009, 01:30. Разместил: Mysterious Master
Простота дизайна веб-сайта не всегда означает минималистический стиль его оформления. Простые сайты всего лишь избавлены от оформительских излишеств, ненужной информации и кодов. Хотя минималистические эскизы, в общем, отвечают этим условиям, есть множество сайтов, которые никак нельзя причислить к "минималистическим", однако, они вполне подпадают под определение "простой".

Чем хороши простые решения в веб-дизайне: их преимущества и примеры


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

Преимущества простых веб-сайтов

1. Более лёгкая навигация

Простые веб-сайты не содержат лишнюю информацию. Что вдвойне способствует лёгкости навигации: обычно такие сайты состоят из меньшего количества страниц и разделов; и сами их дизайны, как правило, не перегружены элементами, открывая больший доступ к компонентам навигации.

Упрощение структуры вашего сайта может стать отличным решением проблемы неудобства навигации.

Советы по упрощению системы навигации:

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

2. Простые страницы быстрее загружаются

Обычно, чем проще дизайн, тем меньше объём используемых файлов. А небольшие файлы загружаются быстрее. Кроме того, применяя простую рациональную кодировку, вам не придётся обращаться ко множеству таблиц стилей, большим массивам javascript-файлов или другим данным, из-за которых ваша страница вынуждена выполнять гораздо больше HTTP-запросов. Веб-сайты, которые быстрее загружаются и быстрее реагируют на обращение, облегчают работу пользователей.

3. Большая лёгкость беглого просмотра данных

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

По данным одного исследования, 79 % его участников бегло просматривали каждую новую для них страницу, и всего 16 % читали её от начала до конца. Правильнее учитывать специфику поведения первых, чем бороться с ней. Помещая информацию в центр внимания посетителей, вы облегчаете им быстрый ознакомительный доступ к ней. Этим пользователям ваш сайт понравится, и они вполне могут посетить его вновь.

Чем хороши простые решения в веб-дизайне: их преимущества и примеры


4. Простые сайты быстрее разрабатываются и конструируются

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

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

5. В простой программе легче устранять неполадки

Среди простых кодов легче находить слабые места. Имея дело с таблицами стилей, в которых описаны 300 различных свойств, вы провозитесь намного дольше в поисках причины загвоздки, чем, перебрав всего 30.

Ищите способы изначально упростить кодировку. Такие приёмы как объединение CSS-свойств с определениями могут значительно сократить ваши таблицы стилей. Совмещение таблиц стилей или javascript-файлов также может в целом намного упростить вашу программу. Пользуйтесь автоматизированными средствами, способными очистить от лишних деталей ваши таблицы стилей, коды и прочие файлы перед их загрузкой (не забудьте повторно проверить, не нарушилась ли после этого работа каких-то компонентов).

6. Чем меньше файлы, тем компактнее размещение на сервере

Ранее уже говорилось о том, что объём файлов простых сайтов, как правило, меньше их объёма на габаритных ресурсах. То есть, ваши сайты будут занимать на сервере меньше места и требовать меньшей пропускной способности, чем другие. Это может почти не влиять на работу сайтов, посещаемость которых составляет всего несколько тысяч обращений в месяц, или ресурсов ограниченного объёма, но многостраничные и более посещаемые веб-сайты могут на этом очень хорошо сэкономить. Представьте себе, объём некоторых домашних страниц минималистического стиля всего с несколькими картинками укладывается в 100 Кб, а сайты более сложной конструкции достигают объёма в 1 Мб. Это значит, что вы могли бы иметь в десять раз больше трафика для простого сайта, чем для более сложного, за те же деньги. Если ваш ресурс содержит много информации или активно посещается, вам стоит упростить его структуру и уменьшить объём файлов.

Как упростить ваши веб-сайты

Чем хороши простые решения в веб-дизайне: их преимущества и примеры


Избавьтесь от ненужных украшений

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

Среди элементов, которые можно удалить или упростить, - рамки изображений, эффект отбрасываемой тени, дополнительные картинки вверху или внизу страницы и их чрезмерное обилие на отдельных страницах (иногда вполне хватает одной или двух).

Спросите себя, так ли важен данный элемент

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

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

И не забудьте о внутренней составляющей вашего сайта: она не должна быть сложнее интерфейсной

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

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

Отличные примеры простых веб-сайтов

Далее следует около десятка примеров замечательных дизайнов простых веб-сайтов, которые могут подсказать вам пути упрощения ваших собственных проектов.

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры

Чем хороши простые решения в веб-дизайне: их преимущества и примеры


Автор статьи © Cameron Chapman
Русский перевод © CoolWebmasters.Com 2009
Вернуться назад