Gunearen hondoak arnasa hartzen du. Gure eguneroko bizitzaren parte dira, baina inoiz ez diegu behar adina arreta jartzen akats nabaririk ez badago. Eta arnas bakoitza bezala, webgunearen atzeko planoa zure webgunearen arrakastaren eta bizitzaren zati bat da; zure webguneko beste zati guztiak hobeto funtzionatzen dute.

 

Zeintzuk dira gunearen jatorriak?

Webgunearen atzeko planoak irudiak, zipriztinak dira kolorea edo diseinua, zure webguneko pantaila betetzen dutenak. Sarritan bisitari batek zure webguneaz, markaz eta negozioaz egingo duen lehen inpresioa izaten da, beraz, garrantzitsua da ondo ateratzea. Atzealde perfektuak transmitituko du zure markaren istorioa, okerrak zure mezua bota dezakeen bitartean. Zure webgunea lan-elkarrizketa edo lehen zita baterako jantziko duzun arropa bezalakoa da. Itxura dibertigarri eta eskuragarria edo sofistikatua eta esklusiboa bilatzen al duzu?

Izan ere, uste baino askoz gehiago dago web diseinuaren itxuraz oinarrizkoa den alderdi honetan. Ez da nahikoa zure webgunearen atzeko planoak itxura ona izatea. Lehenengo zita edo lan-elkarrizketa batera joaten zarenean bezala, zure istorioa kontatzen duzula ziurtatu behar duzu, elkartzen zaren tokia eskuragarri dagoela eta ziurtatu beste pertsona zurekin gozatzen ari dela. Era berean, webgunearen atzeko planoek erabiltzailearen esperientzia ona (UX) eskaintzea eta ikusleek irakurgarria izatea espero da.

webguneko zerbitzuaren atzeko planorako harpidetza ona egin da

 

Webgunearen oinarriak

Aholkuetan sartu baino lehen, garrantzitsua da oinarriak bidetik kentzea.

Ezagutu bi web atzeko plano mota

Gorputzaren atzeko planoa

Gorputzaren atzeko planoa pantailaren zatirik handiena hartzen duen eremua da. Hemen ilustrazioz, ehunduraz, irudi osoz edo kolore-gradientez osatutako atzeko planoak aurkituko dituzu. Askotan zuria besterik ez da.

Atzeko planoko edukia. Webgunearen atzeko planoa

Edukiaren atzeko planoak ez du pantaila osoa estaltzen, beste atal batzuen inguruko eremu bat inguratzen du, adibidez, irudi edo testu bat. Horrek egitura ematen du eta gunearen atal desberdinak nabarmentzen eta bereizten laguntzen du.

Garagardo gorputzaren marka

Garagardo marka distiratsua

 

Higiezinen edukiaren atzeko planoa Webgunearen atzeko planoa

Eduki interesgarriak

 

Erabili izenburuak ospe gehiago lortzeko

Zure goiburua zure orriaren goiko aldea da eta zure webgunearen nortasuna erakusteko modu garrantzitsua da. Leku paregabea da elementu deigarriak erabiltzeko, hala nola ilustrazioak edo kolore zipriztinak, ziurrenik ez duelako azpiko edukitik desbideratuko.

Kiteboarding webgunearen atzeko planoa

Webgunearen goiburu erakargarria

Konturatu kontrastea

Ziurtatu kolore-kontrastea kontuan hartzen duzula. Kontraste okerrak zure webguneko edukia irakurtzea zaildu dezake, bisitarientzat eskuraezin bihurtuz, beraz, ziurtatu zure kontraste-erlazioa egiaztatzea.

Joan grafikoak. Webgunearen atzeko planoa

Elementu grafikoak erabiltzeak zure webguneari itxura bereizgarria ematen dio eta istorio bat kontatzen du bisualak soilik erabiliz. Baina ziurtatu elementu grafikoak erabiltzeko estiloa zure webgunearen estilo orokorrarekin bat datorrela, erabiltzaileei esperientzia koherentea eskaintzeko.

Emakumeen bizar-webgunearen atzeko planoa elementu grafikoekin

Webgunearen atzeko plano dotorea elementu grafikoekin

Hobetu zure atzeko planoa

Webgune zuriaren atzeko planoak aukera sinple eta betikoak dira. Baina web diseinuan gorputz osoko atzeko planoek (adibidez, gradiente bat, irudi osoa edo kolore-bloke sendo bat erabiliz) eragin handia izan dezakete behar bezala exekutatzen direnean. Ziurtatu irudia ez dela distiratsuegia edo orban ilunak dituela, zure edukitik arreta ez dezan. Zure erabiltzaileek zure negozioa zer den erraz eta berehala irakurtzeko gai izatea nahi duzu.

Gunearen testu osoa Gunearen atzeko planoa

Gunearen testu osoa

 

Esan kaixo aipagarrienak

Nabarmenek (zure guneko atal indibidualetarako kolore ezberdinez osaturiko lerro oso finak) bloke monokromatikoak hausten eta irakurgarritasuna hobetzen laguntzen dute.

Guneari buruzko oinarrizko informazioa Gunearen atzeko planoa

 

Webgune perfektua atzeko planoa sortzeko 8 aholku
-

1. Erabili kolore-interfaze adimenduna

Koloreak eta kolore-konbinazioak aukeratzea garrantzitsua da web diseinuaren atzeko planoei dagokienez, erabiltzaileek zure webgunea nola irakurriko duten laguntzen baitute. Web diseinuan koloreak arreta erakartzen, emozioa pizten, desioa sortzen, arreta erakartzen eta erabiltzaileen leialtasuna lortzen lagun dezake.

Webgunearen atzeko plano gorria

Webgunearen atzeko plano gorria

 

2. Egin zure atzeko planoko irudia oso irakurgarria. Webgunearen atzeko planoa

Atzeko planoko irudi perfektuak itxura ona izan behar du, baina are garrantzitsuagoa dena, itxura bikaina izan behar du. Zure webgunerako atzeko planoko irudi eder bat aukeratzeak ez du balio haren gainean dagoen testua irakurri ezin baduzu. Irudi perfektua aurkitu baduzu baina zure testua ez bada irakurtzen edukiaren gainean, saiatu softwarea erabiltzen argazki edizioa edo CSS gauzak aldatzeko, adibidez, kontrastea, opakutasuna edo geruza-maskarak gehitzeko. Horrek laguntzen ez badu, saiatu egokia aukeratzen letra- eta edukiaren beraren letra-tamaina.
web diseinua ordenagailu eramangarrian, telefonoan eta tabletan

Sagardotegiaren webgunearen atzeko planoko irudia gotza-tik irakurtzeko erraza den letra-tipoarekin

3. Eman hondo kolore sendoa

Argazkia ez da egokia zure gunerako? Zergatik ez saiatu kolore solido bat erabiltzen zure webgunearen atzeko planorako. Zure webgunea irakurgarria dela ziurtatzeko modu bikaina izan ohi da, kontrastea zuzena den bitartean. Ziurtatu kolorea zure marka, industria eta negozioaren inpresioa bat datorrela. Esaterako, gorria eta arrosa bezalako kolore beroek eragin energetikoa dute erabiltzailearengan eta baliagarriak izan daitezke fitness marketarako, eta berdea eta urdina bezalako kolore freskoak efektu lasaigarria izan ohi dute eta webguneetan erabiltzen diren kolore ohikoenak dira.

Kolore trinkoa sukalde veganorako

Sukaldaritza beganoa. Webgunearen atzeko planoaren kolore sendoa

4. Saihestu irudi lanpetuak eta nahasiak

Hau bereziki garrantzitsua da irudi baten gainean testua gehitzean. Zure webgunerako irudi deigarri bat aukeratu nahi baduzu ere, ez luke kontatu nahi duzun mezutik eta istoriotik kendu behar. Adibidez, paisaiak sor ditzakete bikaina Webguneetarako atzeko irudiak erakargarriak eta nahasirik gabeak baitira.

Bikingo gunearen atzealde nabarmena

Garbitu webgunearen atzeko planoa

5. Modan jarri

Modan dagoen webgunearen atzeko planoak zure diseinua moderno eta berria izan dezake. Saiatu web-diseinuko joera handienetako batzuk erabiltzen, forma geometrikoak, 3D elementu murgilgarriak, distiratsuak, kolore-eskema distiratsuak, modu iluna edo erabiliz. Pantone koloreak urteak bere diseinuan. Gogoratu, besterik gabe, modan dagoen zerbait erabiltzea betiko diseinuan zure atzeko planoa eguneratu beharko duzula laster baino lehenago.

webgunea modu ilunean

Webgunearen atzeko plano iluna

6. Animazio bat egin. Webgunearen atzeko planoa

Webgune animatu baten atzeko planoa zure webgunea bizitzeko modu oso ona da. Ziurtatu animazioa sotila dela, irudi edo mezu nagusitik arretarik ez dezan edo diseinuaren lehen planotik haratago joan ez dadin. Animazioak hain kutsu energetikoa duenez, komeni da kolore paleta sotil bat sartzea.

7. Joan gradiente batekin. Webgunearen atzeko planoa

Bai, 90eko hamarkadako joerak bueltan dira, diseinuaren mundua izugarri hartu zuena barne: gradienteak. Kolore-trantsizio gisa ere ezagunak, gradienteak kolore bat beste batean pixkanaka nahastea dira. Ikusmen erakargarriak dira eta atzeko plano autonomo gisa erabil daitezke edo argazki baten gainean geruzatuta zure webgunea benetan nabarmentzeko.

gradientez animatua

Gradientea webgunearen atzeko planoa

8. Egin ezazu mugikorra. Webgunearen atzeko planoa

2020an gaude. Zure webgunea mahaigaineko ordenagailu batean garatzen baduzu ere, egia da sareko eduki gehienak bidez kontsumitzen direla gailu mugikorrak. Ziurtatu gunearen agindu hauek kontuan hartzen dituzula zure webgunea mugikorrentzako egokia izan dadin:

  • Egin zure webgunea sentikorra.
  • Egin jendeak bilatzen duen informazioa errazago aurkitzeko.
  • Ez erabili Flash.
  • Sartu ikuspegia meta-etiketa.
  • Gaitu inprimakietarako betetze automatikoa.
  • Egin botoien tamaina nahikoa mugikorrean eroso lan egiteko.
  • Erabili letra-tamaina handia.
  • Konprimitu zure irudiak eta CSS.

Webgunearen atzeko planoko irudia aukeratzerakoan, ziurtatu pantaila txikiagoetarako ondo eskalatuko den irudi bat aukeratzen duzula. Esate baterako, baliteke irudi benetan zabal batek gailu eramangarri batean ez funtzionatzea.

Eraikuntza mugikorrentzako errespetua

Mugikorrerako webgunearen atzeko planoa

Nola lortu zure ametsen atzeko planoa webgunean. Webgunearen atzeko planoa
-

Atzeko plano egokia aukeratzeak zure webgunea erdipurditik handira eraman dezake. Gogoratu erabiltzailearen esperientzia dena dela, beraz, aukeratu bisitariei hitz egiten dieten koloreak eta irudiak, eta ziurtatu webgunearen atzeko planoko irudia aukeratzen duzunean, haren gainean dagoen testua erraz irakur dezakezula.

Kontuan izan atzeko planoko kolore sendoak, saihestu kosta ahala kosta irudi nahasia eta pentsa ezazu joera bat sartzea, hala nola gradiente bat edo forma geometrikoa, modernoa eta modernoa izaten jarraitzeko. Saiatu animazioan benetan jendearen artean nabarmendu nahi baduzu, eta aukeratu beti pantaila txikietarako ondo eskalatzen den atzeko planoa.

Garrantzitsuena, gogoratu diseinuan ez dagoela arau argirik. Izan ere, diseinu onenek askotan ez dute inolako araurik betetzen. Gehien axola duena zure erabiltzailearen esperientzia da. Erabili aholku hauek abiapuntu gisa eta ez izan beldurrik zure erreflexu artistikoetan fidatzeko.

Inprimategia АЗБУКА