551

Дизайн сайтов

3 апреля 2009

Проектируем сайты...

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

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

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

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

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

5. Верхний регистр.
Злоупотреблением символами в верхнем регистре (только заглавные буквы) - считается признаком плохого тона в Интернете. Но для нас это простой способ сделать текст на сайте в нужных местах более важным. Более заметный текст - легче заметить.

6. Сглаживание.
Простой метод чтобы сделать текст более приятным. Если это мелкий текст то наоборот использовать сглаживание не рекомендуется. В случае крупного текста лучше сгладить текст с фоном. Глазу будет приятнее.

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

8. "Размыть" (Blur).
Эффект размывки используется чаще всего для того, чтобы показать глубину изображения - задний фон выглядит размытым. Или чтобы отразить эффект стекла, воды... Но также его можно использовать на изображениях где Вы хотите смыть угловатость или избавиться от резких линий.

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

10. Худеем.
Я имею ввиду контент сайта - его наполнение. Предположим с главной страницы мы можем попасть в портфолио на сайте некой дизайн студии. На главной мы видим крупный логотип. Если мы хотим отразить как можно больше работ на каждой странице портфолио, то стоит ли нам урезать логотип, уменьшить его? Ответ: конечно стоит. Самая важная вещь для Вас отсечь все лишнее и оставить лишь важное на данной странице. Это стоит учитывать в любом проекте.

Удачи в веб-дизайне!


Источник: smashing magazine
Адаптация: CG-Mania



Понравилось?


Еще есть кое-что подобное:

3D-моделирование: бесплатные приложения

Теория цвета в веб-дизайне

Как правильно создать сайт

Наиболее интересные дизайнерские тренды в блогосфере. 2010

Сайты с природой

Новый промо-сайт Mercedes SLK

Назад / Следующее событие


Пока комментариев нет


Оставить свое мнение