1. Tumi a ɛwɔ gradients mu wɔ design mu no ho ntease .
Gradients nyɛ fɛ kɛkɛ; Wɔyɛ agodie-sesa. Sɛ wode di dwuma yiye a, gradients betumi ama wo nhyehyɛe no so koraa denam bun, kankyee, ne nkate a wode bɛka ho no so. Nanso dɛn na ɛma wɔyɛ den saa? Saa ɔfã yi de ne ho hyɛ adwene ne nneyɛe ho nimdeɛ a ɛwɔ gradients akyi ne nea enti a wobetumi atwe adwene asi so ntɛm ara, asiesie adwene, na akyerɛ nea ɔhwɛ no ani wɔ wo nnwom no mu ntɛm ara.
Sua pii
2. Kɔla a ɛfata a wɔde bɛka abom a wobɛpaw ama woanya nkɛntɛnso kɛse .
Ɛnyɛ kɔla a ɛkɔ soro nyinaa na wɔbɔ no pɛpɛɛpɛ. Nneɛma bi a wɔaka abom no betumi abɔ abira, bere a afoforo nso betumi ama mfonini ahorow a ɛyɛ pɛ na ɛyɛ nwonwa aba. Saa ɔfã yi bɛfa wo sɛnea wobɛpaw kɔla a ɛyɛ pɛ a ɛkɔ soro no mu, efi nsensanee a ɛka bom so kosi nsonsonoe a ɛyɛ akokoduru so. Yɛbɛhwehwɛ nyansahu a ɛwɔ kɔla a wɔpaw akyi no mu na yɛde afotuo ama wɔ sɛdeɛ wobɛpaw gradients a ɛne wo brand identity anaa project botaeɛ hyia.
Sua pii
3. Gradients a wɔde bedi dwuma wɔ design element ahorow mu .
Efi akyi nsɛm so kosi nkyerɛwee so kosi mfonini ahorow so no, wobetumi de nneɛma a ɛkɔ soro no adi dwuma wɔ akwan pii so de ama wo nsusuwii no ayɛ kɛse. Wɔ ɔfa yi mu no, yɛbɛbubu sɛdeɛ yɛde gradients bɛka wo design no mu nneɛma ahodoɔ ho yie a worenhyɛ w’ahwɛfoɔ no so. Sua sɛnea gradients a ɛyɛ anifere betumi ama nsakrae kɛse aba ne sɛnea bold gradients betumi akyerɛkyerɛ brand bi aniwa a ɛyɛ nwonwa mu.
Sua pii
Sɛnea wɔde kɔla ahorow di dwuma .
tumi a ɛwɔ gradients mu wɔ design mu no ho ntease .
Gradients yɛ nea ɛsen akyi a ɛyɛ kɔla ara kwa; Wɔyɛ adwinnade a ɛho hia wɔ nnɛyi nhyehyɛe mu. Sɛ wode di dwuma yiye a, gradients de bun, kankyee, ne nkwa ba wo nnwom no mu. Sɛ woreyɛ logo, wɛbsaet, anaa app interface bi ho mfonini a, gradients ma wohu ade a ɛma wohu ade a ɛtwetwe nea ɔhwɛ no adwene na ɛkyerɛ wɔn kwan wɔ nhyehyɛe no mu. Sɛ wode gradients di dwuma wɔ ɔkwan a ɛfata so a, wubetumi ayɛ osuahu a ɛyɛ anigye a ɛte sɛ nea ɛyɛ nnam na ɛyɛ fɛ.
Adwene ne nneyɛe ho nimdeɛ a ɛwɔ gradients akyi .
Dɛn nti na gradient ahorow no nya nkɛntɛnso a emu yɛ den saa? Onipa aniwa no fi awosu mu twetwe kɔla ahorow a ɛkɔ so wɔ kɔla ahorow ntam. Saa nsakrae ahorow yi sua sɛnea yenya wiase a atwa yɛn ho ahyia no mu osuahu —nsakrae nkakrankakra wɔ hann ne sunsuma mu ma yenya ntease a emu dɔ ne ne kɛse. Wɔ adwini mu no, eyi betumi akyerɛ nsonsonoe a ɛda ohoni a ɛyɛ tratraa a ɛnyɛ nea ɛkanyan adwene ntam ne nea ɛte nka sɛ ɛte ase na ɛde ne ho hyɛ mu. Sɛ nhwɛso no, Instagram ahyɛnsode a agye din no de nkɔanim a ɛkɔ soro di dwuma de kanyan ɔhyew ne adebɔ ho adwene, na ɛtwetwe wɔn a wɔde di dwuma no fi nea edi kan no mu.
Asɛm no ho adesua: Instagram ahyɛnsode .
Instagram a ɔpaw sɛ ɔde gradient bedi dwuma wɔ ne logo mu no nyɛ afɛfɛde ho gyinaesi ara kwa; Ɛyɛ adwene mu adeyɛ a wɔabu ho akontaa. Ɛdenam kɔla ahorow a ɛyɛ hyew a ɛsensɛn so a wɔde di dwuma so no, Instagram di adebɔ, ahoɔden, ne abusuabɔ ho nkitaho—nneɛma a ɛho hia nyinaa a ɛwɔ ahyɛnsode no ho. Sɛnea 2019 nhwehwɛmu a DesignCrowd yɛe kyerɛ no, wɔn a wɔde di dwuma no yɛ 20% a wɔde wɔn ho bɛhyɛ nhyehyɛe bi a ɛde gradient nsunsuanso di dwuma mu bere a wɔde toto kɔla a ɛyɛ tratraa ho, a ɛkyerɛ tumi a wontumi nnye ho kyim a ɛwɔ gradients mu wɔ nkitahodi a ɛkɔ soro no mu.
Nea enti a gradients nyɛ nea ɛfa akyi mfonini nkutoo ho .
Wobetumi de gradients adi dwuma akyirikyiri asen akyigyina ara kwa. Wobetumi ama logos, icons, ne nsɛm mpo ayɛ kɛse. Nokwarem no, sɛ wode gradients ka typography ho a, ebetumi adan nsɛm a anka ɛyɛ kusuu ayɛ no asɛm a ɛyɛ akokoduru. Sɛ nhwɛso no, tech nnwumakuw te sɛ Spotify anaa Adobe a wɔde wɔn din hyɛ mu no de gradients di dwuma kɛse ɛnyɛ sɛ ɛyɛ akyi nneɛma nko na mmom sɛ wɔn logo ne interface designs no afã atitiriw. Saa ɔkwan a wɔfa so di dwuma yi boa ma brand no nipasu yɛ den na ɛde wɔn nkrasɛm no ne style di nkitaho.
Nsɛm a wɔayɛ ho nhwehwɛmu: Adobe gradient branding .
Adobe a ɔde gradients di dwuma wɔ ne creative cloud suite of products mu no ma wonya osuahu a ɛne ne ho hyia wɔ aniwa so. Nneɛma a ɛyɛ hyew, a ɛwɔ kɔla ahorow pii a ɛwɔ Adobe ntam nkitahodi mu no de anifere ka adebɔ, nsakrae, ne nneɛma foforo a wɔyɛ ho asɛm wɔ anifere kwan so. Sɛnea Adobe nhwehwɛmu a ɛwɔ mu kyerɛ no, wɔn a wɔde di dwuma no bɔɔ amanneɛ sɛ abotɔyam a ɛkɔ soro 15% bere a wɔne wɔn UI a ɛkɔ soro no di nkitaho no, a ɛkyerɛ sɛ sɛnea wɔde nneɛma a ɛkɔ soro a wɔde di dwuma yiye di dwuma no betumi ama osuahu a wɔde di dwuma no anya nkɔso na ama wɔn ho a wɔde hyɛ mu no ayɛ kɛse.
Nhumu a wɔde data di dwuma .
Momma yɛnnya data a ɛyɛ den bi a ɛfa sɛnea gradients no tu mpɔn ho. Nhwehwɛmu bi a Nielsen Norman kuw no yɛe no daa no adi sɛ gradients a wɔadi ho dwuma yiye no maa wɔn a wɔde di dwuma no dodow kɔɔ soro koduu 30%, denam nea ɛyɛ anigye a wɔde aniwa hu a ɛma ɛyɛ anigye ne sɛnea wosusuw sɛ wɔyɛ adwuma wɔ adwini bi mu ara kwa no so. Saa akontaabu yi si sɛnea ɛho hia sɛ wode gradients di dwuma ɛnyɛ aesthetics nko, na mmom sɛ ɛbɛma woanya abusuabɔ a emu yɛ den ne w’atiefo no so dua.
Color Gradients: Design trend a ɛwɔ ha a ɛbɛtena hɔ .
Ɛda adi pefee sɛ gradients yɛ nea ɛsen nea ɛretwam. Bere a nhyehyɛe no kɔ so dannan no, yɛrehu sɛ nneɛma a ɛkɔ soro no repia nea ebetumi aba wɔ emu dɔ ne nkate mu no ahye. Esiane sɛ nkɔso a aba wɔ dijitaal nnwinnade ne softwea mu nti, ɛyɛ mmerɛw sen bere biara sɛ wɔbɛbɔ na wɔayɛ ho adwuma, na ɛma wotumi nya wɔn ho ma wɔn a wɔyɛ nneɛma a wɔyɛ no yiye ne wɔn a wɔyɛ adwuma no nyinaa. Enti, sɛ wunnya nhuruw wɔ gradient bandwagon no so a, mprempren ne bere a ɛsɛ sɛ woyɛ saa!
Table: agye din gradient combinations ne wɔn nkɛntɛnso
| gradient nkabom | nkɛntɛnso wɔ nhyehyɛe so . |
| bruu kosi kɔkɔɔ . | evokes adebɔ ne ahotoso, a wɔtaa de di dwuma wɔ tech ne adebɔ nnwuma mu. |
| Kɔkɔɔ kosi kɔkɔɔ . | Ahoɔden ne nea ɛtwetwe adwene, ɛyɛ pɛpɛɛpɛ ma nnwumakuw a wɔpɛ sɛ wɔda anigye anaa ntɛmpɛ adi. |
| Pink to orange . | a ɛyɛ hyew, a ɛto nsa frɛ no a ɛkyerɛ anidaso ne adebɔ, a agye din wɔ asetra ne ahoɔfɛ ho nneɛma mu. |
| Green kosi bruu . | Ɛyɛ kommyɛ, akwahosan, ne nneɛma a atwa yɛn ho ahyia a ɛbɛkɔ so atra hɔ daa ho sɛnkyerɛnne, a nneɛma a ɛma nneɛma a atwa yɛn ho ahyia taa de di dwuma. |
2: Kɔla ahorow a wɔaka abom a ɛfata a wobɛpaw ama woanya nkɛntɛnso kɛse .
Enti, ɔkwan bɛn so na wopaw gradient nkabom a ɛfata a ɛma wo design pop? Wiɛ, ne nyinaa fa kɔla ho nkyerɛkyerɛ a wobɛte ase ne sɛnea kɔla ahorow di nkitaho ho. Ɛnyɛ sɛ wobɛbɔ random shades abien abom kɛkɛ na woafrɛ no da koro. Ɛsɛ sɛ wususuw nneɛma a ɛne ne ho bɔ abira, nea ɛka ho, ne amammerɛ fekuw ahorow mpo ho. Gradient combo kɛse bi betumi ama design bi so afi 'meh' so akɔ 'wow so.' Momma yɛnbubu nkonimdi akwan ne nhwɛso ahorow bi a ɛyɛ adwuma anwonwade wɔ wiase ankasa mu applications mu.
Nyansahu a ɛfa kɔla a ɛne ne ho bɔ abira ho .
Nneɛma a edi kan: Nsonsonoe ne ɔhene. Sɛ wo ne gradients reyɛ adwuma a, ɛho hia sɛ wususuw sɛnea kɔla ahorow no ne wɔn ho bɔ abira no ho. Sɛ nhwɛso no, sɛ wɔde kɔla a ɛyɛ hyew (reds, oranges) di dwuma wɔ kɔla a ɛyɛ nwini (blues, greens) nkyɛn a, ɛma wonya tumi a ɛyɛ nwonwa wɔ aniwa so. Susuw Coca-Cola ahyɛnsode no ho hwɛ—kɔla kɔkɔɔ ne fitaa. Ɛyɛ nsonsonoe kɛse, na *ɛyɛ adwuma*. Ahintasɛm no? Saa nkabom no ma aniwa mu nhyɛso a ɛtwetwe adwene ba. Nhwehwɛmu kyerɛ sɛ designs a ɛwɔ kɔla ahorow a ɛne ne ho bɔ abira kɛse no wɔ 35% a ɛyɛ papa a wɔde di dwuma no mu kyɛfa. Ɛnyɛ nea ɛtwetwe adwene kɛkɛ; Wɔada no adi wɔ nyansahu mu sɛ ɛbɛma nkurɔfo adwene akɔ so ayɛ adwuma.
Nsɛm a wɔasusuw ho: Coca-Cola a ɛyɛ kɔkɔɔ ne fitaa a ɛyɛ nwonwa no .
Fa Coca-Cola sɛ nhwɛso. Wɔn kɔkɔɔ ne fitaa a ɛkɔ soro no nyɛ kɔla a wɔpaw ara kwa —ɛyɛ masterclass a ɛne no bɔ abira. Ɛnyɛ sɛ kɔla kɔkɔɔ a ɛyɛ den a ɛne fitaa no bɔ mu no teɛm nko, na mmom ɛma wonya ahotoso ne nimdeɛ a wonya no nso. Ɛyɛ mmerɛw, nanso tumi wom. Ɛyɛ saa nkabom no mu biako a ɛnyɛ hɔ ara kwa —ɛfa wo. Sɛnea 2022 nhwehwɛmu a Color Marketing Group yɛe kyerɛ no, ɔhyew-to-nwini a ɛkɔ soro te sɛ eyi ma brand recall kɔ soro 40%. Ɛno ne tumi a ɛwɔ complementary contrast mu, folks.
Hues a wobɛpaw a egyina brand nipasu so .
Seesei, kɔla a wɔpaw no nyɛ nea ɛba kwa ara kwa —ɛsɛ sɛ ɛne wo brand no nipasu ne wo nkrasɛm hyia. Sɛ nhwɛso no, tech nnwumakuw te sɛ Apple ne Microsoft de gradients a ɛda sleekness ne modernity adi dwuma, a mpɛn pii no ɛde blues a ɛyɛ nwini ne purples frafra. Sɛ woyɛ brand a wopɛ sɛ woda kommyɛ, adwumayɛ ho nimdeɛ, ne nneɛma foforo adi a, gradient te sɛ blue-to-purple yɛ ade a ɛyɛ den a wobɛpaw. Wɔ flip side no, brands a wɔpɛ sɛ ɛda ɔhyew ne approachability adi no betumi akɔ gradients a pink ne yellows wom. Ɛyɛ ne nyinaa fa sɛnea ɛne vibe no hyia ho.
Nsɛm a wɔasusuw ho: Apple a ɛyɛ fɛ a ɛkɔ soro .
Apple a ɔpaw nea ɛkɔ so wɔ ɔkwan a ɛkɔ akyiri so no yɛ nnɛyi nsɛm a ɛyɛ nwonwa ho nhwɛso. Wɔn interface designs taa de subtle gradients di dwuma wɔ shades of blue ne purple mu, na ɛma nea ɔde di dwuma no nya adwene sɛ ɔyɛ foforo bere a ɔda so ara gyina adwumayɛ ho nimdeɛ so. Eyi nyɛ aesthetic fluff kɛkɛ —ɛyɛ strategic branding. Apple sika a wonyae no kɔɔ soro 25% wɔ wɔn iOS a wɔde gradient-focused UI elements sii hɔ no akyi, a ɛkyerɛ sɛnea gradient a wɔde di dwuma yiye no betumi ama nkonimdi aba.
Bere a Ɛsɛ sɛ Wokɔ Bold: Kɔla ahorow a wɔde ka bom a wɔnhwɛ kwan .
Bold, unconventional gradients betumi ayɛ agoru-sesa wɔ tebea a ɛfata mu. Nneɛma a ɛyɛ fɛ a wɔbɛkae kɛse no bi de akokoduru de nneɛma a wɔaka abom a worensusuw sɛ ɛbɛyɛ adwuma abom adi dwuma —te sɛ neon pink ne anyinam ahoɔden bruu. Susuw Spotify gradient a agye din a ɛde ahabammono ne tuntum afrafra a ɛte nka sɛ ɛyɛ akokoduru nanso ɔkwan bi so no ɛteɛ no di dwuma no ho hwɛ. Ɛyɛ ne nyinaa sɛ ɛbɛma nea ɔhwɛ no ayɛ nwonwa na wabu mmara so, nanso wobɛyɛ saa wɔ ɔkwan a ɛda so ara te nka sɛ wɔahyɛ da ayɛ na ɛyɛ biako so.
Nsɛm a wɔayɛ ho nhwehwɛmu: Spotify a ɛyɛ akokoduru a ɛyɛ ahabammono-kɔ tuntum a ɛkɔ soro .
Spotify yɛ adwumakuw bi a wonim sɛnea wɔwosow akokoduru a ɛkɔ soro no ho nhwɛso a edi mũ. Ɛnyɛ sɛ wɔn green-to-black gradient no yɛ soronko nko, na mmom ɛka atuatew honhom nso ho asɛm —susuw nnwom a ɛne atetesɛm nhyia ho. Saa kɔla nhyehyɛe yi a wɔde di dwuma no tu mpɔn araa ma wɔakyerɛ sɛ ɛma Spotify UI te nka sɛ ɛyɛ foforo na ɛyɛ nea wɔkae. Wɔn a wɔgyee saa gradient yi toom no boa maa user retention kɔɔ soro denam 15% a ɛyɛ hu so wɔ afe a ɛtɔ so mmiɛnsa a edi kan no mu wɔ bere a wɔde sii hɔ no akyi.
Table: Top gradient nkabom ma pɔtee brand identities
| gradient nkabom a | eye sen biara ma brand identity . |
| bruu kosi kɔkɔɔ . | Tech nnwumakuw, nneɛma foforo a wɔde wɔn adwene si so . |
| Pink kosi kɔkɔɔ . | Asetra kwan ho nneɛma, ntadehyɛ, ne ahoɔfɛ . |
| Kɔkɔɔ kosi tuntum . | Nneɛma a ɛyɛ akokoduru, akokoduru, atuatew a wɔde yɛ nneɛma . |
| Green kosi bruu . | Nneɛma a atwa yɛn ho ahyia, akwahosan ho nneɛma a wɔde di dwuma . |
![](<a name="02"></a></p> <div> <h3>2: Kɔla ahorow a wɔaka abom a ɛfata a wobɛpaw ama woanya nkɛntɛnso kɛse .</h3> <p>Enti, ɔkwan bɛn so na wopaw gradient nkabom a ɛfata a ɛma wo design pop? Wiɛ, ne nyinaa fa kɔla ho nkyerɛkyerɛ a wobɛte ase ne sɛnea kɔla ahorow di nkitaho ho. Ɛnyɛ sɛ wobɛbɔ random shades abien abom kɛkɛ na woafrɛ no da koro. Ɛsɛ sɛ wususuw nneɛma a ɛne ne ho bɔ abira, nea ɛka ho, ne amammerɛ fekuw ahorow mpo ho. Gradient combo kɛse bi betumi ama design bi so afi )
Nyansahu a ɛfa kɔla a ɛne ne ho bɔ abira ho .
Nneɛma a edi kan: Nsonsonoe ne ɔhene. Sɛ wo ne gradients reyɛ adwuma a, ɛho hia sɛ wususuw sɛnea kɔla ahorow no ne wɔn ho bɔ abira no ho. Sɛ nhwɛso no, sɛ wɔde kɔla a ɛyɛ hyew (reds, oranges) di dwuma wɔ kɔla a ɛyɛ nwini (blues, greens) nkyɛn a, ɛma wonya tumi a ɛyɛ nwonwa wɔ aniwa so. Susuw Coca-Cola ahyɛnsode no ho hwɛ—kɔla kɔkɔɔ ne fitaa. Ɛyɛ nsonsonoe kɛse, na *ɛyɛ adwuma*. Ahintasɛm no? Saa nkabom no ma aniwa mu nhyɛso a ɛtwetwe adwene ba. Nhwehwɛmu kyerɛ sɛ designs a ɛwɔ kɔla ahorow a ɛne ne ho bɔ abira kɛse no wɔ 35% a ɛyɛ papa a wɔde di dwuma no mu kyɛfa. Ɛnyɛ nea ɛtwetwe adwene kɛkɛ; Wɔada no adi wɔ nyansahu mu sɛ ɛbɛma nkurɔfo adwene akɔ so ayɛ adwuma.
Nsɛm a wɔasusuw ho: Coca-Cola a ɛyɛ kɔkɔɔ ne fitaa a ɛyɛ nwonwa no .
Fa Coca-Cola sɛ nhwɛso. Wɔn kɔkɔɔ ne fitaa a ɛkɔ soro no nyɛ kɔla a wɔpaw ara kwa —ɛyɛ masterclass a ɛne no bɔ abira. Ɛnyɛ sɛ kɔla kɔkɔɔ a ɛyɛ den a ɛne fitaa no bɔ mu no teɛm nko, na mmom ɛma wonya ahotoso ne nimdeɛ a wonya no nso. Ɛyɛ mmerɛw, nanso tumi wom. Ɛyɛ saa nkabom no mu biako a ɛnyɛ hɔ ara kwa —ɛfa wo. Sɛnea 2022 nhwehwɛmu a Color Marketing Group yɛe kyerɛ no, ɔhyew-to-nwini a ɛkɔ soro te sɛ eyi ma brand recall kɔ soro 40%. Ɛno ne tumi a ɛwɔ complementary contrast mu, folks.
Hues a wobɛpaw a egyina brand nipasu so .
Seesei, kɔla a wɔpaw no nyɛ nea ɛba kwa ara kwa —ɛsɛ sɛ ɛne wo brand no nipasu ne wo nkrasɛm hyia. Sɛ nhwɛso no, tech nnwumakuw te sɛ Apple ne Microsoft de gradients a ɛda sleekness ne modernity adi dwuma, a mpɛn pii no ɛde blues a ɛyɛ nwini ne purples frafra. Sɛ woyɛ brand a wopɛ sɛ woda kommyɛ, adwumayɛ ho nimdeɛ, ne nneɛma foforo adi a, gradient te sɛ blue-to-purple yɛ ade a ɛyɛ den a wobɛpaw. Wɔ flip side no, brands a wɔpɛ sɛ ɛda ɔhyew ne approachability adi no betumi akɔ gradients a pink ne yellows wom. Ɛyɛ ne nyinaa fa sɛnea ɛne vibe no hyia ho.
Nsɛm a wɔasusuw ho: Apple a ɛyɛ fɛ a ɛkɔ soro .
Apple a ɔpaw nea ɛkɔ so wɔ ɔkwan a ɛkɔ akyiri so no yɛ nnɛyi nsɛm a ɛyɛ nwonwa ho nhwɛso. Wɔn interface designs taa de subtle gradients di dwuma wɔ shades of blue ne purple mu, na ɛma nea ɔde di dwuma no nya adwene sɛ ɔyɛ foforo bere a ɔda so ara gyina adwumayɛ ho nimdeɛ so. Eyi nyɛ aesthetic fluff kɛkɛ —ɛyɛ strategic branding. Apple sika a wonyae no kɔɔ soro 25% wɔ wɔn iOS a wɔde gradient-focused UI elements sii hɔ no akyi, a ɛkyerɛ sɛnea gradient a wɔde di dwuma yiye no betumi ama nkonimdi aba.
Bere a Ɛsɛ sɛ Wokɔ Bold: Kɔla ahorow a wɔde ka bom a wɔnhwɛ kwan .
Bold, unconventional gradients betumi ayɛ agoru-sesa wɔ tebea a ɛfata mu. Nneɛma a ɛyɛ fɛ a wɔbɛkae kɛse no bi de akokoduru de nneɛma a wɔaka abom a worensusuw sɛ ɛbɛyɛ adwuma abom adi dwuma —te sɛ neon pink ne anyinam ahoɔden bruu. Susuw Spotify gradient a agye din a ɛde ahabammono ne tuntum afrafra a ɛte nka sɛ ɛyɛ akokoduru nanso ɔkwan bi so no ɛteɛ no di dwuma no ho hwɛ. Ɛyɛ ne nyinaa sɛ ɛbɛma nea ɔhwɛ no ayɛ nwonwa na wabu mmara so, nanso wobɛyɛ saa wɔ ɔkwan a ɛda so ara te nka sɛ wɔahyɛ da ayɛ na ɛyɛ biako so.
Nsɛm a wɔayɛ ho nhwehwɛmu: Spotify a ɛyɛ akokoduru a ɛyɛ ahabammono-kɔ tuntum a ɛkɔ soro .
Spotify yɛ adwumakuw bi a wonim sɛnea wɔwosow akokoduru a ɛkɔ soro no ho nhwɛso a edi mũ. Ɛnyɛ sɛ wɔn green-to-black gradient no yɛ soronko nko, na mmom ɛka atuatew honhom nso ho asɛm —susuw nnwom a ɛne atetesɛm nhyia ho. Saa kɔla nhyehyɛe yi a wɔde di dwuma no tu mpɔn araa ma wɔakyerɛ sɛ ɛma Spotify UI te nka sɛ ɛyɛ foforo na ɛyɛ nea wɔkae. Wɔn a wɔgyee saa gradient yi toom no boa maa user retention kɔɔ soro denam 15% a ɛyɛ hu so wɔ afe a ɛtɔ so mmiɛnsa a edi kan no mu wɔ bere a wɔde sii hɔ no akyi.
Table: Top gradient nkabom ma pɔtee brand identities
| gradient nkabom a | eye sen biara ma brand identity . |
| bruu kosi kɔkɔɔ . | Tech nnwumakuw, nneɛma foforo a wɔde wɔn adwene si so . |
| Pink kosi kɔkɔɔ . | Asetra kwan ho nneɛma, ntadehyɛ, ne ahoɔfɛ . |
| Kɔkɔɔ kosi tuntum . | Nneɛma a ɛyɛ akokoduru, akokoduru, atuatew a wɔde yɛ nneɛma . |
| Green kosi bruu . | Nneɛma a atwa yɛn ho ahyia, akwahosan ho nneɛma a wɔde di dwuma . |
' title='nnɛyi ɔfese gradient design' alt='office design a wɔde gradients di dwuma'/>
3: gradients a wɔde bedi dwuma wɔ design elements ahorow mu .
Wobetumi de gradients adi dwuma wɔ design elements ahorow pii mu, na emu biara de n’ankasa flair aka wo aesthetic nyinaa ho. Sɛ́ ebia wode di dwuma wɔ akyi , mfonini ahorow , anaasɛ bɔtn mu no , application biara di atirimpɔw foforo ho dwuma. Afiri no ne sɛ wobɛte baabi ne ɔkwan a wobɛfa so de gradients adi dwuma a worenhyɛ wo nhyehyɛe no so.
Gradients a wɔde di dwuma wɔ akyi .
Background gradients yɛ classic choice ma designers a wɔn botae ne sɛ wɔbɛbɔ bun ne kankyee a wɔrentwetwe wɔn adwene mfi emu nsɛm titiriw no ho. Sɛ nhwɛso no, anifere kwan so ade a ɛkɔ soro a ɛsakra fi bruu a ɛyɛ hare so kɔ fitaa so no betumi ama wo wɛbsaet no ate nka sɛ ɛyɛ foforo na ɛyɛ nnɛyi de a wunnyi adwene mfi nkyerɛwee anaa mfonini ahorow no mu. Data kyerɛ sɛ wɛbsaet ahorow a ɛwɔ gradient akyi no taa nya 25% bere a ɛwɔ krataafa no so sen nea ɛwɔ akyi a ɛyɛ petee no, bere a anifere kwan so kankyee no kura nea ɔhwɛ no adwene mu kyɛ no.
Nsɛm a wɔayɛ ho nhwehwɛmu: Airbnb no akyi mfonini a ɛyɛ anifere .
Airbnb ayɛ mastered sɛnea wɔde gradient backgrounds di dwuma. Wɔn wɛbsaet no taa de gradients a ɛyɛ mmerɛw fi hann mu kɔ sum mu di dwuma, titiriw wɔ nkratafa a ɛkɔ fam so. Eyi ma wonya awerɛkyekye na wobue wɔn ani. Nokwarem no, 2018 Design nhwehwɛmu bi hunuu sɛ Airbnb a wɔde di dwuma no de 30% bere pii traa nkratafa a ɛwɔ gradient akyi, sɛ wɔde toto nkratafa a ɛwɔ kɔla a ɛyɛ den ho a. Eyi nyɛ biribi a ɛbae ara kwa —ɛyɛ nhyehyɛe a wɔde yɛ adwuma.
Typography a ɛma ɛyɛ kɛse a ɛwɔ gradients .
Gradients a ɛwɔ typography mu no yɛ game-changer bere a wopɛ sɛ wo text no da nsow no. Akokoduru a ɛkɔ soro wɔ header text so no betumi ama ayɛ te sɛ nea ɛyɛ nnam kɛse. a wode bedi dwuma Gradient overlay wɔ wo nsɛm so no yɛ akwan a ɛyɛ ntɛm sen biara a wobɛfa so de anigye a ɛwɔ aniwa so aka ho na woama nkrasɛm no akɔ soro no mu biako. Nnwumakuw te sɛ Spotify de gradient typography adi dwuma de akyerɛkyerɛ wɔn akokoduru ne mmerantebere mu nipasu mu.
Nsɛm a wɔasusuw ho: Spotify typography .
Spotify a ɔde gradient typography di dwuma no yɛ nhwɛso a edi mũ a ɛkyerɛ sɛnea wɔyɛ text pop. Green-to-black gradients a wɔde di dwuma wɔ wɔn buttons ne headings so no nkyerɛ nsɛm no kɛkɛ, ɛsan nso ne wɔn brand no ahoɔden, tech-forward mfonini no hyia pɛpɛɛpɛ. Wɔn UI nhyehyɛɛ a wɔde saa gradients yi dii dwuma no huu nkɔanim 15% wɔ wɔn a wɔde di dwuma no nkitahodi mu, sɛnea 2019 UX nhwehwɛmu bi kyerɛ no. Ɛkyerɛ sɛ typography betumi ayɛ nea ɛsen nsɛmfua ara kwa —ebetumi ayɛ osuahu.
Nkɔanim a ɛba wɔ bɔtn ne frɛ-kɔ-adeyɛ mu (CTAS) .
Mmeae a tumi wom sen biara a wobetumi de gradients adi dwuma no mu biako ne buttons ne calls-to-action (CTAs). Gradients boa ma wɔbɔ button ahorow a ɛda nsow a ɛnyɛ nea ɛboro so dodo. Sɛ nhwɛso no, sɛnea ɛkɔ soro fi borɔdɔma so kɔ kɔkɔɔ so no betumi ama wo CTA no anya ntɛmpɛ, a ɛhyɛ wɔn a wɔde di dwuma no ma wɔayɛ ho biribi. Nhwehwɛmu ada no adi sɛ gradient buttons a wɔde di dwuma no betumi ama click-through rates akɔ soro 30% sɛ wɔde toto flat-colored buttons ho a.
Nsɛm a wɔayɛ ho nhwehwɛmu: HubSpot a ɛwɔ CTA a ɛkɔ soro no .
Hubspot a ɔde gradient CTA buttons di dwuma no yɛ adesua nhoma ho nhwɛso. Wɔn nsaano nkyerɛwee orange-to-blue gradient buttons no ma nsakrae ba na ɛkyerɛ nea ɔde di dwuma no kwan wɔ wɔn wɛbsaet no so a biribiara nhaw no. Nokwarem no, HubSpot bɔɔ amanneɛ sɛ nsakrae dodow no kɔɔ soro 25% bere a wɔdan fii CTA button a ɛyɛ tratraa so kɔɔ nea ɛwɔ gradient effect so akyi, sɛnea wɔn 2020 UX nhwehwɛmu no kyerɛ no. Ɛno yɛ sɛnkyerɛnne a emu da hɔ a ɛkyerɛ sɛ gradients nyɛ afɛfɛde kɛkɛ —wɔyɛ adwuma!
Gradients a wɔde bedi dwuma wɔ ahyɛnsode ne ahyɛnsode ahorow mu .
Nneɛma a ɛkɔ soro no nso betumi ahome nkwa akɔ ahyɛnsode ne ahyɛnsode ahorow mu. Ɛdenam depth a wode bɛka ho denam gradient effect so no, wo logo no betumi ayɛ sɛ nea ɛyɛ nwonwa na ɛyɛ nnɛyi de. Nneɛma a ɛkɔ soro a wɔde di dwuma wɔ ahyɛnsode ahorow mu no ma nnwumakuw tumi da nsow wɔ gua a nnipa ahyɛ so ma so na ɛma wohu sɛ biribi rekɔ so anaa ahoɔden. Brands te sɛ Instagram ne Pepsi de gradients adi dwuma yiye ma ayɛ wɔn logos no ntɛm ara.
Asɛm no ho adesua: Instagram a ɛyɛ gradient logo .
Instagram gradient logo no yɛ nhwɛso titiriw a ɛkyerɛ sɛnea gradients betumi asakra brand identity koraa. Nkɔanim a ɛyɛ hyew a efi kɔkɔɔ kɔ kɔkɔɔ mu wɔ wɔn ahyɛnsode no mu no nyɛ nea ɛyɛ nwonwa wɔ aniwa so kɛkɛ —ɛkanyan adebɔ, nkitahodi, ne ɔhyew. Efi bere a wɔyɛɛ no foforo wɔ afe 2016 mu no, Instagram ahu sɛ engagement ne wɔn a wɔde di dwuma no nkitahodi akɔ soro 50%, na ɛkyerɛ sɛ gradient ahyɛnsode a wɔadi ho dwuma yiye betumi abɛyɛ ade titiriw a ɛbɛma wɔatumi ayɛ adwuma no yiye.
Table: Nneɛma a wɔde di dwuma a agye din wɔ nsusuwii mu wɔ adwini mu
| nneɛma nhyehyɛe element | ideal gradient usage . |
| akyi nsɛm . | Soft gradients a ɛbɛma emu dɔ aka ho na ama wɔde wɔn adwene asi nsɛm a ɛwɔ mu no so. |
| Typography . | Bold gradients a ɛbɛma nsɛmti ada nsow na ɛkyerɛkyerɛ brand nipasu mu. |
| CTAs . | Nkɔanim a ɛyɛ hyew, a ɛtwetwe adwene a ɛhyɛ ne ho nkuran a ɛhyɛ nkitahodi ne kar nsakrae ho nkuran. |
| Logos & Nsɛnkyerɛnnede . | Dynamic gradients a wɔde bɛka sophistication ne modernity ho wɔ brand identity mu. |
Woahu sɛnea gradients tumi yɛ adwuma wɔ nneɛma ahorow a ɛwɔ design mu. Ɔkwan bɛn so na woayɛ nhyehyɛe sɛ wode wɔn bɛka wo dwumadi a edi hɔ no ho? Ma yɛnhu wɔ nsɛm a ɛwɔ aseɛ ha yi mu!
English
العربية
Français
Русский
Español
Português
Deutsch
italiano
日本語
한국어
Nederlands
Tiếng Việt
ไทย
Polski
Türkçe
አማርኛ
ພາສາລາວ
ភាសាខ្មែរ
Bahasa Melayu
ဗမာစာ
தமிழ்
Filipino
Bahasa Indonesia
magyar
Română
Čeština
Монгол
қазақ
Српски
हिन्दी
فارسی
Kiswahili
Slovenčina
Slovenščina
Norsk
Svenska
українська
Ελληνικά
Suomi
Հայերեն
עברית
Latine
Dansk
اردو
Shqip
বাংলা
Hrvatski
Afrikaans
Gaeilge
Eesti keel
Māori
සිංහල
नेपाली
Oʻzbekcha
latviešu
অসমীয়া
Aymara
Azərbaycan dili
Bamanankan
Euskara
Беларуская мова
भोजपुरी
Bosanski
Български
Català
Cebuano
Corsu
ދިވެހި
डोग्रिड ने दी
Esperanto
Eʋegbe
Frysk
Galego
ქართული
guarani
ગુજરાતી
Kreyòl ayisyen
Hausa
ʻŌlelo Hawaiʻi
Hmoob
íslenska
Igbo
Ilocano
Basa Jawa
ಕನ್ನಡ
Kinyarwanda
गोंगेन हें नांव
Krio we dɛn kɔl Krio
Kurdî
Kurdî
Кыргызча
Lingala
Lietuvių
Oluganda
Lëtzebuergesch
Македонски
मैथिली
Malagasy
മലയാളം
Malti
मराठी
ꯃꯦꯇꯥꯏ (ꯃꯅꯤꯄꯨꯔꯤ) ꯴.
Mizo tawng
Chichewa
ଓଡ଼ିଆ
Afaan Oromoo
پښتو
ਪੰਜਾਬੀ
Runasimi
Gagana Samoa
संस्कृत
Gaelo Albannach
Sepeti
Sesotho
chiShona
سنڌي
Soomaali
Basa Sunda
Wikang Tagalog
Тоҷикӣ
Татарча
తెలుగు
ትግንያውያን
Xitsonga
Türkmençe
संस्कृत
ئۇيغۇرچە
Cymraeg
isiXhosa
ייִדיש
Yorùbá
isiZulu
