Личный кабинет
2008-11-03 17:24
К подбору цветовой гаммы твоей веб-страницы стоит отнестись так же внимательно, как и к осмыслению идеи сайта. Начнём с азов.
1. Чёрный, белый, серый.
Самый простой метод подбора цветовой гаммы. Тут присутствуют три цвета. Фон – белый, текст – чёрный, ссылки – серые. Просто, но не эстетично. Советую тебе использовать другой метод.
2. Оттенки серого.
Метод подборки заключается с том, что ты используешь всю гамму оттенков серого. Допустим, у тебя есть простейший сайт: меню, текст и пара ссылок. Начнём с фона. Он должен быть или белого (в идеале), и светло-серого цвета. На в коем случае не советую тебе использовать для фона чёрный и приближённые к нему цвета. Суть проблемы использования этих цветов в том, что пользователь может захотеть распечатать текст твоего сайта. А кому будет интересно тратить чернила принтера? Правильно, никому. Если ты будешь использовать светлый цвет, принтер автоматически примет цвет за белый и будет печатать без фона. Иными словами, если у тебя на сайте на светло-сером фоне будут чёрные буквы, принтер напечатает только текст. Для пользователя это будет удобнее и экономнее. Теперь о тексте. Как я уже сказал раньше, он должен быть тёмным и выделятся на фоне. Ссылки. Советую использовать цвет, приближённый к чёрному, для обозначения ссылок. В принципе, можно красный, синий, любой, одним словом. Лишь бы юзер смог увидеть ссылку и отличить её от текста.
3. Оттенки любого другого цвета.
Данный метод схож со вторым. Всё предельно просто. Но тут тебе даётся гораздо больше возможностей творить. Ограничений почти никаких. Самое главное – не выходи за рамки одного цвета и его оттенков.
4. Контраст.
Скажу честно – мой любимый вариант подборки. Наиболее эффективный. Конечно, можно чёрный и белый цвета тоже принимать за контрастные, но я описал их уже в первом методе. Так вот. Метод не прост, но очень эффективен. Заключается в том, что ты используешь контрастные цвета. Хм… В принципе, логично, правда. Поясню: у каждого цвета есть цвет, противоположный ему. Но если с белым и чёрным всё понятно, то как же узнать противоположный цвет для оранжевого? Проще не бывает! Открываем любой графический редактор (вплоть до Paint’а, там такая функция тоже есть). Заливаем пространство тем цветом, противоположный которому надо найти, и ищем такую функцию, как Invert. Получаем противоположный ему синий цвет. Если ты сделаешь сайт с красивым контрастом, как например синий и оранжевый, это сразу бросится в глаза опытному пользователю.
И напоследок о том, каких цветов не должно быть на твоём сайте.
Ни в коем случае не используй не природные цвета. Стоит запомнить, что салатный цвет может отпугнуть посетителя от твоего сайта, т.к. нужен очень умный подбор палитры, чтобы салатный смотрелся эстетично. И опять-таки, используй те цвета, которые пользователь видит чаще всего – синий, жёлтый, зелётный, чёрный и белый.
Если у тебя возникли вопросы, советую не медлить и написать мне или связаться со мной по Асе.
Удачи тебе, строитель сети.
Всегда твой, Макс Трусцов. ICQ: 73056199. Mail: [email protected] WWW:
Автор: Макс Трусцов
1. Чёрный, белый, серый.
Самый простой метод подбора цветовой гаммы. Тут присутствуют три цвета. Фон – белый, текст – чёрный, ссылки – серые. Просто, но не эстетично. Советую тебе использовать другой метод.
2. Оттенки серого.
Метод подборки заключается с том, что ты используешь всю гамму оттенков серого. Допустим, у тебя есть простейший сайт: меню, текст и пара ссылок. Начнём с фона. Он должен быть или белого (в идеале), и светло-серого цвета. На в коем случае не советую тебе использовать для фона чёрный и приближённые к нему цвета. Суть проблемы использования этих цветов в том, что пользователь может захотеть распечатать текст твоего сайта. А кому будет интересно тратить чернила принтера? Правильно, никому. Если ты будешь использовать светлый цвет, принтер автоматически примет цвет за белый и будет печатать без фона. Иными словами, если у тебя на сайте на светло-сером фоне будут чёрные буквы, принтер напечатает только текст. Для пользователя это будет удобнее и экономнее. Теперь о тексте. Как я уже сказал раньше, он должен быть тёмным и выделятся на фоне. Ссылки. Советую использовать цвет, приближённый к чёрному, для обозначения ссылок. В принципе, можно красный, синий, любой, одним словом. Лишь бы юзер смог увидеть ссылку и отличить её от текста.
3. Оттенки любого другого цвета.
Данный метод схож со вторым. Всё предельно просто. Но тут тебе даётся гораздо больше возможностей творить. Ограничений почти никаких. Самое главное – не выходи за рамки одного цвета и его оттенков.
4. Контраст.
Скажу честно – мой любимый вариант подборки. Наиболее эффективный. Конечно, можно чёрный и белый цвета тоже принимать за контрастные, но я описал их уже в первом методе. Так вот. Метод не прост, но очень эффективен. Заключается в том, что ты используешь контрастные цвета. Хм… В принципе, логично, правда. Поясню: у каждого цвета есть цвет, противоположный ему. Но если с белым и чёрным всё понятно, то как же узнать противоположный цвет для оранжевого? Проще не бывает! Открываем любой графический редактор (вплоть до Paint’а, там такая функция тоже есть). Заливаем пространство тем цветом, противоположный которому надо найти, и ищем такую функцию, как Invert. Получаем противоположный ему синий цвет. Если ты сделаешь сайт с красивым контрастом, как например синий и оранжевый, это сразу бросится в глаза опытному пользователю.
И напоследок о том, каких цветов не должно быть на твоём сайте.
Ни в коем случае не используй не природные цвета. Стоит запомнить, что салатный цвет может отпугнуть посетителя от твоего сайта, т.к. нужен очень умный подбор палитры, чтобы салатный смотрелся эстетично. И опять-таки, используй те цвета, которые пользователь видит чаще всего – синий, жёлтый, зелётный, чёрный и белый.
Если у тебя возникли вопросы, советую не медлить и написать мне или связаться со мной по Асе.
Удачи тебе, строитель сети.
Всегда твой, Макс Трусцов. ICQ: 73056199. Mail: [email protected] WWW:
Автор: Макс Трусцов
- Твой сайт. Часть 1. Обзор Макса Трусцова
- Продвижение сайта. Часть 2. Реклама
- Как найти качественный контент для сайта - часть 1
- Продвижение сайта. Часть 1. Постановка задачи
- Обзор Gif-аниматоров
- Обзор Gif-аниматоров
- ОБЗОР САЙТОВ-КАТАЛОГИЗАТОРОВ ХОСТИНГА
- Обзор программы "HTML-оптимизатор"
- Обзор общих доменов верхнего уровня (gTLD)
- Как раскрутить форум. Часть 2.
- Как раскрутить форум. Часть 1.
- Практика двигателей. Часть I
- Практика двигателей. Часть II
- Четыре правила профессионального дизайна. Часть I
- Как поисковые боты индексят сайты часть 2
- Как правильно вести обмен ссылками. Часть 2.
- Как правильно вести обмен ссылками. Часть 1.
- Четыре правила профессионального дизайна. Часть II
- Четыре правила профессионального дизайна. Часть III
- Четыре правила профессионального дизайна. Часть IV, последняя
- Защита информации в интернете. Часть 1. Шифрование с открытым ключом
- Защита информации в интернете. Часть 3. Защищенные электронные транзакции (SET)
- Регистрация доменных имен своими руками. Часть 1: немного теории.
- Регистрация доменных имен своими руками. Часть 2: корпоративный домен в зоне "ru".
- Оптимизация сайта - Продвижение сайта
- Оптимизация сайта - Продвижение сайта
- ИМЯ ДЛЯ ВЕБ-САЙТА
- Репутация сайта
- RSS в продвижении сайта
- Повышаем тИЦ и PR сайта
- Дизайн сайта.
- Правила хорошего сайта
- Правильная оптимизация сайта
- Оптимизация сайта для каталогов
- Ошибки оптимизации сайта
- Правильная структура сайта
- Продвижение сайта в сети
- Подготовка сайта к индексации
- Стиль Вашего сайта
- Продвижение сайта - как оценить?
- Размещение и поддержка сайта
- Стиль Вашего сайта
- Правила хорошего сайта
- Раскрутка информационного сайта. Сложно ли это?
- Вторичные факторы в раскрутке сайта
- РАСКРУТКА САЙТА: ЧТО ТАКОЕ РЕЛЕВАНТНОСТЬ
- Создание сайта с помошью фреймов
- Проектирование навигационной системы сайта
- РАСКРУТКА ДИНАМИЧЕСКОГО САЙТА
- Ошибки в создании иконок для сайта
- Стратегии продвижения сайта в сети
- Увеличиваем популярность сайта
- Критерии, определяющие качество сайта.
- SMO. Продвижение сайта в социальных сетях
- МИФЫ О РЕКЛАМЕ И РАСКРУТКЕ САЙТА
- Сколько будет стоить создание сайта?
- Форумы - трата времени или двигатель сайта?
- Что такое категория сайта и как использовать эту функцию?
- Включение сайта в баннерообменную сеть
- Риски при поисковой оптимизации интернет-сайта
- Дизайн - способ эмоционального восприятия сайта
- Раскрутка сайта с помощью досок объявлений
- Практические рекомендации по раскрутке сайта
- Поднимаем индекс цитирования сайта в поисковых системах
- Пособие по добавлению сайта в каталог, как правильно, шаг за шагом
- Какую информацию следует предоставить для разработки сайта?
- Трафик: способы увеличения посещаемости сайта
- Что есть эффективная раскрутка некоммерческого сайта
- Увеличение видимости сайта по ключевым словам
- Публикация статей как метод генерации трафика и продвижения сайта
- Раскрутка - продвижение сайта - ценообразование или почему Мерседес стоит дорого
- О влиянии ошибочных поисковых запросов на поисковый трафик сайта
- Как получить html-код для показа баннеров на страницах своего сайта?
- Задумайтесь, откуда берутся низкие цены на создание сайта?
- Памятка заказчику веб-дизайна или о том, как выбирать разработчиков для создания веб-сайта.
- Кто такой неоп. Новые оптимизаторы. Задачи SEO - оптимизатора - продвижение сайта
- Памятка заказчику веб-дизайна или о том, как выбирать разработчиков для создания веб-сайта.
- Секреты индексации сайта. Сайт может и должен работать. Пример №2
- Как взлететь к вершинам популярности в рейтинге Google используя внестраничную оптимизацию сайта
- Еще раз о вреде использования "легких, дешевых и быстрых" способов "раскрутки" сайта, или Как можно забыть про свой сайт
- Фреймы в HTML документах (2008-11-04)
- 10 признаков дурного тона в web-дизайне (2008-11-04)
- 800 и 1024. Пиксели или проценты? (2008-11-04)
- Как работает формат JPEG? (2008-11-04)
- О композиции в дизайне (2008-11-04)
- Психология в дизайне (2008-11-04)
- Шрифты (2008-11-04)
- Как сделать качественный веб-сайт (2008-11-04)
- Какой вид дизайна выбрать? (2008-11-04)
- Выпадающие меню с помощью CSS (2008-11-04)
- Создание веб-страниц для различных разрешений м... (2008-11-04)
- Веб-дизайн и анимация (2008-11-04)
- Немного об index.html (2008-11-04)
- Психология дизайна (2008-11-04)
- Что такое стильный web-сайт? (2008-11-04)
- Web дизайн :: Что такое хорошо и что такое плохо (2008-11-04)
- Лево, Право или Центр? (2008-11-04)
- Оптимизация изображений в формате JPG (2008-11-04)
- Альтернативные редакторы Flash (2008-11-04)
- Что же такое web-дизайн? (2008-11-04)
- Сайты для тинейджеров: правила дизайна (2008-11-04)
- Маленькие проблемы больших таблиц - HTML (2008-11-04)
- Особенности web-дизайна (2008-11-04)
- Подсказки и советы для веб-мастеров - Топ 100+ (2008-11-04)
- Единицы измерения CSS (2008-11-04)
- Состав изображений (2008-11-04)
- FLASH - ЧТО МОЖЕТ БЫТЬ ХУЖЕ? (2008-11-04)
- FAQ по графическим форматам файлов (2008-11-04)
- ПО необходимое для web-дизайнера (2008-11-04)
- Должностная инструкция веб-мастера (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Стиль Вашего сайта (2008-11-04)
- Orange color: теория и практика (2008-11-04)
- Расположение баннера (2008-11-04)
- Советы "чайникам" (2008-11-04)
- С чего начать (2008-11-04)
- С чего начать (2008-11-04)
- Организация - вот ключ к успеху (2008-11-04)
- Подбор шрифта и верстка текста (2008-11-04)
- Обзор Gif-аниматоров (2008-11-04)
- Каскадные таблицы стилей (преимущества и недост... (2008-11-04)
- Фирменный шрифт (2008-11-04)
- Главные ошибки в web-дизайне (2008-11-04)
- CSS - Для чего нужны таблицы стилей? (2008-11-04)
- Таблицы или слои, что лучше? (2008-11-04)
- О скриптах (2008-11-04)
- Изучаем HTML (2008-11-04)
- Применение нескольких классов к элементу в CSS (2008-11-04)
- Создание сайта с помошью фреймов (2008-11-04)
- Основы работы со слоями в CSS (2008-11-04)
Быстрый переход