Internet, Desain web
Dimensi standar Camping: fitur, syarat lan Rekomendasi
pangembangan teknologi saka situs - proses banget multi-faceted. Nanging kabeh orane tumrap sekolah bisa dipérang dadi rong komponen utama - a fungsi lan klambi ketat njaba. Utawa, minangka ing webmaster medium Beg mungguh Akhir lan Front End. Wong sing tuku situs sing ing studio pembangunan, asring naively pracaya iku perlu kanggo fokus mung fungsi, lan iku bakal dadi kaputusan tengen. Nanging iki bener ing kesempatan banget, banget langka, biasane kanggo wiwitan-ups proyèk ing tataran saka testing beta. Liyane saka desain grafis lan pangguna antarmuka sing mung kapekso kanggo tundhuk karo standar web pembangunan lan nyaman.
Cornerstone pisanan madhep Desainer antarmuka, utawa Desainer - iku jembaré saka rancangan situs. Sawise kabeh, iku perlu tarik antar muka kanggo dheweke. Intuitively ana loro cedhak - salah siji kanggo nggawe noto kapisah kanggo saben resolusi layar populer, utawa sampeyan bisa nggawe siji versi situs sing kabeh peta. Kaloro pilihan bakal salah, nanging iku pisanan pisanan.
jembaré standar ing piksel kanggo situs sing bakal tau
Sadurunge kanggo pangembangan kedadean massa tata adaptif wis pangembangan situs kanthi ewu sudhut piksel. tokoh iki milih siji alesan prasaja - sing Situs iki diselehake ing layar sembarang. Lan ana sing logika tartamtu, nanging ayo kang nganggep yèn wong iku isih paling HD-monitor ing desktop. Ing kasus iki, tata bakal koyone Strip cilik ing tengah layar, ngendi kabeh wis nyetak ing siji tumpukan, lan ing pinggir non-papan ageng. Saiki ayo kang nganggep yèn wong teka kanggo situs web saka tablet karo layar 800 piksel ing jembaré, lan wis dicenthang ing setelan "Tampilake situs Web versi lengkap." Ing kasus iki, website bakal katampil salah, minangka mung ora pas menyang layar.
Saka anggit iki, kita bisa nganakke sing jembaré tetep kanggo tata letak, kita mung ora pas lan pengin golek cara liyane. Ayo dadi njelasno idea layout kapisah kanggo saben saklayar.
Noto kanggo kabeh kesempatan
Yen sampeyan wis milih minangka strategi kanggo nggawe noto kanggo kabeh layar ukuran kasedhiya ing pasar, banjur situs bakal paling unik ing Internet. Sawise kabeh, dina iku mung mokal kanggo nutupi kabeh sawetara piranti ing upaya kanggo nggawe setelan pas kanggo saben pilihan. Nanging yen sampeyan fokus ing resolusi monitor lan layar piranti paling populer, idea apik. Mung drawback - biaya financial. Sawise kabeh, nalika Desainer Desainer antarmuka lan coder bakal dipeksa kanggo 5 utawa 6 kaping kanggo nindakake karya sing padha, project bakal biaya disproportionately Originally nandur ing prices budget.
Mulane gumunggung turah mbrawah saka versi kanggo layar beda bisa kejaba Camping-odnostranichniki kang waé - kanggo ngedol siji produk lan manawa apa iku uga. Inggih, yen sampeyan ora siji saka Landing sing, sing multi-situs, stands kanggo alesan luwih.
Ing ukuran sing paling populer Camping
A rembugan antarane loro extremes punika drawing saka tata letak telung utawa patang ukuran layar. Antarane wong-wong mau, siji kudu dadi tata kanggo piranti seluler. liyane kudu dicocogake kanggo cilik, medium lan gedhe layar desktop. Cara kanggo milih jembaré saka situs? Ing ngisor iki kita saiki HotLog statistik layanan kanggo Mei 2017, kang nuduhake kita distribusi saka popularitas saka macem-macem resolusi layar saka piranti, uga dinamika saka owah-owahan ing Indikator iki.
Saka meja iku bisa kanggo mangerteni carane kanggo nemtokake ukuran situs sing arep digunakake. Kajaba iku, iku bisa rampung yen format sing paling umum dina iku layar ing 1366 dening 768 TCTerms. layar sing diinstal ing laptop budget, supaya popularitas alam. Sabanjure paling populer punika Full HD-monitor, kang standar emas kanggo film, game, lan, Mulane, kanggo nggawe noto situs. Luwih ing Tabel kita waca ngidini piranti seluler 360 x 640 piksel, uga macem-macem embodiments saka desktop lan layar mobile sesampunipun.
tata letak desain
Dadi, sawise nganalisa statistik, kita bisa nganakke sing jembaré optimal saka situs wis 4 variasi:
- laptop versi sudhut 1366 piksel.
- Full HD-versi.
- 800 piksel ing tata letak ukuran amba kanggo tampilan ing alat desktop cilik.
- versi Mobile Situs - 360 piksel ing jembaré.
Upaminipun kita mutusaké apa sampeyan pengin nggunakake ukuran kode sumber kui kanggo ing situs iki. Nanging project kuwi isih bakal larang regane. Dadi nimbang opsi liyane, wektu iki tanpa nggunakake jembaré tetep.
Nggawe tata fleksibel
Ana sawijining panyerakan alternatif sing kita kudu mung kanggo nyetel kanggo ukuran minimal layar, lan ukuran gedhine Camping bakal takon persen. Ing kasus iki, unsur antarmuka kayata menu, tombol lan logos, bisa ditegesake ing Absolute istilah, ngarahke ing ukuran minimal saka jembaré saka layar ing piksel. Pamblokiran karo isi, ing nalisir, bakal digawe dowo miturut kasebut saben sen saka jembaré saka wilayah layar. pendekatan ngidini ora ndeteksi ukuran situs minangka alangan kanggo desainer lan bakat kanggo ngalahake Suasana iki.
Apa rasio emas, lan carane nggunakake kaca web kanggo tata letak?
Malah ing Renaissance akeh arsitek lan seni nyoba kanggo menehi gaweyan kang wangun sampurna lan babagan. Kanggo jawaban kanggo pitakonan bab mbek takeran kuwi, banjur padha menyang ratuning saka èlmu - matématika.
Tau wiwit dina jaman iki nemokke dening babagan kang slamet mripat kita paling alam lan elegan, amarga iku umum banget ing alam. Penemu rumus saka rasio ana arsitek Yunani bakat jenenge Phidias. Iku wis diwilang sing yen paling saka takeran hubungane kanggo kurang minangka kabèh menehi luwih gedhe, banjur babagan iki bakal katon uga. Nanging ing kasus iki, yen sampeyan pengin dibagi asymmetrically obyek. babagan iki mengko dadi disebut rasio emas, sing isih ora overestimate wigati kanggo sajarah budaya donya.
Ayo padha bali kanggo desain web
Iku banget prasaja - nggunakake rasio emas, sampeyan bisa desain kaca sing bakal paling nyenengke kanggo ing mripat manungsa. Diwilang miturut rumus saka bagean Golden, kita temokake ing ora klebu nalar nomer 1,6180339887 ..., nanging kanggo penak sampeyan bisa nggunakake nilai dibunderaké saka 1,62. Bakal tegese sing pamblokiran kaca kita kudu 62% lan 38% saka kabèh, ana prakara apa ukuran kui kode sumber kanggo situs sing digunakake. Conto sing bisa ndeleng ing rencana ngisor iki:
Nggunakake teknologi anyar
Camping web tata teknologi modern ngidini sampeyan kanthi ngirim gagasan Desainer lan Desainer, dadi saiki panjenengan saged implementasine saka gagasan bolder saka ing esuke teknologi Internet. Ora maneh kudu akeh kanggo puzzle liwat apa sing arep ukuran situs. Kanthi tekane saka iku kayadéné block tata adaptif, loading dinamis isi lan fonts, pembangunan situs web wis dadi akeh kaping luwih nyenengake. Sawise kabeh, iki teknologi duwe kurang Watesan, sanadyan lagi. Nanging sing ngerti, tanpa watesan, ana kang ora seni. We suggest nggunakake pendekatan saestu Creative kanggo ngrancang - bagean Golden. Karo, sampeyan bakal bisa kanggo luwih irit lan apik isi ruang, ana prakara apa ukuran utawa sampeyan takon ing templat.
Carane kanggo nambah situs ruang
Kemungkinan sing ora duwe panggonan sing cukup kanggo nadhahi kabeh unsur antarmuka ing tata letak ing ukuran cilik. Ing kasus iki, sampeyan bakal kudu miwiti mikir sing kreatif, utawa malah luwih kreatif saka sampeyan nindakake sadurunge.
Bukaan papan free munggah ing situs sabisa, ndhelikake pandhu arah ing menu pop-up. pendekatan logis kanggo nggunakake ora mung mobile, nanging uga ing desktop. Sawise kabeh, pangguna ora kudu kabeh wektu kanggo katon ing apa wis heading ing situs - wis teka kanggo isi. Kaca kapengin dihormati.
Tuladha cara sing apik kanggo ndhelikake menu tata letak ngisor (digambarke ngisor).
Ing ndhuwur sudhut abang area, sampeyan bisa ndeleng salib, klik ing menu sing kurang ing lambang cilik, ninggalake pangguna piyambak karo isi situs.
Nanging, iki mung pilihan, sampeyan bisa ninggalake pandhu arah sing tansah ing ngarsane. Nanging sampeyan bisa nggawe sawijining unsur desain ayu, ora mung dhaptar pranala ing situs populer. Nggunakake lambang intuisi saliyane nuduhake pranala utawa malah ngganti. Iku bisa uga ngijini situs kanggo nggunakake liyane efisiensin saka papan layar ing piranti.
Best situs web - adaptif
Yen sampeyan ora ngerti kang siji kanggo milih tata kanggo situs, kabeh mung kanggo kowe. Kanggo nyimpen ing biaya pembangunan lan ing wektu sing padha ora ilang pirsawan amarga saka tata miskin kanggo sawetara piranti, nggunakake desain web responsif.
Adaptif disebut desain sing katon ing piranti beda merata uga. pendekatan iki bakal ngidini situs dadi cetha lan gampang malah kanggo laptop, ing paling ing tablet, malah ing smartphone. Ngrambah efek iki amarga owah-owahan otomatis kanggo wilayah digunakake saka ambane layar. Nggunakake sheets gaya adaptif kanggo situs, sampeyan njupuk kaputusan tengen bisa.
Apa kaperang desain adaptif saka kasedhiyan versi beda saka website
responsif desain iku beda saka mobile supaya ing kasus terakhir, pangguna ditampa html-kode, kang beda saka desktop. Iki kerugian saka titik tampilan saka optimalisasi ing kinerja server, uga Optimization search engine. Kajaba iku, ing liyane angel dadi nimbang statistik miturut versi beda saka situs iki. Lan pendekatan adaptif punika sepi shortcomings.
Daya adaptasi kanggo piranti beda wis ngrambah amarga jembaré tata utawa Persèntase liwat pamblokiran transportasi ing papan sing kasedhiya (ing bidang vertikal tinimbang smartphone horisontal ing desktop), utawa ing noto individu dening nggawe macem-macem layar.
Sampeyan bisa mangerteni sing luwih lengkap babagan desain responsif lan berkembang sampeyan bisa saka buku.
Similar articles
Trending Now