Lecaw

Учимся создавать Web-сайты

Монотонный цвет в дизайне

June 11, 2013 5332hits

Использование темной цветовой схемы может сделать дизайн сайта красивым и элегантным.

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

 

Правило № 1, при работе с темными цветами обратите внимание на четкость. Темные цвета могут иногда сливаться с остальными частями страницы, в результате чего, увеличивается сложность восприятия содержимого пользователями. При работе с темными цветами, никогда не забывайте данное правило, даже если работаете с монотонным дизайном.

Монотонные цветовые схемы

Первым шагом к созданию монотонного дизайна - понять основы цветообразования. Монотонным или однотонным цветом называют цвет, который состоит из одного или нескольких цветов одного тона.

Цветовой круг поможет с выбором цвета.

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

При добавлении белого цвета, получается более светлый оттенок.

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

Темные монотонные схемы

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

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

Количество цветов в Вашей темной схеме зависит от Ваших нужд, например как на сайте натяжных потолков в Уфе. Заранее продумайте о дополнительных элементах, которые Вы, возможно, добавите на сайт. Подумайте, как они будут взаимодействовать с основным дизайном сайта и с уже используемыми темными цветами.

Контраст

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

Также рекомендуем обратить внимание на знаки препинания и размер шрифта. Чем больше размер, чем больше расстояние между буквами, тем лучше и приятней читается текст.

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

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

Инструменты для старта

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

Kuler: Kuler от компании Adobe представляет собой быстрый и простой способ создания пяти-цветовой схемы в считанные минуты. Он включает в себя опцию генерации монохроматических схем и полностью настраиваем. Кроме того, он показывает значения цветов, с которыми выработаете, что делает его очень простым в использовании.

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

Конструктор цветовых схем: Мало того, что конструктор Color Scheme используют темные, монотонные цветовые схемы, но это еще и очень хороший инструмент. Выберите тип схемы и используйте цветовой круг для генерации схемы.

Dark Amber UI: Комплект пользовательского интерфейса, хороший выбор для начала работы. С данным пакетом Вы получаете набор компонентов, которые включают в себя заранее разработанных цветовых схем. Данный комплект очень темный и использует коричневые тона. Пакет включает в себя экспансивный набор компонентов для веб и мобильных устройств и является идеальным пакетом разработки для любого сайта. Дополнительным преимуществом является то, что пакет, цветовая схема и основные элементы пользовательского интерфейса находятся в одном месте и готовые к работе.

Futurico UI: Этот пакет пользовательского интерфейса представляет собой идеально темную, монотонную цветовую схему. Futurico UI работает с черными цветами и использует элементы других цветов, чтобы действительно обратить внимание пользователя. Как и предыдущий конструктор, этот комплект профессионально разработан и является отличным и простым способом для получения отличного дизайна. Цвета резкие, привлекательные и работают в различных приложениях. Плюс этого набора в том, что он предлагает два различных набора цветовой схемы - зеленый или синий - что делает его еще более универсальным.

 

Дополнительная информация

Роман Воеводин

Воеводин Роман - дизайнер, модератор, соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(0 голосов)

3 Responses

  • Комментировать
    RF4l3g02nu Четверг, 26 Сентябрь 2013 15:32

    si w zeszym roku do opat wynikajcych z wczeniejszego dochodzenia informacji poufnych przez komisj papierów wartociowych i gied commission.workers w loch capital obniy si do odbierania poczeń umieszczonych przez reportera w budynku biurowego domofon w poniedziaek. pracownik w budynku , który spad do zidentyfikowania powiedziamcsweeney bracia opucili swoje biura okoo poudnia i nie return.the najazdy przyj miesic po prokuratora preet bharara na manhattanie powiedzia new york city bar association , e umysowych zbrodnia na wzrost, przeprowadzone przez wall gigantów ulicy , którzy uwaaj, informacji poufnych i wydajnoci zwikszenia kontyngentu lek udostpniajcej nielegalne krawdzi, aby wyprzedzi swoich rywali i jeszcze wicej pienidzy . u0026 quotbharara powiedzia, e jego biuro ifbi mia zarówno ostatnio dodanych wicej rodków na wystawienie insider trading i uznaa je zatop karnych priorytetem. u0026 quotdisturbingly , wielu ludzi, którzy id do takiej dugoci , aby uzyska informacje wewntrzne na korzy handlu s ju jednym z najbardziej uprzywilejowanych , uprzywilejowanych i bogatych insiderów w nowoczesnych finansów, powiedzia w zeszym month.diamondback portfolio manager andrea feinstein odmówi
    [i][url=http://www.kurtkainternetowy.com/moncler-damskie-moncler-damskie-coats-c-1_2.html]Moncler Damskie Coats[/url][/i]
    dnym ogólnym zakresie , zespó zakada , moe to wystarczy , aby zapewniostatni u0026 quotrefuge dla wielu mieszkańców wybrzea morskiego arktyki ecosystem.using historycznych obserwacji ruchu lodu na oceanie arktycznym , jak równie symulacje zapewniaj wgld ewentualnego przyszego zachowania wiatrów i prdów ,zespó stwierdzi , e w okresie zimowym , wystarczy lód bdzie pitrz si przed archipelagu pónocnej kanady i pónocnej grenlandii , aby zapewni wystarczajc pokryw lodu podczas topnienia pokrywy season.the bdzie prawdopodobnie wystarczy zapewnienie platformyponosi warunki need.but moe nie by wystarczajca do zapewnienia dugoterminowego przetrwania niedwiedzi drapiene , takie jak piercień seals.the uszczelki musz budowa jaskinie niegu na lodzie , aby ukry si przed niedwiedziami polarnymi , rodzi ich mody i zapewni schronienie dla szczenit , jak rosn , zauwaa brendan kelly,biolog z national oceanic and national marine atmospheric administration w laboratorium ssaków w juneau na alasce , a inny czonek zespou raportowanie wyników na zwodem czwartkowe meeting.the prognozami wskazuj e w drugiej poowie tego wieku , zbyt opony bd dostpne dla uszczelek . globalny klimat cieplejszy przyniesie wicej opa
    [url=http://www.ubraniasklepinternetowy.com/kobiety-kobiety-fur-bluzy-c-11_13.html]Abercrombie & Fitch Kobiety FUR Bluzy[/url]
    , reuters donosi . analitycy nie byli zadowoleni z wyników. citigroup obniy firmie google i quothold i wyci cen docelow akcji do 650 dolarów z 750 dolarów . i ponad 10 innych domów maklerskich równie obniy swoje ceny docelowe dla company.among innych zarobków tech, infosys technologies spad prawie 15 procent po nr indii 2 outsourcingu nieudanego oczekiwania zysku jako koszty , niepewno globalnego i rosncego wyciska margins.mattel rupia zdobytych nawet poekspres toy odnotowano 33 procentowy spadek zysku i zobaczy wikszy ni oczekiwano przyrost sprzeday. rival hasbro bya nieco wysza pomimo zgaszania 71 procentowy spadek zysków w czwartek . charles schwab , nabyte pomaklerski rabatu pisa wyszy od oczekiwań zysk w rosnce rynki akcji napdzany handlu i opat od klientów. nastpny tydzień bdzie jednym z najbardziej ruchliwych tydzień do zysku wraz z parady komponentów dow oprócz kilku banków i firm technologicznych trafi do zgaszania wyników. wród banków ,sec prowadzi rozmowy na osiedlenie zarzuty oszustwa z najwikszych banków z wall street, w tym bank of america i jpmorgan chase , dotyczcych papierów wartociowych, kredytów hipotecznych , które pomogy spust kryzysu finansowego ,wall street journal poinfor
    [i][url=http://www.kurtkainternetowy.com/moncler-damskie-moncler-damskie-coats-c-1_2.html]Moncler Damskie Coats[/url][/i]
    o nie bdzie moliwe , aby nasz dom fiskalnej w celu bez walki, powiedzia rep mike pence ( r ) z indiany w komunikacie we wtorek. dajc liberaów w senacie trzy tygodnie negocjacji , bdziemy tylko opóni konfrontacji , e musi przyj . i mówi: niech przyjdzie teraz . nadszed czas, aby zaj stanowisko puap zaduenia narodowe 101 : . czykryzys zblia pod presj konserwatystów , zwaszcza87 czonek klasy studiów , dom przywódcy gop postawi sobie za cel zmniejszenie wydatków za rok obrotowy 2011 wpre poziomy obama roku fiskalnego 2008 . six term pence przedstawiciel jest jednym z 93 konserwatystów do gosowania w zeszym miesicu do spadku wydatków do podatkowych 2006 poziomów. przy prognozowanej 1650000000000 dolarów deficytu i krajowego dugu okoo do góry 14300000000000 dolarów co mniej byoby nieodpowiedzialne , e say.rep . jim jordan ( r ) z ohio , obecny przewodniczcy 176 czonek komitetu badań republikańskiej konserwatywnego skrzyda republikanów klubu , zobowizuje si równie do nie gosowania na wtorkowym rodka . amerykanie wysali nas tutaj do czynienia z duymi problemami w odwanych sposobów , powiedzia w owiadczeniu w pitek. jestemy poycza miliardy dolarówdziennie , ale senat demok
    [i][url=http://www.ubraniasklepinternetowy.com/męczyni-męczyni-fur-bluzy-c-1_3.html]Abercrombie & Fitch Męczyni Fur Bluzy[/url][/i]

    Пожаловаться
  • Комментировать
    CHRISTIAN DIOR Пятница, 27 Сентябрь 2013 03:04

    =

    Пожаловаться
  • Комментировать
    vo0b2c87qd Пятница, 27 Сентябрь 2013 03:27

    ove ed esistenti sono anche fattori che contribuiscono ritardano la nostra trasmissione , il signor mcginnis said.but la nuova data di inizio dà ca
    [b][url=http://www.abbigliamentofelpe.com/abercrombie-and-fitch-italia-bor-c-1.html]Abercrombie and Fitch Italia Bor[/url][/b]
    isa scaffidi , con agente di cambio neil mckinnon disegno quinta posizione . sono state ricevute dieci nomination assessore validi per i quattro posti
    [u][url=http://www.donnastivalivendita.com/ugg-ultimate-bind-boots-c-27.html]Ugg Ultimate Bind Boots[/url][/u]
    a finalizzare , una portavoce del dipartimento ha detto wa business news . tutte le scuole pubbliche sarà offerta l'opportunità, ma non saranno ob
    [b][url=http://www.abbigliamentofelpe.com/abercrombie-and-fitch-italia-bor-c-1.html]Abercrombie and Fitch Italia Bor[/url][/b]
    llentamento della crescita dei ricavi previsione a 7-8 % pa.n fy01 guadagni di $ 4.2b ( eps di 32,4 centesimi ) sono previsti tra cui il contributo de
    [u][url=http://www.donnastivalivendita.com/ugg-classic-tall-boots-c-1.html]Ugg Classic Tall Boots[/url][/u]
    http://www.abbigliamentofelpe.com

    Пожаловаться

Оставить комментарий