Dimentsio Standard guneak: ezaugarriak, baldintzak eta gomendioak

Teknologia web garapena - Oso anitzeko prozesu bat. funtzionala eta kanpoko sheath bat - Alabaina, bere fase guztietan bi osagai nagusiak banatu daiteke. Edo, ertainera gorrotagarria Beg End eta Fronte End hurrenez bezala. erosi duten beren web web garapen estudioetan, askotan jendea naively uste beharrezkoa dela soilik funtzionala ardatz, eta eskubidea erabakia izango da. Baina hori oso-oso arraroa alditan egia da, normalean proiektu-up beta testing fasean da. Diseinu grafikoa eta erabiltzailearen interfazearen Gainerako besterik behartuta daude web garapenerako arauak betetzen, eta eroso.

interfaze diseinatzaile, edo diseinatzaile begira lehen giltzarria - gune Diseinuaren zabalera da. Azken finean, beharrezkoa da interfazeak marrazteko bere. Intuitiboki badira bi ikuspegi - bai diseinu bereizi egin behar dira pantaila popular ebazpen bakoitzerako, edo gune-bertsio bat sor dezakezu, mapak guztientzat. Bi aukera okerra izango litzateke, baina lehenengo gauza lehen.

zabalera Standard gunean inoiz beharko duzu for pixeletan

moldatzaile diseinua masa fenomeno garapena Aurretik ditu gune bat garatzea izan pixel zabal milaka. Kopuru hori arrazoi sinple bat aukeratu zen - Gunean edozein pantaila-tzen. Eta han logika jakin bat da, baina Demagun pertsona bat dela oraindik, gutxienez, mahaigainean HD-monitore. Kasu honetan, zure diseinua txiki-txiki banda dirudi egingo pantaila, non dena da pila bat moldatu erdian, eta erraldoi ez-espazioa aldeetan. Orain Demagun pertsona bat zure webgunean iritsi zen 800 pixel zabalera pantaila batekin tablet batetik, eta ezarpenak hautatuta "Erakutsi Web gunean bertsio osoa." Kasu honetan, zure webgunean, gainera gaizki agertuko dira, eta besterik ez pantailaren kabituko.

Gogoeta horiek aurrera, ondoriozta dezakegu Diseinuaren zabalera finkoa, dugu, besterik ez egokitzeko eta beste modu bat aurkitu nahi duzun. Dezagun pantaila zabalera bakoitzeko bereizi diseinu bat ideia aztertzeko.

Batzuetan guztiak Diseinuak

you diseinuak sortzeko, pantaila guztiak tamainak eskuragarri merkatuan estrategia gisa aukeratu dute bada, orduan zure gunea gehienak Interneten ere berezia izango da. Azken finean, gaur besterik gabe, ezinezkoa da gailu sorta osoa estaltzeko aukera bakoitza ezarpena zehatza egiteko saiakera bat. Baina ezagunena monitore bereizmen eta pantaila gailuak ardatz baduzu, ideia ona da. Bere bakarrik eragozpen - finantza-gastuak. Azken finean, noiz diseinatzaile interfaze diseinatzaile eta Kodetzaile 5 edo 6 aldiz behartu egingo berean lan egiteko, proiektua neurrigabe kostatuko da jatorriz aurrekontua prezioetan landatu.

Beraz harro pantailak desberdinetarako bertsio ugari the guneak-odnostranichniki horren helburua izan ezik izan daiteke - Produktu bat saltzeko eta ziurtatu ondo egin. Beno, ez bazaude Landing horietako bat, multi-gune bat, gehiago nabarmentzen arrazoia.

guneak tamainak ezagunenak

Bi muturren arteko konpromiso bat Diseinuaren marrazki bat hiruzpalau da pantaila tamainak. Horien artean, Telefono mugikorren diseinu bat izan behar da. Gainerako txiki, ertain eta handietako desktop pantaila beharreko egokitu behar. Nola gunean zabalera aukeratzeko? HotLog aurkezten dugu zerbitzu estatistikak May 2017, hainbat pantaila gailua bereizmena ospea banaketa, bai eta adierazle hori aldaketa dinamika erakusten digu azpian.

mahaitik posible da erabili nahi duzun gunearen tamainaren nola zehazteko ikasteko. Horrez gain, ondorioztatu daiteke, formatu ohikoena gaur bertan, 1366an pantailaren 768 puntu da. pantailetan hauek aurrekontu eramangarri bat instalatzen dira eta, beraz, bere ospea naturala da. Hurrengo ezagunenetako Full HD-monitore bat, eta horrek urrea filmak, jokoak estandarra da, eta beraz, gune diseinuak sortzeko. mahai ikusten dugu ere gehiago baimentzen gailu mugikorren 360 x 640 pixel, baita hainbat mahai gaineko embodiments eta pantailak mobile gutxira.

diseinu diseinua

Beraz, estatistikak aztertu ondoren, ondoriozta dezakegu gunean zabalera optimoa dela 4 aldakuntzak ditu:

1. 1366 pixel zabal batekin Bertsio eramangarriak.
2. Full HD-bertsioa.
3. 800 pixel tamaina zabalera pantaila mahaigaina monitore txiki diseinua ere.
4. 360 zabalera pixel - Mobile gunean bertsioa.

Demagun zer sortzen iturri kodea tamainaren erabili Gunean nahi dituzun erabaki genuen. Baina proiektu bat, hala nola, hala ere garestia izan. Beraz, kontuan hartu aukera gehiago, oraingoan zabalera finkoa erabili gabe.

Egin diseinua malgua

Dago beste ikuspegi bat izateko gutxieneko pantailaren tamaina egokitu bakarrik behar dugu, eta guneak tamaina sheer eskatuko zaio ehuneko. Kasu honetan, interfazearen esaterako menuak, botoiak eta logotipo gisa elementu, beharreko termino absolutuetan definitu daiteke, gutxieneko pixel pantailaren zabalera tamaina bideratua. edukiak dituzten blokeak, aitzitik, pantaila eremuaren zabalera ehuneko zehaztutako arabera luzatu egingo da. planteamendu hau ez aukera ematen gunearen tamainaren detektatu diseinatzailea eta talentua ñabardura hau gainditzeko for mugak gisa.

Zer da urrezko ratioa, eta web diseinua orriak nola erabili?

Nahiz eta Errenazimenduko askok arkitekto eta artistak bere sorkuntzak forma eta proportzioa ezin hobea emateko. proportzio horien ondorioei buruzko galderei erantzun, aktibatuta zientziak guztien erregina dute - matematika.

Orduz geroztik antzinateko egunetan zen proportzio hori gure begietara gehien natural eta dotore bezala hautematen, naturan nonahiko delako asmatu. ratio honen formula aurkitzaile talentu Greziako Fidias izeneko arkitektoak izan zen. It kalkulatzen da proportzio gehienetan behe erlazionatzen bada osotasunean handiagoa eskaintzen baitu, ondoren proportzio hori ondo ikusiko. Baina kasu honetan, asimetrikoan objektuaren zatitzea nahi izanez gero. proportzio hau beranduago izan zen izeneko urrezko ratioa, oraindik ez du overestimate bere garrantzia mundu kulturala historia da.

Dezagun itzuli web diseinua

Oso erraza da - urrezko ratioa erabiliz, orriak gehien giza begi atsegina izango diseinatu ahal izango duzu. urrezko atalaren formularen arabera kalkulatzen aurkitzen ditugu zenbaki irrazional 1,6180339887 ..., baina erosotasuna biribildu 1,62 balioa erabili ahal izango duzu. Hau gure orria bloke hori% 62 eta osotasunaren% 38, ez du axola zer tamaina sortutako iturri kodea gunean erabiltzen ari zaren izan beharko ekarriko du. Adibidea you Honako eskema ikus dezakezu:

teknologia berrien erabilera

Moderno teknologia diseinua web guneak baimendu zehatza azaltzeko diseinatzaile eta diseinatzailearen ideia, beraz, orain Internet teknologia egunsentian baino ideia ausartagoa ezartzeko dezakezu. Ez da gehiago behar askoz zehar puzzle zer gune baten tamaina izan behar du. Gauzak hala nola bloke bezala etorrerak moldatzaile diseinua, edukiak eta tipoak karga dinamikoa, web gune garapena ditu hainbat aldiz atseginagoa bihurtzen dira. Azken finean, teknologia horiek murrizketak gutxiago izan dira, nahiz eta. Baina ezagutzen duzun bezala, mugarik gabe, ez artea ez litzateke. urrezko atala - benetan sormen diseinatu hurbilketa bat erabili gomendatzen dizugu. Honen bidez, modu eraginkorrean eta ondo bete laneko, ez du axola zer tamaina edo guneak eskatu zure templates duzu aukera izango duzu.

Nola: lanerako gune areagotzeko

Aukerak dira ez dituzu behar adina espazio interfazearen tamaina txiki diseinua, elementu guztiak moldatzeko. Kasu honetan, sormenez pentsatzen hasteko, edo are gehiago sormen baino zenuen ahal izango duzu.

Gehienezko espazio gunean ahalik eta, laster-menuan nabigazioa ezkutatzen. Ikuspegi hori logikoa mugikorrak ez ezik, mahaigainean erabili da. Azken finean, erabiltzaileak ez du zertan denbora guztian zer zure gunean izenburuak ditu begiratu - ha edukiagatik etorri. Erabiltzaile batek errespetatu nahi du.

modu ona menu ezkutatzeko adibide bat honako diseinua (behean irudian) da.

goiko In the red txoko inguruan, gurutze bat ikusi ahal izango duzu, klik menuan ikono txiki bat ezkutatzen da, erabiltzaileak uzten web edukia batera.

Hala ere, hau aukerakoa, nabigazio dela beti bistan utzi dezakezu. Baina diseinu elementu eder, eta ez bakarrik on the popular gune loturen zerrenda bat egin dezakezu. Erabili intuitiboa ikonoak gain loturak testu batera edo baita ordezkatu. Era berean, zure gunea baimendu pantaila espazioaren erabilera eraginkorragoa gailuan.

Web Best - moldatzaile

Ez baduzu, badakizu zein gunearen diseinu bat aukeratzeko, guztiak besterik ez duzu. To garapen kostuak aurreztu, eta, aldi berean, ez ikusleak galtzen delako gailu batzuen diseinua eskasa, erabili sentikorrena web diseinua.

Adaptive duten gailu ezberdinetan itxura berdin ondo diseinua deritzo. Planteamendu hau zure gune argi eta erraza izango, nahiz eta ordenagailu eramangarri bat, gutxienez, tablet buruzko, nahiz eta smartphone bat emango dizu. efektu hori lan-pantaila zabalera eremua automatikoki aldatzen ondorioz lortzen da. moldatzaile estilo-orriak erabiliz gunearen, eskuineko erabakia ahalik hartzen ari zaren.

Zer bereizten zure webgunean bertsio desberdinak erabilgarritasuna diseinua moldatzaile du

Responsive diseinua mobile gune beraz azken kasuan, erabiltzaileak html-kode bat jasoko du, hau da, mahai gaineko desberdina desberdinak. Baliteke zerbitzariak errendimendua, baita bilatzaile optimizatzeko ikuspuntutik batetik desabantaila bat da. Gainera, orduan eta zailagoa da gunean bertsio ezberdinen arabera estatistiketan kontuan hartu bihurtzen da. moldatzaile Una aproximación gabeziak gabekoa.

gailuak desberdinetarako Moldagarritasuna da lortzen dela Diseinuaren zabalera edo ehunekotan garraiatzeko eskuragarri espazioan blokeak bidez (ordez plano bertikal mahaigaineko smartphone horizontala), edo banakako diseinuak hainbat pantailetan sortuz.

sentikorrena diseinua buruz gehiago jakin ahal izango duzu eta garatu ahal duzun liburu batetik.