Lehenik eta behin, diseinatzaile gehienek uste dute web orriaren diseinua diseinatzeko bereizmena dela. Zer da hau benetan zenbat diseinua behar den erabakitzea. Ez da horrelakorik webgune estandar zabalagoa denik.
Zergatik hartu ebazpena?
1995ean, 640x480 bereizmeneko monitore estandarrak monitore handienak eta onenak izan ziren. Horrek esan nahi du web diseinatzaileek orriek nabigatzaile onak izan zituztela, bereizmen horretan 12 hazbeteko eta 14 hazbeteko monitorizazioetan maximizatuta.
Egun hauetan, 640x480 bereizmenak webgunearen trafiko gehienen% 1 baino gutxiagorekin egiten du. Jendea 1366x768, 1600x900 eta 5120x2880 arteko bereizmen handiagoak dituzten ordenagailuak erabiltzen dituzte. Kasu askotan, 1366x768 bereizmeneko pantaila bat diseinatzen du.
Web diseinuaren historiako puntuetan gaude, non konponbiderik ez dugun asko kezkatu behar. Jende gehienak pantailako pantaila handiak eta handiak dituzte eta ez dute nabigatzailearen leiho maximizatzen. 1366 pixeleko zabalera ez den orri bat diseinatzen erabakitzen baduzu, zure orrialdeak ondo funtzionatuko du arakatzailearen leiho gehienetan, nahiz eta monitore handiek ebazpen handiagoak izan ditzakete.
Arakatzailearen zabalera
Joan aurretik pentsatzen "ongi, nire orriak 1366 pixel zabal egingo dut", gehiago dago istorio honi. Sarritan bazter utzitako arazoa web orri baten zabalera erabakitzea da zure bezeroek beren nabigatzaileek nola handitzen duten. Zehazki, pantaila osoko pantaila batean maximizatzen dituzte beren nabigatzaileak edo pantaila osokoak baino txikiagoak dira?
Enpresak 1024x768 bereizmeneko ordenagailu estandar bat erabili zuen guztion konpainia inkesta informalean, bi aplikazio guztiak maximizatu zituzten. Gainerakoak tamaina desberdineko leihoak dituzte hainbat arrazoirengatik. Honek erakusten du 1024 pixeleko zabalera konpainiaren intranet diseinatzen ari bazara, erabiltzaileen% 85 horizontalki joan beharko litzateke orrialde osoa ikusteko.
Bezeroak maximizatzen edo ez badituzu, nabigatzaileen mugen inguruan pentsatu. Web nabigatzaile bakoitzak korritze-barra eta mugak ditu 800 eta 740 pixeleko edo 800x600 ebazpen inguruko 800 x 740 pixeleko edo 924 pixeleko tartea gutxienez, 1024x768 ebazpenetan. Hau "chrome" arakatzailea deritzo eta zure diseinuaren diseinurako erabilgarritasunaz arduratzen da.
Zabalera finkoa edo likidoa
Zenbakizko zabalera erreala ez da zure webgunearen zabalera diseinatzerakoan pentsatu behar duzun bakarra. Halaber, zabalera finkoko edo likido zabalera duzu behar duzun erabakitzeko. Beste era batera esanda, zabalera zehaztea (finkoa) edo ehunekoa (likidoa) ezarri nahi al duzu?
Zabalera finkoa
Zabalera zabaleko orriak oso soinuak dira. Zabalera zenbaki zehatz batean finkatzen da eta ez du aldatu arakatzailearen zein handiak edo txikiak diren. Hau ona izan daiteke zure diseinua behar bezala begiratu nahi baduzu, zure irakurleen nabigatzaileek nola zabaldu edo estutu badituzte, baina metodo honek ez ditu kontuan hartzen irakurleek. Zure diseinua baino arinagoa duten nabigatzaileek horizontalki mugitu beharko dute, eta nabigatzaile zabalak dituzten pertsonak espazio hutseko kantitate handiak izango dituzte pantailan.
Zabalera finkoko orriak sortzeko, erabili pixel zenbaki zehatzak orrien zatien zabaleretarako.
Liquid Width
Liquid width pages (batzuetan zabalera malguak izenekoak) zabalera aldatu egiten dira nabigatzailearen leihoaren arabera. Horrek bezero gehiago bideratzen dituen orrialdeak diseinatzea ahalbidetzen du. Zabalera likidoen orrien arazoa irakurtzeko zaila izan daiteke. Testu lerroaren eskaneatze luzera 10 eta 12 hitz baino luzeagoa bada edo 4 eta 5 hitz baino laburragoa bada, zaila izango da irakurtzea. Horrek esan nahi du arakatzailearen leiho handiak edo txikiak dituzten irakurleek arazoak dituztela.
Zabalera orri malguak sortzeko, erabili ehunekoak edo ems zure orrien zatien zabaleretarako. CSS max-width propietatearekin ere ezagun beharko zenuke. Propietate honek ehunekoen zabalera ezartzeko aukera ematen du, baina mugatu egiten du jendeak ezin duela irakurtzen.
Eta irabazlea da: CSS Media kontsultak
Egun hauetan soluziorik onena CSS komunikabideen kontsultak eta diseinu sentikorra erabiltzea da, arakatzailearen zabalera egokitzen den orria sortzeko. Web diseinatzaile sentikorrek edukia bera erabiltzen du 5120 pixel zabal edo 320 pixel zabal ikusten duzunean funtzionatzen duen web orri bat sortzeko. Hainbat tamainako orriek itxura desberdina dute baina eduki bera dute. Komunikabideen kontsulta CSS3rekin, jasotzen duen gailuak bere tamaina duen galderari erantzuten dio eta estilo-orriaren tamaina zehatz batera egokitzen da.