Воскресенье, 15.06.2025, 18:40 | | Регистрация | Вход Приветствую Вас Гость | RSS

Добавь в закладки

Облако(Большое облако)


Статистика






Catalog-Moldova - Ranker, Statistics


Онлайн всего: 3
Гостей: 3
Пользователей: 0

Пользователи
Гости
Ссылки партнеров
Форма входа
Главная » Справочник » 2 Разработка дизайна » 04 Какой вид дизайна выбрать

Какой вид дизайна выбрать
Untitled Document

Эффективное расположение графики и текста

Об эффективном расположении элементов графики и текста на экране.

Теория:

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

- Мыслящих преемущественно зрительными образами (Визуалы).
- Мыслящих проговариванием мыслей внутри (аудиалы+дигиталы).
- Мыслящих преемущественно ощущениями (кинестетики).

В нашей стране соотношение примерно такое - 30-50% Визуалов, 5% Аудиалов, 30-60% Кинестетиков.

В интернете соотношение, научно не известно, но по моим предположениям больше визуалов, чем больше по стране.

Практика:

Как это применимо к WEB Дизайну?

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

Если логотип вашего сайта хорошо известен посетителям, то он будет хорошо работать на вас слева сверху(для примера: логотип Intel Inside). Если же логотип вашего сайта малоизвестен, то имеет смысл разместить его справа сверху (это будет способствовать его запоминанию посетителями).

Все верхнее пространство экрана лучше отдать графическим решениям, фотографиям, и т.д.

Аудиальные компоненты обычно мало важны, если это не сайт посвященный музыке.

Расположение в средней части экрана. Слева Известные, Справа малоизвестные. Возможно из аудиальных компонентов разместить Слоган (Пример: Имидж ничто, жажда все или Эффективная коммуникация ключ к успеху).

Снизу экрана желательно выделить две зоны:

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

Слева внизу - Вот здесь нужно, что бы те фразы, которые там написаны, вызывали у посетителя Вкус, Чувства, Ощущения. Картинки должны быть в том же духе. (Пример: Кружка Пива, и надпись: Почувствуй себя настоящим студентом.)

Кстати, подозреваю что баннер расположенный в этом месте, с надписью: Нажми меня, будет иметь большой % нажатий (CTR).

И в заключение маленький подарок:

Нами был разработан для данной зоны такой слоган: Учишься в школе - Жми Сюда.

Вы можете свободно применять его, слегка изменив для своих нужд первую часть. При расположении такой кнопки снизу-справа она даст замечательные результаты. У нас получился CTR 7-12%. Что очень неплохо.


О элементах восприятия и цветах.

Принято считать, что в находясь в интернете большинство людей переходит в визуальное состояние(т.е. состояния просмотра того что на экране). Исходя из этого и написана данная статья.

Теория:

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

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

Мы будем использовать оттенки синего, голубого, насыщ. желтого, оранжевого, белого, зеленого.

На некоторые цвета у большого количества людей преобладает негативная реакция:

Черный, Красный, Серый, Коричневый, эти цвета при доминировании на сайте вызовут отрицательную оценку сайта.

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

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

Помните, что во многом отношение к сайту зависит от тех цветов, которые вы используете при его оформлении.

Элементы восприятия играют также большую роль при оформлении сайта.

Считается, что одновременно глаз человека может воспринимать около 7±2 однотипных элементов.

В нашем частном случае, пункты меню сайта будут как раз именно такими элементами. Именно поэтому наиболее эффективным меню будет состоять из 5-7 пунктов. Максимум(не оптимум) из 9. Такое количество ссылок в меню позволит пользователю быстро привыкнуть и запомнить меню вашего сайта, что является одним из признаков, что вероятно он станет постоянным посетителем сайта. Выходом из данной ситуации вполне может стать разбивка элементов меню на несколько семерок ссылок. Выделение некоторых ссылок другим шрифтом(цветом) также улучшит ситуацию.

По материалам сайта: http://karman.com.ua/

Категория: 04 Какой вид дизайна выбрать | Добавил: O3OH (29.11.2010)
Просмотров: 309 | Рейтинг: 0.0/0
Почитать по теме
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Меню справочника
00 Разработка дизайна [1]
01 Правила хорошего тона в веб дизайне [1]
02 Веб-дизайн и модели поведения [1]
03 Цветовые решения для сайта [1]
04 Какой вид дизайна выбрать [1]
05 Эффективное расположение графики и текста [1]
06 Рисуем макет сайта [1]
07 Графика - советы для начинающих [1]
08 Оформление текста [1]
09 Советы по WEB-дизайну [1]
10 Работа с фоном [1]
11 Размер шрифтов [1]
12 Форматы изображений на веб-сайте [1]
13 Создание и оптимизация изображений для Web-сайта [1]
14 Точечные и векторные изображения [1]
15 Методы размещения изображений на веб-сайте [1]
16 Анимация изображений [1]
17 Веб-анимация [1]
18 Flash-технология [1]
19 Баннеры [1]
20 Фирменный стиль [1]
21 Web-дизайн и кодировки [1]
22 Favicon - иконки Вашего сайта [1]
-------В каталоге-------

Скачать [205]
Скачать книги [32]
Загрузить [45]
Купить [308]
Найти [91]
Найти информацию [24]
Найти отдых [6]
Посмотреть [61]
Послушать [4]
Послушать радио [4]
Поиграть [39]
Поиграть в игры браузерные [17]
Поговорить [18]
Поговорить на форумах [4]
Заказать [97]
Разное [54]

allfun.com.ua
Категория: Посмотреть приколы
Рейтинг:⋀ 1606660
Переходы: 3216
Подробнее
Brand-studio
Категория: Загрузить фотографии
Рейтинг:⋀ 1438020
Переходы: 489
Подробнее
Ex.ua
Категория: Скачать фильмы
Рейтинг:⋀ 1126881
Переходы: 8554
Подробнее
4 tfile.ru
Категория: Скачать торрент
Рейтинг:⋀ 314611
Переходы: 3117
Подробнее
5 zoomby.ru
Категория: Посмотреть фильмы онлайн
Рейтинг:⋀ 282580
Переходы: 1223
Подробнее
6 Bit2Bit :: Список ссылок
Категория: Скачать фильмы
Рейтинг:⋀ 164140
Переходы: 800
Подробнее
7 My-hit
Категория: Скачать фильмы
Рейтинг:⋀ 161770
Переходы: 2227
Подробнее
8 4game.ru
Категория: Поиграть в игры онлайн
Рейтинг:⋀ 137210
Переходы: 1097
Подробнее
9 Mptri.net
Категория: Скачать музыку
Рейтинг:⋀ 130550
Переходы: 2095
Подробнее
10 smotri.com
Категория: Скачать музыку
Рейтинг:⋀ 114260
Переходы: 2853
Подробнее
11 uaget
Категория: Скачать фильмы
Рейтинг:⋀ 111521
Переходы: 1996
Подробнее
12 nomer.org
Категория: Найти человека
Рейтинг:⋀ 107910
Переходы: 1638
Подробнее
13 ohota-ribalka
Категория: Поговорить на форумах "Охоты" и "Рыбалки"
Рейтинг:⋀ 107360
Переходы: 647
Подробнее
14 mp3lemon
Категория: Скачать музыку
Рейтинг:⋀ 97102
Переходы: 1961
Подробнее
15 rutor.org
Категория: Скачать торрент
Рейтинг:⋀ 95570
Переходы: 1313
Подробнее
16 tutmp3.net
Категория: Скачать музыку
Рейтинг:⋀ 95460
Переходы: 1933
Подробнее
17 rutracker.org
Категория: Скачать торрент
Рейтинг:⋀ 90790
Переходы: 1186
Подробнее
18 txt.uz
Категория: Скачать книги электронные (.doc,.txt,.rtf)
Рейтинг:⋀ 76030
Переходы: 1188
Подробнее
19 proc.com.ua
Категория: Скачать фильмы
Рейтинг:⋀ 67550
Переходы: 1234
Подробнее
20 japonwarez.com
Категория: Скачать фильмы
Рейтинг:⋀ 63220
Переходы: 1091
Подробнее
Rambler's Top100 Яндекс цитирования Экспресс анализ сайта Рейтинг@Mail.ru Анализ сайта Український рейтинг TOP.TOPUA.NET
    O3OH © 2009-2025     Вверх