Standardne dimenzije strani: značilnosti, zahteve in priporočila

Tehnološki razvoj spletnih strani - zelo večplasten proces. Toda vse njegove faze lahko razdelimo v dve glavni komponenti - funkcionalna in zunanjim plaščem. Ali, kot je v srednjeročnem webmaster Beg End in čelnem delu oz. Ljudje, ki so kupili svoje spletne strani v razvoj spletnih studiih, pogosto naivno verjamejo, da se je treba osredotočiti le na funkcionalna, in to bo prava odločitev. Ampak to je res v zelo, zelo redkih priložnostih, običajno za novoustanovljena projektov v fazi beta testiranje. Preostali del grafičnega oblikovanja in uporabniški vmesnik preprosto morajo izpolnjevati spletnimi standardi za razvoj in udobno.

Prvi temelj sooča vmesnika oblikovalec, ali oblikovalec - je širina tlorisa lokacije. Konec koncev, je treba pripraviti vmesnike za njo. Intuitivno obstajata dva načina - bodisi, da ločene postavitve za vsako od številnih resolucij zaslona, ali pa ustvarite eno različico spletne strani za vse zemljevide. Obe možnosti bi bilo narobe, ampak prvi stvari prvi.

Standardna širina v slikovnih pik za spletno stran, da boste kdaj potrebovali

Pred razvojem prilagodljiva postavitev množični pojav je bil razvoj mesta, z več tisoč slikovnih pik. Ta podatek je bil izbran za enega preprostega razloga - da je območje uvrščeno na vsakem zaslonu. In obstaja neka logika, vendar predpostavimo, da je oseba še vedno vsaj HD-zaslon na namizju. V tem primeru bo vaša postavitev zdi majhen trak na sredini zaslona, kjer je vse uliti v enem kupu, in na straneh veliko ne-prostor. Sedaj predpostavimo, da je oseba, ki je prišel na vašo spletno stran iz tablete z zaslona 800 slikovnih pik v širino, in se preveri v nastavitvah »Prikaži spletni strani polno različico." V tem primeru bo vaša spletna stran prikaže tudi napačno, saj preprosto ne prilega zaslonu.

Iz teh ugotovitev lahko sklepamo, da je fiksna širina za postavitev, mi pač ne ustreza in si želite, da bi našli drugo pot. Naj analizirati idejo o posebnem postavitve za vsako širino zaslona.

Postavitve za vse priložnosti

Če ste izbrali kot strategijo za ustvarjanje načrte za velikosti vse zaslon na voljo na trgu, nato pa se bo vaše spletno mesto najbolj edinstven na internetu. Konec koncev, danes pa je preprosto nemogoče, da zajema celoten spekter naprav v poskusu, da bi natančno nastavitev za vsako možnost. Ampak, če se osredotočite na najbolj priljubljenih ločljivostjo zaslona in zaslon naprave, ideja je dobra. Njegova edina pomanjkljivost - finančni stroški. Konec koncev, ko bo oblikovalec vmesnik oblikovalec in zbornik prisiljeni 5 ali 6-krat, da opravljajo enako delo, projekt bo nesorazmerno stalo prvotno posajene v proračun cenah.

Zato pohvali obilo različic za različne zaslone lahko le, da spletne strani, odnostranichniki katerih namen - prodati en izdelek in se prepričajte, da je to dobro. No, če niste eden tistih Landing, multi-site, se zavzema za še en razlog.

Najbolj priljubljena velikosti območij

Kompromis med obema skrajnostma je risba postavitve za tri ali štiri velikosti zaslona. Med njimi moramo biti postavitev za mobilne naprave. potrebujete počitek je treba prilagoditi za majhne, srednje in velike namiznem zaslonu. Kako izbrati širino mestu? V nadaljevanju bomo predstavili HotLog statistiko storitev za maj 2017, ki nam prikazuje porazdelitev priljubljenosti različnih ločljivost zaslona naprave, kot tudi na dinamiko sprememb v tem kazalniku.

Iz tabele je mogoče, da se naučijo, kako se določi velikost strani, ki jo želite uporabiti. Poleg tega je mogoče sklepati, da je najpogostejša oblika je danes zaslon v 1366 s 768 točkami. Ti zasloni so nameščeni v proračunskem laptop, tako da je njihova priljubljenost je naravno. Naslednji najbolj priljubljen je Full HD-monitor, ki je zlati standard za filme, igre, in zato, da ustvarite postavitev spletnega mesta. Nadalje v tabeli vidimo dovoli mobilne naprave 360 x 640 piksli, kot tudi različne izvedbe namiznih in mobilnih zaslonov kasneje.

načrtovalska

Torej, po analizi statističnih podatkov, lahko sklepamo, da je optimalna širina mestu 4 različice:

1. Različica laptop s širino 1366 slikovnih pik.
2. Full HD-različici.
3. 800 pikslov v širino postavitve velikosti za prikaz na majhne namizne monitorje.
4. Mobilna različica spletne strani - 360 slikovnih pik v širino.

Recimo, da smo se odločili, kaj želite uporabiti velikost ustvarjenega izvorne kode za spletno stran. Vendar bi tak projekt še vedno drago. Tako menijo, več možnosti, tokrat brez uporabe fiksne širine.

Naredite prilagodljivo postavitev

Tam je alternativni pristop, da moramo samo prilagoditi za najmanjše velikosti zaslona, in velik obseg območij bo vprašal odstotkov. V tem primeru so elementi vmesnika, kot so meniji, gumbi in logotipi, lahko se določi v absolutnem smislu, s poudarkom na najmanjše velikosti širine zaslona v pikslih. Bloki z vsebino, nasprotno, bo raztegne glede na določeno odstotkov širine površino zaslona. Ta pristop omogoča ne zazna velikost lokaciji, kot je omejitev za oblikovalca in talent, da žoga ta odtenek.

Kaj je zlato razmerje, ter kako uporabljati spletne strani za postavitev?

Tudi v renesansi mnogi arhitekti in umetniki poskušali dati svoje kreacije popolno obliko in delež. Za odgovore na vprašanja o posledicah takšnih razsežnosti, so se obrnili na kraljico vseh ved - matematiko.

Odkar dnevi antike je izumil v deležu, ki naše oko zazna kot najbolj naraven in eleganten, saj je povsod v naravi. Odkritelj formulo tega razmerja je bil nadarjen grški arhitekt imenom Phidias. To je izračunala, da če večina deležev nanaša na nizko kot celota zagotavlja večji, potem je ta delež bo dobro videti. Toda v tem primeru, če želite deliti asimetrično predmeta. Ta delež kasneje postal imenovano zlato razmerje, ki še vedno ne precenjujejo njen pomen za svetovno kulturno zgodovino.

Pojdimo nazaj na web design

To je zelo preprosta - z zlato razmerje, lahko oblikujete strani, ki bodo najbolj prijeten za človeško oko. Izračunana v skladu s formulo v zlatem rezu, smo ugotovili, iracionalno število 1,6180339887 ..., ampak za udobje lahko uporabite zaokroženo vrednost 1,62. To pomeni, da bi morala biti naša stran blokira 62% in 38% od celote, ne glede na velikost ustvarila izvorne kode za spletno stran, ki ga uporabljate. Primer si lahko ogledate na naslednji shemi:

Uporaba novih tehnologij

Sodobne spletne strani, postavitev tehnologije vam omogočajo, da natančno opisujejo ideje oblikovalca in oblikovalca, tako da zdaj lahko privoščijo izvajanje drznejši idej, kot na pragu internetne tehnologije. Ni treba več veliko puzzle nad tem, kaj bi morala biti velikost mesta. S prihodom stvari, kot so blok postavitev prilagodljivo, dinamično nalaganja vsebin in pisav, razvoj spletnega mesta je postala veliko bolj prijetno. Konec koncev, te tehnologije imajo manj omejitev, čeprav so. Ampak, kot veste, brez omejitev, ne bi bilo umetnosti. Predlagamo vam, da uporabljate resnično ustvarjalen pristop k načrtovanju - zlato točko. Z njim boste lahko učinkovito in lepo zapolni delovni prostor, ne glede na velikost ali mesta, ki jih vprašal za vaše predloge.

Kako povečati mesto delovnega prostora

Možnosti so, da ne boste imeli dovolj prostora za namestitev vseh elementov vmesnika v postavitev majhnosti tudi. V tem primeru boste morali začeti razmišljati ustvarjalno, ali celo bolj ustvarjalni, kot si prej.

Največja sprostiti prostor na spletni strani, kot je mogoče, skriva navigacijo v pojavnem meniju. Ta pristop je logično, da se uporabljajo, ne samo mobilna, ampak tudi na namizju. Konec koncev, uporabnik ne potrebuje ves čas, da pogledamo, kaj ima naslove na vašo spletno stran - to je prišel za vsebino. Uporabnik želi spoštovati.

Primer dober način za skrivanje menija je naslednja postavitev (na sliki spodaj).

V zgornjem kotu rdečem območju, lahko vidite predložek, kliknite na meniju, ki se skriva v majhno ikono, tako da uporabnik sam z vsebino spletne strani.

Vendar pa to ni obvezno, lahko pustite navigacijo, ki je vedno na vidiku. Toda lahko bi bilo lepo oblikovalski element, ne le seznam povezav na priljubljeno spletno stran. Uporaba intuitivne ikone poleg besedila povezave ali jih celo zamenjati. To bo omogočilo tudi svojo stran na bolj učinkovita uporaba zaslona prostora na vaši napravi.

Best Website - prilagodljivo

Če ne veste, katero izbrati postavitev za spletno stran, vse samo za vas. Da bi prihranili pri stroških razvoja in hkrati ne izgubiti občinstvo zaradi slabe ureditve za nekatere naprave, uporabite odzivno spletno oblikovanje.

Prilagodljiva imenovano obliko, ki je videti na različnih napravah enako dobro. Ta pristop bo omogočil vaše spletne strani mora biti jasno in enostavno tudi za prenosni računalnik, vsaj na tabličnem računalniku, tudi na pametnem telefonu. Dosegla je ta učinek posledica samodejnih sprememb delovnega področja širine zaslona. Uporaba prilagodljivih slogov za spletno stran, jemljete pravo odločitev možno.

Kaj odlikuje prilagajanja zasnove razpoložljivost različic vaše spletne strani

Odzivno oblika je drugačna od mobilno spletno stran, tako da je v tem primeru uporabnik prejme html kodo, ki se razlikuje od namizja. To je slabost z vidika optimizacije delovanja strežnika, kot tudi optimizacijo iskalnikov. Poleg tega, težje je treba upoštevati statistične podatke po različnih različicah spletne strani. Adaptivni pristop je brez pomanjkljivosti.

Prilagodljivost za različne naprave se doseže zaradi širine postavitve ali odstotkih preko transportnih blokov v razpoložljivi prostor (v vertikalni ravnini namesto vodoravne pametni na namizju), bodisi posamezni postavitve z ustvarjanjem različnih zaslonih.

Tu lahko izveste več o odzivnem oblikovanju in razvoju lahko iz knjig.