Duotone krāsa: padomi un piemēri šai dinamiskai tendencei

Nākamā lielā tīmekļa dizaina attēla tendence ir redzama, un tā ir dinamiska, krāsaina un skaista!

Pateicoties Spotify, duotone popularitāte pieaug gandrīz katru dienu. Efekts, kurā fotoattēlam tiek izmantotas pāris krāsas, ir pārsteidzošs, jautrs un dinamisks. Tas ir arī diezgan moderni, jo jaunas vietnes gandrīz katru dienu mainās uz divu formātu. Šeit ir daži veidi, kā vislabāk izmantot šo karsto dizaina paņēmienu.

Kas ir Duotone?

Pirmkārt, neliels gruntējums: Duotone ir divu krāsu izmantošana.

Nosaukums un tehnika nāk no tipogrāfijām. Duotone izdrukas tiek izgatavotas divos vienas krāsas toņos vai ar melnu un vienu nokrāsu. Šajā procesā tiek izmantotas divas krāsu plāksnes, kas izgatavotas ar ekrānu, kas iestatīts dažādos leņķos.

Divu krāsu koncepcija ir liela. Pantone nosauca pāri par Gada krāsu, minimālisms lika dizaineriem domāt par ierobežotām paletēm, un duotonus ir vizuāli interesanti un diezgan viegli izveidot. Efektu var izveidot, izmantojot Adobe Photoshop un divu krāsu gradientu vai rīku, piemēram, Colofilter.css, lai to lietotu kodā.

Bet tas, kas, visticamāk, palīdzēja divotonei pie zemes, ir Spotify pielietojums. Duotone krāsu shēmas tiek izmantotas mūzikas atskaņošanas lietotnē un dažādās reklāmas mikro vietnēs. Duotone pievieno unikālu dizaina elementu labi zināmu un plaši izmantotu mākslinieku attēliem.

Metode, kas savulaik bija iesiešanas štāpeļšķiedrām, ir atradusi jaunu dzīvi tiešsaistē, un tā ir tendence, kuru nākamajos mēnešos mēs, iespējams, redzēsim daudz vairāk.

Kā dominējošs attēls

Lai izveidotu dominējošo attēlu, izmantojiet divu tonu.

New Deal Design galvenais vizuālais attēls ir pārsteidzošs, pateicoties drosmīgai krāsu izvēlei un quirky, pateicoties jautrajiem attēliem un krāsām. Nebaidieties iziet ārpus savas ērtības, kad runa ir par darbu ar divkrāsainiem attēliem; ir labi savienot nokrāsas, kas varētu neatbilst. Mērķis ir radīt vizuālu, kam jāpievērš uzmanība un kas satur daudz kontrastu, lai attēls tiktu parādīts.

Šeit ir daži padomi par maksimālu ietekmi:

  • Izvēlieties divas kontrastējošas krāsas vai pāris zīmolu krāsas.
  • Atlasiet fotoattēlu ar fokusētu attēla laukumu. Ainavu varētu būt grūti izmantot.
  • Sāciet ar augstas kvalitātes attēlu. Neskaidri vai slikti attēli un divu krāsu sajaukums.
  • Atskaņojiet kontrastu.
  • Apsveriet atstarpes pogām vai tipogrāfiju.
  • Izvēlieties krāsas, kas atspoguļo fotoattēla noskaņu.
  • Izslēdziet divu krāsu attēlu ar krāsainu apmali vai sajauciet un saskaņojiet krāsu opcijas ar ritināšanas slīdni vai parallaksa efektiem.

Kā vienkārša krāsu palete

Duotone nav jābūt sarežģītai. Dažreiz visspilgtākajiem divkrāsu projektiem ir vienkāršs raksturs.

Dzīvības apdrošināšanā tiek izmantots sarkano krāsu pāris un tīra tipogrāfija. Ritinā iekļauts arī pustoņu stils. Krāsas ir spilgtas un saistošas. Sarkans ir tāda veida krāsa, kas gandrīz liek lietotājiem to aplūkot.

Triks ir tas, ka tas ir vienkārši pietiekami vienkāršs, lai būtu efektīvs. Lietotājs nav satriekts ar elementiem. Sarkanā krāsa pievelk jūs iekšā, lai vārdi uz ekrāna kļūtu uzmanības centrā. Šis divu tipu efektu veids ir gandrīz izveidots vietnēm, kurām ir formālāks izskats un izjūta, jo tas ļauj izmantot tendenci, nejūtoties piespiestai vai satriecošai.

Kā veids, kā palielināt lasāmību

Izmantojiet divu tonu, lai darbotos kā krāsu stabilizators, kas tekstam piešķir daudz vietas un kontrastu. Divkrāsains krāsu pārklājums var palīdzēt “saplacināt” attēla krāsu variācijas, lai tekstu gandrīz visur attēlā varētu ievietot, izmantojot vienu krāsu, un tas joprojām būtu lasāms.

Duotone krāsu izvēle šai lietošanai nebūs tik spilgta un, iespējams, izrādīsies klusāka, bet var kalpot lieliskam mērķim. Holm Marcher & Co. to dara ar koraļļu un zilo divkauju, kas ir interesants un rada ļoti labi salasāmu fonu burtiem. Kā papildu bonuss navigācijas elementi izmanto zilu nokrāsu no krāsu paletes, lai mudinātu pārvietoties pa vietni.

Kā akcents

Kaut arī divkanālu efekti izmanto lielus attēlus, tie var darboties arī mazākās vietās. Navigācijā, sekundāriem attēliem vai noteikta veida saturam apsveriet divu toņu akcentu.

Kas ir jauki attiecībā uz mazākiem duotona apgabaliem, ir tas, ka jums ir nedaudz vairāk spēles brīvības, ja jūs iebiedējat tehnika vai neesat pilnīgi pārliecināts, kā panākt, lai tā darbotos jūsu labā. Lietojot mazākās telpās, vizuāli var būt interesanti spēlēt ar vairākiem krāsu pāriem dažādiem dizaina elementiem.

Apsveriet divu stilu elementus karšu stila elementiem kā pārklājumu video saitēm vai lai uzsvērtu aicinājumus uz darbību. Duotone akcenti var būt arī efektīvi instrumenti izmantošanai minimālā vai melnbaltā krāsu shēmā to radītā krāsu kontrasta dēļ.

Kā fons

Lai izveidotu interesantu fona attēlu vai modeli, nekas līdzīgs smalkajam divonela efektam nav. Tas ir ideāli piemērots zīmolu krāsām vai kā veids, kā iekļaut modernu nokrāsu vai tehniku ​​savā dizainā bez pilna mēroga remonta.

Absolūtais divu toņu fons Join Radio ir pilnība. Krāsu maiņa ir gandrīz nemanāma un nemanāmi sajaucas ar citiem dizaina lietotāja interfeisa elementiem. Ir vienkārša animācija, kas pārvietojas cauri krāsām, un tā ir nomierinoša un tai ir ūdenim līdzīga kustība. Pāreja no gaišas uz tumšu notiek pēc acu skatiena un lasīšanas modeļiem, kas pārvietojas no mājas lapas augšējā kreisā uz labo apakšējo pusi, kur lietotājs tiek mudināts ritināt un noklikšķināt.

Secinājums

Ir grūti atrast dizaina paņēmienu, ar kuru būtu jautrāk spēlēt, nevis ar krāsu. Duotones vienlīdz saistoši ir arī dizaineri. Efekts var padarīt pārmērīgi izmantotu attēlu spicāku, pievienot jautru elementu, kad tāda trūkst, un vienkārši palīdzēt vizuāli piesaistīt lietotājus.

Turklāt jūs, dizainers, patiešām eksperimentējat, izmantojot divu krāsu efektus. Jūs varat pārī savienot krāsas, kuras, iespējams, nemaz neesat iedomājies, lai iegūtu lielu iespaidu, vai arī apvienot krāsas ar smalkām variācijām, lai radītu nelielu pārsteiguma elementu. Jebkurā gadījumā šāda krāsu efekta radīšana gandrīz vienmēr izskatās pielāgota un ar to var būt jautri strādāt.

© Copyright 2024 | computer06.com