Здравствуйте! Меня зовут Настя Манно. Веб-дизайн и создание сайтов для меня не просто хобби. Это моя страсть! Я очень люблю создавать что-то новое и необычное. На этом блоге будут собраны самые интересные находки в области веб-дизайна и сайтостроения.
новые сообщения
- Рисуем ярлык (Фотошоп)
- Каталог дизайнерских блогов открыт!
- Джаспер Гудолл - гламурный иллюстратор из Брайтона (Англия)
- 12 свежих rss иконок - “fish”
- Креативные идеи #4
- Майк Дэвис - художник-иллюстратор из Миннеаполиса
- Новый конкурс от SmashingMagazine. Получи Apple MacBook Air!
- Ice-cream бэкграунд
- Иллюстратор Алекс Дюкаль (Alex Dukal)
- Креативные идеи #3
облачко тэгов
Иконки Кисти Конкурс Обзоры Палитры Ретро Скачать Стиль Темы WordPress Уроки Шрифты векторы гранж дизайнерские блоги дизайнеры иллюстраторы каталог блогов космос креатив первый постик радостное фанк фотошоп шутка rss web 2.0 WordPress
самое популярное
- Создаем красивый узорчатый фон | Фотошоп
- RSS-иконки в стиле гранж
- Дизайнерские блоги — от минимализма до сложной графики
- Тенденции веб-дизайна 2008
- Рисуем окружности в стиле ретро | Фотошоп
- Монохромный веб-дизайн
топ комментаторов
- drStas (8)
- Кредитный брокер (7)
- Московский Полуб... (4)
- Fr34k (3)
- art (3)
- DAYRED (2)
- JuliettaRose (2)
- Octane (2)
- Пашковский (2)
- Кайла (2)
свежие комментарии
- Дима: Черненькая и оранжевая - супер… буду иметь ввиду
- Monsignor: Интересный урок, спасибо, будем пробовать)
- Веня Таганский: Авторское право действует везде. Независимо от...
- Вектор: Полезный урок. Надо как-нибудь попробовать. Пост идёт ко...
- Колян: Красота то какая…ляпота& #8230;
- Стальной Бомж: Полезный урок, а то я в фотошопе только вырезать и...
- fazeful: 2 Настя Манно: Pen Tool-ом гораздо удобней + с помощью стилей...
- fazeful: Небольшая неточность: слой создается Ctrl+Shift+N =) Лучше такие...
- Milk: I can’t read the tuto, (’cause I don’t understand the language), but thanks a lot for...
- Кредитный брокер: Бирочка хорошая, а вот над ниточкой надо...
архив
Монохромный веб-дизайн
Автор Настя Манно
По материалам статьи Make The Web a Less Colorful Place
Веб — это очень красочное и порой весьма яркое место. Яркое — в смысле богатства и возможностей отображения цветовых палитр. Никакая полиграфия с ним не сравнится (не говоря уже о расходах на краски). Причем зачастую богатство это чересчур пестрое, отчего только рябит в глазах и теряется удобство восприятия информации. Это не относится к тем сайтам, где яркая визуальная составляющая — есть основной материал.
Альтернативой может послужить, так называемый, монохромный дизайн. Что значит — монохромный? Моно — один. То есть, в дизайне используется только один базовый цвет. При помощи белого и черного этот цвет разбивается на различные оттенки.
Преимущества монохромного дизайна.
1. Монохромную палитру очень легко составить. Просто берете базовый цвет и подмешиваете к нему в разных пропорциях белый или черный. Например, в Фотошопе это элементарно достигается путем выбора оттенков в окошке выбора цвета, если переключиться в режим «небезопасных» цветов.
2. Цветовое оформление никогда не будет диссонировать. Иными словами, ни один цвет никогда не выпадет из общей гармонии. Это как в блюзовой гамме: можно просто перебирать пять нот в любой последовательности и никогда не слажаешь, потому что все они сочетаются с каждым аккордом блюзового квадрата.
3. Дизайн ощущается более минималистическим, несмотря на обилие деталей. Просто за счет малого контраста можно позволить себе наваять больше деталей, и общая картинка от этого не станет более пестрой. Об этом, кстати, я уже рассказывала в уроке по рисованию узорчатого фона.
4. Монохромность позволяет очень легко выделить акценты. Если необходимо сфокусировать внимание посетителя на одном-двух объектах, то обозначив их более ярким (или даже контрастным) цветом, вы автоматически сделаете их «магнитами» для глаз. Как пример — ярко-рыжие иконки RSS.
Недостатки монохромного дизайна.
1. Отсутствие яркого разнообразия и контраста снижает интерес к визуальной составляющей дизайна. Добиваясь минимализма, в итоге вы можете получить просто еще один скучный шаблон. Чтобы этого не случилось, следует добавлять яркие детали. Немного и по вкусу.
2. Трудности при чтении текста. Порой контраст между фоном и шрифтом настолько мал, что приходится прямо вчитываться, напрягая зрение и с трудом разбирая буковки. Кстати, не камушек, а цельный булыжник в огород Мистера Вонга. При добавлении там закладки совершенно не видно, что написано в пояснениях к пунктам формочки. Светло-серый на белом, да еще мелким шрифтом — это издевательство, либо хитрая уловка, чтобы перезагрузить страницу в случае ошибки.
3. Разочарование. Ограниченная палитра может здорово разочаровать, особенно если вы только начинаете работать в этом направлении. Возникает непреодолимое желание вырваться за пределы одного цвета и добавить немного разнообразия. Тут очень легко все испортить. Как хокку не терпит лишних слов, так и монохромность не любит посторонних включений. Акценты, если они необходимы, должны выбираться очень тщательно и не разрушать общую картину. Нюанс — означает легкость. Он добавляет в рисунок жизни, но и только.
Несколько слов об ахроматическом дизайне.
Здесь все еще более экстремально, нежели в монохроме, если так можно выразиться. Ахроматизм — это лишь черное и белое, а также все оттенки промежуточного серого. Здесь уже не обойтись без ярких деталей. Совершенно монохромный дизайн — это верх минимализма, где только черное и белое. Возможно, в гранжевых композициях это еще можно использовать, но в остальном такие сайты говорят о безвкусице.
А что вы думаете о монохромном дизайне? Так ли он необходим в угоду информационной составляющей? Ведь хорошо известно, что например блоги лучше принимаются и вопринимаются, когда посты разбавлены картинками. Кроме того, порой избыток текста в минималистическом стиле может привести к обратному эффекту — расфокусировке внимания. Когда оправдано применение монохромности в дизайне?
Популярность: 62%
Ответов (32) на “Монохромный веб-дизайн”
Трэкбеки
- » Blog Archive » Топ-10 лучших постов недели Webloger - это проект о блогерах и блогосфере
- Love is… | о ЛЮБВИ или НЕМНОГО о ЖИЗНИ
ДА! Спасибо Настя! прочитал, кое что взял себе на заметку
Я очень люблю применять данный вариант офрмеления в своих работах
Прикольный стиль) Но ничего подобного еще не пробовал рисовать
Статья понравилась)
Настя, а ты нарисованный дизайн потом сможешь перевести в тему для Wordpress?
Санёк, не за что! Как говорится, вэлкам!
Костик, там у автора в статье есть пара ссылок полезных на сервисы, помогающие подобрать палитры. Один из них точно платный, но зато на самом сайте уже масса готовых подборок. Я когда писала постик про палитры в стиле ретро, то как раз там паслась.
Сергей, перевести смогу, если сама нарисую. За чужой дизайн сказать не могу
В принципе, и я могу всё перенести в php, html, css, я рисовать не умею :)))
Хорошо, я когда подготовлю ТЗ, пришлю его по почте, тогда и скажешь, сможешь сделать или нет. :)))
Договорились! Но обещаю взяться не раньше чем через 2 недели.
У меня загрузка посерьёзнее, я его подготовлю только к концу июня, пока смотрю и записываю, что и как, чего хочется, чего нет :))))))
А мне кажется что оба варианта скучны. Один цвет? Нуууууу, никакого разнообразия, захочется сделать что-то большее. Это наверно на любителя =)
Мне такие цвета приятны, “глаз” не устаёт ))
Монохром иногда бывает в выигрыше, когда тема способствует. Тут на днях видел блог Трехчасового, где взята тема из шаблонов, но само по себе интересно, под старую газету, правда переделать маленько можно. Но и без ярких акцентов цвета тут тоже не обойтись, только в меру.
Настенька,мы еще, в добавок еще и земляки)))Приятно,чес слово. Обновил дизайн сайта своего, если интересно, вилкам))) ессесно, дизайн шаблонный, но как говорится чем богаты…на собственный покамест не сподобился
Дизайнер-художник, и правда интересная темка. Как раз как один из примеров ахроматизма. Но я бы все таки выделила ссылки другим цветом. Тоже неброским, но другим. Их вполне хорошо видно в небольших постах, где абзацы в одно-два предложения. Но там где много текста, такую ссылку (даже выделенную жирным) легко пропустить.
kvasyok, очень симпатичный шаблон! Если еще и иконку в адресной строке сменить, то никто и не догадается, что блог на Блогспоте
Я как-то имел спор о дизайне своего блога http://ymnofon.ru с другим блоггером, вот он уверял что дизайн очень важен, я же наоборот уверен, что важен контент, именно поэтому и оставил стандартную тему.
В разнообразии красок теряется смысл ,если я хочу смотреть картинки - я иду на фотогалереи и прочее, а на сайте мне нужна информация, пусть это бдет подано лаконично, каждый день каратнал - глаз устанет.
я попытался дизайн своего блога к этому свести, к ч/б то есть.
но когда ссылка не синяя и не подчеркнутая - она не ссылка, поэтому пришлось еще и #0055cc подмешать + оранжевый rss
отлично отношусь к монохрому, белый вообще царь всех и вся, родитель их и вечный благодетель
Почти одновременно перевели
Монохромный дизайн от alexilin
sed, спасибо конечно за такой развернутый комментарий. Но раз уж вы настаиваете на преобладании информационной составляющей и, тем более, даете ссылку на свой блог, то потрудитесь хотя бы выправить на нем кодировку. Потому что в тех кракозябрах что сейчас там присутствуют и ошибках в отображении навигации при всем желании не разобрать ни йоты инфы.
roose, что поделать! :))) Хорошей информации не бывает много.
Извините конечно, кракозяберы это проблемы с кодировкой, мой сайт почему-то поломался, после восстановительныз работ все работает, милости просим к нашему шалашу.
Все исправил, все работает.
Насчёт того, что монохромный дизайн - это перебор, согласен. Хотя я иногда пишу некоторые фразы или абзацы серым цветом: либо пропуская ироничные словечки, от которых часто не могу удержаться, либо какие-то специальные\необязательные вставки. А так цветом не брезгую, особенно когда нужно подсвечивать синтаксис кода.
Я двумя руками за монохромный дизайн, в котором есть маленькие вкрапления цветных пятен - стильно и не напрягает глаза.
Люблю монохром:) Но почему то в работах использую очень редко
Я напротив - помимо монохрома больше одного цвета не использую
Riber, наверное это потому, что все таки монохром - штука не такая простая, как кажется на первый взгляд. На блоге автора я сравнила это с японским хоку (правда буржуи похоже совсем не понимают что это такое :))) В хоку всего три строчки, но смысла порой больше, чем в многостраничном опусе.
Настя Манно, я почему-то всегда думал, что японци пишут хайку, а не хоку.
Ну, раз уж назвалась груздём… выдай 3 строчки
Кредитный брокер, к сожалению сама я не сильна в сочинительсвте виршей. А что касается слова, то существует три равноправных написания его: хоку, хокку и хайку. Суть от этого не меняется
Какой нафиг монохром? Такой термин как duotone не слышали?
Настенька, если не знаете предмета разговора, не рассуждайте о нем с умным лицом.
2 Фен, я попрошу, пока еще очень вежливо, не выпендриваться у меня на блоге, также с умным видом всезнайки. Если внимательно вчитаетесь в текст, то обнаружите, что это перевод статьи с буржуйского блога. Что касается термина duotone - то любой школьник скажет что дуо - это два. К монохрому это не имеет никакого отношения.
Белый цвет говорит о высоком,
чёрный шепчет про пропасть,
Что значит радуга?
Вот тебе подарочек
Настенька - http://www.mannodesign.com/wp-content/uploads/2008/06/monohrome2.gif - это никоим местом не монохромная гамма. Насчет дуотона сплоховал, да, один цвет лишний.
Но корявости формулировок в переводе статьи это не отменяет. Называть duotone/tritone/quadtone - монохромом? Для человека считающего себя веб-дизайнером это как минимум - пОшло.
P.S. http://img149.imageshack.us/img149/9348/tritonevz7.jpg - монохром, говорите?
Кредитный брокер, спасибо!
Фен, каждому - свое.
Фен,
монохромное изображение это изображение в котором используется оттенки одного цвета, а duotone это общее название для многоцветной печати, которая может быть выполнена с двух, трех или четырех красок.
То есть термин duotone это специфичный термин который применяется при печати, и даже в Фотошопе в котором как видимо вы увидели это слово, оно используется для цветоразделения изображения для дальнейшей печати отдельно двумя цветами.
Wiki читать полезно иногда. Monochrome, Duotone