# Rohkea graafinen suunnittelu: suuri väri, selkeä viesti

[Canonical HTML page](https://gradiently.design/fi/guide/bold-design-ideas)

Voimakas design huomataan, mutta huonosti tehty voimakas design ohitetaan yhtä nopeasti. Ero on lähes aina kurinalaisuudessa: yksi viesti, yksi pääelementti ja kaikki muu sen tukena.

## The short version

- Rohkea graafinen suunnittelu käyttää ylisuurta tekstiä, kylläisiä värejä ja tiukkaa rajausta tehdäkseen yhdestä viestistä mahdottoman ohittaa.
- Rohkea design toimii, kun sillä on yksi pääelementti. Jos kaikki huutaa, mikään ei erotu ja tulos näyttää kaaokselta.
- Raskaat, kapeat tai leveät kirjasimet hyvin suurina ovat useimpien rohkeiden asettelujen selkäranka.
- Kylläiset värit tarvitsevat tumman tai hyvin vaalean ankkurivärin, jotta kontrasti pysyy vahvana ja teksti luettavana.
- Rohkean suunnitelman viestin pitäisi olla luettavissa noin sekunnissa, yleensä viidellä sanalla tai vähemmällä.

**Rohkea graafinen suunnittelu** tekee yhdestä viestistä mahdottoman ohittaa: teksti koskee reunoja, väri on täysin kylläinen ja muuta on tuskin lainkaan. Se toimii, kun yksi elementti johtaa ja kaikki muu palvelee sitä. Se epäonnistuu, kun jokainen elementti huutaa yhtä aikaa. Alla ovat säännöt, joilla voimakas design pysyy selkeänä, sekä paletit, kirjasinvalinnat ja asettelut seuraavaan julisteeseen tai postaukseen.

## Mikä saa rohkean designin toimimaan

Rohkeus syntyy kontrastista. Valtava otsikko tuntuu valtavalta vain pienen asian rinnalla. Räikeä pinkki tuntuu räikeältä vain rauhallisen rinnalla. Siksi rohkeat asettelut rakentuvat ääripäistä: suuri vastaan pieni, kirkas vastaan tumma, täysi vastaan tyhjä. Poista hiljaiset osat, niin voimakkaat lakkaavat toimimasta.

- **Yksi pääelementti.** Sana, numero tai muoto, joka täyttää suuren osan kuvasta.
- **Kokokontrasti.** Pääelementti on monta kertaa tukitekstiä suurempi.
- **Värikontrasti.** Kylläinen väri tummalla tai hyvin vaalealla ankkurilla.
- **Lyhyt viesti.** Pääelementissä enintään viisi sanaa, luettavissa noin sekunnissa.
- **Reunajännite.** Kehyksen rajaama tai reunaan työnnetty teksti tuntuu kokoaan suuremmalta.

## Rohkea typografia: vahvan tekstin valinta ja asettelu

Useimmat rohkeat asettelut ovat tekstiasetteluja. Raskaat leikkaukset, kapeat kirjasimet, joilla sana täyttää julisteen leveyden, ja leveät kirjasimet, joilla yksi lyhyt sana tuntuu monumentaaliselta. [Lihavat fontit](https://gradiently.design/fi/guide/bold-fonts) ja [otsikkofontit](https://gradiently.design/fi/guide/display-fonts) listaavat hyviä perheitä. Asettelu merkitsee yhtä paljon kuin valinta.

| Käsittely | Vaikutus | Käyttökohde |
| --- | --- | --- |
| Raskaat kapeat suuraakkoset | Pitkät sanat mahtuvat valtavan kokoisina | Tapahtumajulisteet ja tarjousotsikot |
| Leveä black-leikkaus | Yksi lyhyt sana tuntuu valtavalta | Brändiväitteet ja yhden sanan postaukset |
| Tiivis riviväli | Rivit pinoutuvat yhdeksi yhtenäiseksi lohkoksi | Kahden tai kolmen rivin otsikot |
| Reunan rajaama | Teksti tuntuu kehystä suuremmalta | Kannet, pikkukuvat ja bannerit |
| Ääriviiva ja täyttö | Sana kahdentuu ilman toista väriä | Toistuvat sanat ja rytmi |

Viisi tapaa tehdä tekstistä voimakas. Valitse yksi tai kaksi suunnitelmaa kohti, älä kaikkia viittä.

Pystyjuliste, jossa sana KOVEMPAA täyttää koko leveyden ja pieni tietorivi on sen alla

Yksi sana koko leveydellä ja yksi pieni tietorivi. Kokojen ero on koko tehoste.

Pidä valtavien otsikoiden merkkiväli hieman tiiviinä, sillä oletusvälit näyttävät suurina väljiltä. Älä koskaan venytä kirjasinta sopivaksi. Jos sana ei täytä leveyttä, valitse leveämpi kirjasin tai lyhyempi sana. Gradientlyssä tekstikäsittelyt Kohotettu, Kaksinkertainen, Käyrät ja Riso antavat otsikolle lisää painoa ilman heittovarjoa.

## Rohkeat väripaletit ilman sekavuutta

Kylläinen väri on puolet rohkeasta designista. Niksi on ankkuroida se. Aseta kirkkaat värit lähes mustalle tai puhtaalle luonnonvalkoiselle. Rajoita kirkkaat kahteen sukulaissävyyn tai harkittuun vastapariin. Kolme tai neljä toisistaan irrallista kirkasta väriä täydellä voimalla muuttaa rohkeuden hälyksi.

- Räikeästä pinkistä oranssiin: `linear-gradient(135deg, #ff2e63 0%, #ff7a00 100%)`
- Sähkönsininen: `linear-gradient(135deg, #0047ff 0%, #00d1ff 100%)`
- Happolimetti vihreään: `linear-gradient(135deg, #d4ff00 0%, #00e676 100%)`
- Punainen kuumuus mustalla: `radial-gradient(circle at 70% 30%, #ff3d00 0%, #b00020 45%, #1a0005 100%)`
- Violetista magentaan: `linear-gradient(160deg, #12002b 0%, #6a00f4 55%, #ff00a8 100%)`
- Huomiokeltainen: `linear-gradient(135deg, #ffe600 0%, #ff9900 100%)`

Kuusi rohkeaa taustaa. Jokainen käyttää väriympyrän naapureita, joten liu’ut pysyvät puhtaina täydellä kylläisyydellä.

- Ankkurimusta: #0a0a0a
- Räikeä pinkki: #ff2e63
- Huomiokeltainen: #ffe600
- Luonnonvalkoinen: #f5f5f0

Rohkea paletti: tumma ankkuri, kaksi kirkasta ja luonnonvalkoinen pieneen tekstiin. Käytä yhtä kirkasta pohjana ja toista vain pääelementtiin.

> **Tarkista kirkkaiden värien kontrasti** Valkoinen keltaisella, limetillä tai kirkkaalla oranssilla ei täytä kontrastivaatimusta, vaikka näyttäisi ruudulla rohkealta. Käytä vaaleilla kirkkailla lähes mustaa tekstiä. [Värikontrasti ja saavutettavuus](https://gradiently.design/fi/guide/color-contrast-accessibility) näyttää testauksen.

## Rohkea ja kaoottinen design

### Kaoottinen

- Kolme huomiosta kilpailevaa otsikkoa
- Jokainen väri täydellä voimalla
- Neljä kirjasinta samassa asettelussa
- Levoton tausta levottoman tekstin takana
- Kulmaan ahdettu kappale

### Rohkea

- Yksi selvästi suurin pääelementti
- Kaksi kirkasta ja ankkuri
- Yksi fonttiperhe kahdella lihavuudella
- Rauhallinen alue sanoille
- Tiedot karsittu yhteen lyhyeen riviin

Voimakas tausta voimakkaan tekstin takana on klassinen epäonnistuminen. Jos tausta on rikas, teksti tarvitsee rauhallisen alueen. Gradientlyn Mark hoitaa tämän siirtämällä rauhallisimman, kontrastiltaan parhaan alueensa sanojen taakse ja valitsemalla vaalean tai tumman tekstin rivikohtaisesti. Väri pysyy suurena ja viesti luettavana.

## Kokeiltavia rohkean designin ideoita

Neliömuotoinen tarjouspostaus, jossa valtava 48h on pääosassa ja sen alla pieni tietorivi

Numero pääosassa. Rohkeat asettelut suosivat lyhyttä lukua, koska se luetaan heti.

Pysty tapahtumatarina, jossa lukee Ovet yhdeksältä suurella tekstillä kylläisellä taustalla

Tapahtumatarina, jossa otsikko on suoja-alueen yläosassa ja väri täyttää kuvan.

- **Tarjouspostaukset:** alennussana tai päivä pääosaan, ei muuta heti näkyvälle alueelle.
- **Tapahtumajulisteet:** esiintyjä tai päivämäärä koko leveydellä, tiedot pieninä alareunassa.
- **Julkistukset:** tuotteen nimi kuvan reunan rajaamana.
- **YouTube-pikkukuvat:** kaksi tai kolme sanaa, raskas leikkaus ja yksi kirkas väri tummalla.
- **Karusellikannet:** yksi valtava sana, joka saa pyyhkäisemään loput.

Mitä teetkin, pienennä se ennen julkaisua siihen kokoon, jossa se näkyy syötteessä tai hakutuloksessa. Rohkea design todistaa arvonsa pienessä koossa. Jos pääsana on yhä luettava pikkukuvassa, asettelu toimii. Jos se puuroutuu, karsi sanoja ennen kokoa.

Rohkealla designilla on hyödyllisiä sukulaisia. [Brutalistinen design](https://gradiently.design/fi/guide/brutalist-design) saa voimansa raakuudesta viimeistelyn sijaan, [Memphis-design](https://gradiently.design/fi/guide/memphis-design) kuvioista ja leikistä. [Minimalismi ja maksimalismi](https://gradiently.design/fi/guide/minimalism-vs-maximalism) auttaa valitsemaan brändille sopivan ääripään. Julisteisiin tutustu oppaassa [julisteen suunnittelu](https://gradiently.design/fi/guide/poster-design).

## FAQ

### Mitä rohkea graafinen suunnittelu on?

Tyyli, joka käyttää ylisuurta tekstiä, kylläisiä värejä ja vahvaa kontrastia saadakseen yhden viestin erottumaan heti.

### Miten teen rohkean suunnitelman ilman sekavuutta?

Valitse yksi pääelementti, tee siitä kaikkea muuta paljon suurempi, käytä kahta kirkasta väriä ja ankkuria sekä karsi tukiteksti yhteen lyhyeen riviin.

### Mitkä fontit sopivat rohkeaan designiin?

Raskaat leikkaukset kapeina tai leveinä. Kapeat kirjasimet mahduttavat pitkät sanat valtaviin kokoihin, leveät tekevät lyhyistä sanoista monumentaalisia.

### Onko rohkea design sama asia kuin maksimalismi?

Ei aivan. Maksimalismi kerrostaa monia elementtejä ja kuvioita. Rohkea design voi olla hyvin yksinkertainen: yksi voimakas otsikko ja hyvin vähän muuta.

### Mitkä värit sopivat rohkeisiin suunnitelmiin?

Kylläiset värit, kuten räikeä pinkki, sähkönsininen, happolimetti ja huomiokeltainen, ankkuroituina lähes mustaan tai luonnonvalkoiseen, jotta kontrasti pysyy suurena.