Dimensi baku loka: fitur, syarat na saran

ngembangkeun teknologi situs web - a prosés pisan multi faceted. Acan sadayana hambalan na bisa dibagi jadi dua komponén utama - a hanca na hiji malapah luar. Atawa, sabab dina webmaster sedeng menta mungguh Ahir na Front Ahir. Jalma anu meuli jaba maranéhanana di studio ngembangkeun web, mindeng naively yakin yén éta téh diperlukeun pikeun museurkeun ukur dina fungsi, sarta eta bakal putusan katuhu. Tapi ieu téh leres dina kaayaan pisan, langka pisan, biasana keur mimiti-up proyék di panggung nguji béta. Sesa desain grafis jeung panganteur pamaké nu saukur wajib sasuai jeung standar ngembangkeun web tur jadi nyaman.

The cornerstone mimiti nyanghareupan desainer panganteur, atawa desainer - nyaeta lebar tata perenah situs. Barina ogé, perlu ngagambar interfaces keur dirina. Intuisi aya dua pendekatan - boh nyieun layouts misah pikeun tiap tina resolusi layar populér, atawa anjeun bisa nyieun hiji versi loka pikeun sagala peta. Duanana pilihan bakal jadi salah, tapi hal munggaran munggaran.

lebar baku dina piksel pikeun situs anjeun gé kantos peryogi

Saacanna ngembangkeun fenomena massa perenah adaptif geus ngembangkeun situs kalayan rébuan lega piksel. inohong ieu dipilih keur salah sahiji alesan basajan - yén situs ieu disimpen dina layar nanaon. Tur aya hiji logika nu tangtu, tapi hayu urang nganggap yen jalma anu masih sahenteuna HD-monitor dina desktop nu. Dina hal ieu, perenah anjeun bakal sigana strip leutik di tengah layar, dimana sagalana geus dijieun dina hiji tihang, sarta dina sisi non-spasi badag. Ayeuna hayu urang nganggap yen jalma anu sumping ka situs web anjeun ti tablet ku layar 800 piksel dina rubak, sarta dipariksa di setélan "Témbongkeun situs Wéb versi pinuh". Dina hal ieu, ramatloka anjeun bakal ogé dipintonkeun leres, sabab saukur teu cocog kana layar.

Ti pertimbangan ieu, bisa dicindekkeun yén rubak dibereskeun for teu ngarenah, urang ngan teu cocog jeung rék manggihan cara nu séjén. Hayu urang nganalisis pamanggih hiji perenah misah pikeun tiap lebar layar.

Layouts pikeun sakabéh kali

Lamun geus dipilih salaku strategi pikeun nyieun layouts pikeun sakabéh layar Ukuran sadia dina pasaran, teras situs anjeun bakal paling unik di Internet. Barina ogé, dinten ieu saukur mungkin nutupan sakabéh rentang alat dina usaha nyieun hiji setting pasti keur unggal pilihan. Tapi lamun fokus dina resolusi monitor na layar alat nu pang populerna, ide anu alus. Na ngan aral - waragad finansial. Barina ogé, lamun dina desainer desainer panganteur na coder bakal kapaksa 5 atawa 6 kali ngalakukeun pagawéan anu sarua, proyék bakal ngarugikeun disproportionately asalna dipelak dina harga anggaran.

Kituna boast hiji kelimpahan versi pikeun layar béda tiasa iwal yén situs-odnostranichniki anu Tujuan - mun ngajual hiji produk na pastikeun ngalakukeun hal eta ogé. Muhun, lamun henteu salah sahiji badarat maranéhanana, multi-situs, éta nangtung pikeun alesan salajengna.

The ukuran pang populerna di situs

A kompromi antara dua extremes mangrupakeun gambar tina perenah pikeun tilu atawa opat ukuran layar. Di antarana, hiji kedah janten perenah pikeun alat nu bagerak. sésana perlu diadaptasi pikeun leutik, sedeng sarta badag layar desktop. Kumaha carana milih lebar loka? Handap kami nampilkeun HotLog statistik layanan pikeun bulan Méi 2017, nu nembongkeun kami sebaran popularitas rupa resolusi layar alat, kitu ogé dinamika parobahan dina indikator ieu.

Ti tabél kasebut nyaéta dimungkinkeun pikeun diajar kumaha nangtukeun ukuran tina situs anjeun hoyong pake. Sajaba ti éta, bisa disimpulkan yén format paling umum kiwari teh layar dina 1366 ku 768 titik. layar ieu dipasang dina laptop anggaran, jadi popularitas maranéhanana nyaéta alam. Salajengna nu pang populerna mangrupakeun Full HD-monitor, nu standar emas pikeun pilem, kaulinan, jeung, ku kituna, mun nyieun layouts situs. Salajengna dina tabel urang tingali diturutan alat nu bagerak 360 x 640 piksel, kitu ogé rupa embodiments of desktop na layar mobile afterwards.

perenah desain

Ku kituna, sanggeus analisa statistik, bisa dicindekkeun yén lebar optimal loka ngabogaan 4 variasi:

1. laptop Vérsi kalayan lega 1366 piksel.
2. HD lengkep-versi.
3. 800 piksel dina perenah ukuran lebar pikeun tampilan dina monitor desktop leutik.
4. Vérsi mobile loka - 360 piksel dina rubak.

Anggap we mutuskeun kumaha Anjeun hoyong pake ukuran kode sumber dihasilkeun pikeun loka. Tapi proyék kitu kénéh bakal jadi ongkosna mahal. Ku kituna nganggap pilihan deui, waktu ieu tanpa pamakéan rubak dibereskeun.

Ngadamel perenah fléksibel

Aya hiji pendekatan alternatif nu urang butuh ukur nyaluyukeun pikeun ukuran minimum layar, sarta ukuran sheer tina situs bakal dipenta persen. Dina hal ieu, unsur panganteur kayaning ménu, tombol jeung logos, bisa dihartikeun dina watesan mutlak, fokus dina ukuran minimum lebar layar di piksel. Blok jeung eusi, sabalikna, bakal stretched nurutkeun kana dieusian per cent nu rubak wewengkon layar. pendekatan ieu ngamungkinkeun teu ngadeteksi ukuran loka sakumaha konstrain keur desainer jeung bakat ngéléhkeun nuansa ieu.

Naon rasio emas, sarta kumaha carana make kaca web ka perenah di?

Malah dina Renaissance loba arsiték jeung seniman diusahakeun masihan kreasi na bentuk nu sampurna tur saimbang. Pikeun jawaban patarosan ngeunaan implikasi tina babandingan misalna, aranjeunna tos ka ratu sadaya élmu - matematika.

Kantos ti poé ti jaman baheula ieu invented by proporsi nu perceives panon urang salaku nu paling alam jeung elegan, sabab mangrupakeun ubiquitous di alam. Pamanggihna tina rumus rasio ieu mangrupa arsiték Yunani Sarbini ngaranna Phidias. Nya dikira yén lamun kalolobaan babandingan relates to low sakabéhna nyadiakeun badag, teras saimbang ieu bakal kasampak ogé. Tapi dina hal ieu, lamun rék ngabagi asymmetrically obyék. proporsi Ieu engké jadi disebut ratio emas, éta masih teu overestimate pentingna na keur sajarah budaya dunya.

Hayu urang balik deui ka design web

Ieu pisan basajan - maké rasio emas, anjeun tiasa ngarancang kaca nu bakal paling pleasing kana panon manusa. Diitung nurutkeun rumus sahiji bagian emas, urang manggihan nu irasional angka 1,6180339887 ... tapi keur genah anjeun tiasa nganggo nilai rounded of 1,62. Ieu bakal hartosna yén blok kaca urang kedah 62% na 38% tina sakabéhna, euweuh urusan naon ukuranana dihasilkeun kode sumber keur loka nu Anjeun anggo. Contona bisa ningali dina skéma handap:

Paké téknologi anyar

situs web perenah téhnologi modéren ngidinan Anjeun pikeun akurat nepikeun ide tina desainer tur desainer, ku kituna ayeuna anjeun can mampuh palaksanaan gagasan bolder ti di subuh téhnologi internét. Taya deui kudu loba teka leuwih kumaha kedah ukuran loka a. Ku mecenghulna hal saperti block perenah adaptif, loading dinamis tina eusi jeung fon, ngembangkeun situs web geus jadi sababaraha kali leuwih nikmat. Barina ogé, téknologi ieu gaduh kirang larangan, sanajan aranjeunna. Tapi anjeun nyaho, tanpa watesan, pasti bakal moal seni. Urang nyarankeun Anjeun nganggo pendekatan sabenerna kreatif pikeun ngarancang - bagian emas. Kalawan eta, Anjeun bakal tiasa epektip tur nicely eusian workspace nu, euweuh urusan naon ukuranana atawa situs nu dipénta ku anjeun di témplat anjeun.

Kumaha carana ngaronjatkeun situs workspace

Chances aya nu moal gaduh ruang nu cekap pikeun nampung sakabeh elemen panganteur di perenah ukuran leutik. Dina hal ieu, anjeun bakal kudu ngamimitian pamikiran kreatif, atawa malah leuwih kreatif ti maneh tuh sateuacan.

Maksimum rohangan bébas up dina situs-gancang, nyumput napigasi dina menu pop-up. pendekatan ieu logis ngagunakeun teu ukur mobile, tapi ogé dina desktop nu. Barina ogé, pamaké nu teu perlu kabéh waktos ka kasampak di naon boga lulugu dina situs anjeun - eta geus datang pikeun eusi. A pamaké wishes bisa dimangfaatkeun.

Conto cara alus pikeun nyumputkeun menu nu mangrupa tata perenah handap (gambar handap).

Di luhur pojok ti beureum aréa, anjeun tiasa ningali hiji cross, klik dina menu nu hides dina ikon leutik, ninggalkeun pamaké nyalira kalayan eusi ramatloka.

Sanajan kitu, ieu mangrupa pilihan, anjeun tiasa ninggalkeun navigasi anu sok di tetempoan. Tapi anjeun bisa nyieun unsur design geulis teu ngan daptar tumbu kana situs populér. Paké ikon intuitif salian téks Tumbu atawa malah ngaganti aranjeunna. Ieu ogé bakal ngidinan situs anjeun pikeun pamakéan leuwih efisien ruang layar dina alat Anjeun.

Pangalusna Website - adaptif

Mun anjeun teu nyaho nu salah milih hiji perenah pikeun loka, kabeh ngan keur anjeun. Pikeun nyimpen dina waragad ngembangkeun sarta dina waktos anu sareng moal leungit panongton kusabab perenah goréng pikeun sababaraha alat, maké rarancang web responsif.

Adaptif disebut desain anu Sigana dina alat béda sarua ogé. pendekatan ieu bakal ngidinan situs anjeun janten jelas tur gampang malah keur laptop, sahenteuna dina tablet, sanajan dina smartphone a. Ieu kahontal éfék ieu alatan parobahan otomatis ka aréa kerja tina lebar layar. Ngagunakeun cadar gaya adaptif keur loka, Anjeun nu nyokot putusan katuhu mungkin.

Naon distinguishes rarancang adaptif tina ketersediaan versi béda ti ramatloka anjeun

Desain responsif mah béda ti loka mobile supaya dina hal dimungkinkeun, pamaké narima hiji html-kode, nu béda ti desktop nu. Ieu disadvantage ti point of view tina optimizing kinerja server, kitu ogé optimasi search engine. Sajaba ti éta, leuwih hese janten mertimbangkeun statistik nurutkeun versi béda loka éta. Hiji pendekatan adaptif nyaeta devoid of shortcomings.

Adaptability alat béda kahontal alatan lebar perenah atanapi percentages via blok angkutan dina spasi aya (di pesawat nangtung tinimbang smartphone horizontal kana desktop a), atawa layouts individu ku nyieun rupa layar.

Anjeun tiasa leuwih jéntré ngeunaan rarancang responsif sarta ngamekarkeun Anjeun tiasa tina buku.