It-tqassim tal-websajt. It-Taqsim Bażiku

It-tqassim tal-websajt huwa l-proċess tal-ħolqien ta' paġna tal-web billi jiġi kkodifikat u strutturat il-kontenut sabiex ikun jista' jintwera u jkun interattiv f'web browser. Tinvolvi stil ta’ test, stampi, vidjows, links, forom, u elementi oħra fuq paġna biex tinħoloq esperjenza viżiva koeżiva u konvinċenti għall-utenti.

Id-disinn u t-tqassim tas-sit jinkludi l-aspetti ewlenin li ġejjin:

1. HTML (Hypertext Markup Language):

   • HTML jintuża biex tinħoloq l-istruttura ta 'paġna web. Jiddefinixxi l-intestaturi, il-paragrafi, il-listi, l-immaġini, ir-rabtiet u elementi oħra li jiffurmaw il-qalba tal-kontenut fuq paġna.

2. CSS (Cascading Style Sheets):

   • Is-CSS jintuża biex jistilja l-elementi HTML u jikkontrolla d-dehra tagħhom. Bl-użu tas-CSS, tista 'tissettja kuluri, fonts, daqsijiet, u t-tqegħid ta' elementi fuq il-paġna.

3. It-tqassim tal-websajt. Disinn li Jirrispondi:

   • Disinn responsive jinvolvi l-użu tas-CSS u teknoloġiji oħra biex jinħolqu paġni tal-web li jistgħu jintwerew b'mod korrett fuq apparati u riżoluzzjonijiet tal-iskrin differenti, bħal kompjuters, tablets u smartphones.

4. javascript:

   • JavaScript jista' jintuża biex iżżid l-interattività mal-paġni tal-web. Din il-lingwa tal-ipprogrammar tippermettilek toħloq elementi dinamiċi, jinteraġixxu mal-utenti, u tibdel il-kontenut tal-paġna mingħajr ma teħtieġ tagħbija mill-ġdid.

5. It-tqassim tal-websajt. Kompatibilità bejn il-browser:

   • It-tqassim jinkludi wkoll konsiderazzjoni tal-kompatibilità bejn il-browser sabiex il-paġni tal-web jintwerew b'mod korrett f'diversi web browsers (pereżempju, Google Chrome, Mozilla Firefox, Safari, Microsoft Edge).

6. Ottimizzazzjoni tal-prestazzjoni:

   • Aspett importanti tat-tqassim huwa l-ottimizzazzjoni tal-prestazzjoni, bħat-tnaqqis tad-daqs tal-immaġini, l-użu tal-caching, u tekniki oħra biex jiżguraw li l-paġni jitgħabbew malajr.

Ġeneraturi tal-Layout tal-Ktieb: 5 Għodod B'XEJN.

Biex niżguraw li jkollok websajt li l-viżitaturi tiegħek ma jabbandunawx, għamilna din il-gwida bażiċi tad-disinn tqassim tal-websajt. Se nfasslu l-baŜi ta' x'għandu jsir disinn tajjeb, tekniki ewlenin għall-ħolqien ta 'tqassim effettiv ta' websajt, u l-aktar tipi komuni ta 'tqassim ta' websajt.

Qosor tad-disinn tal-ippakkjar

Għanijiet. It-tqassim tal-websajt

Sempliċi kemm jista' jkun, l-uniku għan ta' tqassim ta' websajt huwa li jappoġġja l-għanijiet tal-websajt, kemm jekk tkun konverżjoni, rikonoxximent tad-ditta, divertiment jew skop ieħor. Iżda l-għanijiet websajt huma espressi permezz tal-kontenut, u d-disinn tat-tqassim jiddeskrivi kif jitwassal b'mod effettiv dak il-kontenut. B'dan, hawn huma xi funzjonijiet komuni li tqassim ta' websajt jista' jwettaq:

• Wirja ta' informazzjoni . Tqassim tajjeb tal-websajt jorganizza l-informazzjoni b'mod li jsegwi sekwenza ovvja, huwa faċli biex tiskennja, tagħti piż lill-aktar elementi importanti, u tagħmel l-għodda tal-utent intuwittivi biex issibha u tużah.
• Ingaġġ tal-Utent:  Tqassim tajjeb tal-websajt jagħmel il-paġna attraenti viżwalment, jidderieġi l-għajn tal-utent lejn punti ta 'interess, u jħeġġiġhom ikomplu jinnavigaw is-sit.
• Immarkar: Tqassim tajjeb tal-websajt għandu wkoll rwol fil-branding, billi juża l-ispazjar, l-allinjament u l-iskala biex jaqbel mal-marka tal-kumpanija.

Dawn l-għanijiet ta 'livell għoli jmexxu d-disinn tat-tqassim tal-websajt, iżda qabel ma nħarsu lejn layouts tal-websajt speċifiċi, ejja niddiskutu kif nimplimentaw dawn l-għanijiet f'aktar dettall.

Ċertifikat ta' Rigal. Kif toħloq?

Il-proċess ta 'żvilupp ta' tqassim ta 'websajt. It-tqassim tal-websajt

Il-proċess tat-tqassim tal-websajt għandu jseħħ kmieni fil-ħolqien tal-websajt, li huwa xi żmien wara li tkun żviluppat l-istrateġija tal-websajt tiegħek iżda qabel ma taqbeż fi programm tal-grafika biex toħloq l-interface.

Kif toħloq websajt tat-tieġ?

It-tqassim ta' websajt huwa viżwalizzat permezz ta' wireframe, li hija mappa bażika tal-wireframe li turi kif il-kontenut se jaqbel flimkien. Huwa importanti li tiddistingwi d-disinn tal-wireframe mid-disinn tal-web, li huwa l-intier il-proċess tal-ħolqien ta 'grafika ta' interface u elementi viżwali oħra għal paġna web. Id-disinn tat-tqassim tal-websajt huwa parti kbira mid-disinn tal-web, u jibda bil-wireframe. Idealment, id-disinn viżwali għandu jaqbel mat-tqassim tal-wireframe sabiex l-elementi grafiċi jitqiegħdu b'mod strateġiku u mhux ibbażati fuq preferenzi estetiċi li jgħaddu.

Wara dan, hawn huma l-passi biex toħloq tqassim tal-websajt:

• It-tqassim tal-websajt. Iddefinixxi l-oqsma kollha tal-kontenut.

Il-wireframes tipikament jirrappreżentaw il-kontenut bħala kwadri u rettangoli sempliċi, kemm jekk tkun immaġni jew blokka ta 'test. Huwa importanti li tkun taf minn qabel kemm għandek kontenut u d-daqs approssimattiv ta’ kull biċċa (jew għadd ta’ kliem) sabiex tkun tista’ twaħħal l-elementi flimkien b’mod preċiż.

• Oħloq serje ta 'wireframes u prototipi. 

It-tqassim jista’ jkun sempliċi daqs tpinġija bil-pinna u l-karta, iżda hemm ukoll ħafna programmi disponibbli (eż.  Kapriċċi ), iddisinjati biex jottimizzaw il-proċess. Peress li l-wireframes m'għandhomx għalfejn ikunu xogħlijiet tal-arti dettaljati, tista 'toħloq diversi minnhom kull darba. Anke jekk tħobb l-ewwel idea tiegħek, għandek tiżviluppa aktar wireframes biex tespandi l-immaġinazzjoni tiegħek u tagħti lilek innifsek għażliet. Mingħajr grafika fancy li tfixklek, tista 'tiffoka fuq l-esperjenza tal-utent u titgħallem liema tqassim se jkun l-aktar intuwittiv għalihom. Kun żgur li tqis id-daqsijiet kollha tal-iskrin - huwa rakkomandat li tibda b'tqassim għal apparat mobbli, u mbagħad ibniha.

• Ittestja, iġbor feedback, u erġa. 

Ladarba jkollok ftit għażliet, kun żgur li tiġbor feedback minn sħabek. Applikazzjonijiet bħal  Inviżjoni  и  Figma,  jippermettulek toħloq prototipi interattivi sabiex tkun tista' faċilment tittestja buttuni u navigazzjoni mingħajr ma toħloq paġna web attwali. Jekk l-utenti tal-prova jirreġistraw lilhom infushom fuq l-iskrin waqt li jkunu qed jinnavigaw fil-prototip, dan jista’ jiżvela xkiel UX. Ladarba jkollok ftit noti, mur lura għat-tieni pass u rrepeti sakemm tikseb ir-riżultat perfett.

Filwaqt li dawn huma l-passi letterali biex jinħoloq tqassim ta 'websajt, jista' jkun diffiċli li tifhem x'jagħmel tqassim effettiv jew le meta tkun għadek tibda. Fit-taqsima li jmiss, aħna ser inħarsu lejn metodi speċifiċi li tista 'tuża biex tieħu deċiżjonijiet ta' disinn.

Metodi ewlenin għall-ħolqien effettiv. It-tqassim tal-websajt

Id-disinn tat-tqassim tal-websajt hija prattika li ilha deċennji, li jfisser li matul is-snin ġew stabbiliti numru ta 'konvenzjonijiet u prinċipji tad-disinn biex jiggwidaw lid-disinjaturi fis-sengħa tagħhom. Hawn taħt hawn xi wħud mill-aktar utli minn dawn it-tekniki:

Ġerarkija viżwali

Ġerarkija viżwali huwa mod biex jiġu stilizzati sitt elementi tad-disinn biex itejbu l-kuntrast biex jagħmlu ċerti biċċiet ta 'kontenut jispikkaw fuq oħrajn. Biex jinkiseb dan, l-aktar partijiet importanti tat-tqassim huma dawk li l-utent jeħtieġ li jidentifika immedjatament, skont l-iskop tal-paġna. Normalment jinkludu aħbarijiet, propożizzjonijiet ta’ valur, sejħiet għall-azzjoni u għodod tal-utent bħan-navigazzjoni.

Ġerarkija viżwali tista 'timmanifesta ruħha f'ħafna modi, bħal billi tagħżel font (daqs, piż, u anke kombinazzjonijiet ta' font differenti), tallinja elementi importanti ogħla fil-paġna, jew tuża kuluri komplementari biex jenfasizzaw elementi.

Mudelli tal-qari. It-tqassim tal-websajt

Il-mudelli tal-qari jiddeskrivu l-aktar modi komuni biex tiskennja l-paġni mill-utenti u huma murija bħala linji diretti (vetturi, għall-matematiċi). Peress li r-riċerka turi li 79% tal-viżitaturi tal-websajt jiskumaw biss il-paġna, huwa importanti li tagħmilha faċli kemm jista 'jkun biex tiskennja. Mod wieħed effettiv biex tagħmel dan huwa li tfassal it-tqassim b'mudell speċifiku ta 'qari f'moħħu.

L-inkorporazzjoni tal-mudelli tal-qari fit-tqassim tiegħek tinvolvi elementi strateġikament tqegħid tul il-linji tal-vista tat-telespettatur. Il-mudelli l-aktar komuni li għandhom jiġu kkunsidrati huma l-mudell Z (vettur taż-żigżag; utli għal layouts b'immaġini tqal) u l-mudell F (vettur tal-linja; utli għal layouts b'ħafna test).

Fuq jew taħt it-tinja. It-tqassim tal-websajt

Fid-disinn tal-web, il-"tinja" hija l-linja li fiha paġna tal-web tinqata 'minħabba limitazzjonijiet tad-daqs tal-iskrin. Il-kontenut li huwa viżibbli meta paġna titgħabbi jissejjaħ "fuq il-paġna", filwaqt li l-kontenut li jeħtieġ li l-utenti jiskrollaw 'l isfel biex jiftħu jissejjaħ "qiegħ il-paġna."

Fir-rigward tad-disinn tat-tqassim tal-websajt, l-aktar kontenut importanti u/jew konvinċenti (bħall-proposta tal-valur u s-sejħa għall-azzjoni) għandu jitqiegħed b'mod sigur fil-quċċata tal-paġna sabiex l-utenti ma jkollhomx għalfejn ifittxuh. Dan l-ispazju huwa 1000 x 600 pixel għall-biċċa l-kbira tad-daqsijiet tal-iskrin. Għalhekk, id-disinjaturi jistgħu wkoll jużaw it-tinja biex jaqtgħu grafika intriganti u kopja biex iħajjar lill-utenti biex iscrolljaw 'l isfel filwaqt li jkomplu l-interazzjoni tagħhom mal-paġna web.

Sistemi tal-grilja. It-tqassim tal-websajt

Sistema ta 'grilja hija tqassim ibbażat fuq kejl iebes u linji gwida. Il-gradilja hija magħmula minn kolonni (spazji indikati biex jitqiegħed il-kontenut) u kanali (l-ispazji vojta bejn il-kolonni).

Spazju vojt

L-ispazju abjad, xi kultant imsejjaħ spazju negattiv, huwa sempliċement żona ta 'disinn mingħajr ebda kontenut, jiġifieri spazju vojt. Filwaqt li huwa faċli li tinjora u ħafna drabi jitħajjar timla bil-kontenut, l-ispazju abjad jista 'jkun l-aktar importanti assi fit-tqassim tal-websajt.

Dan il-mockup tal-websajt jiġbed l-attenzjoni bi spazju abjad effettiv.

Aħseb dwar kif linja ta’ test fuq paġna vojta tkun ferm aktar effettiva biex tiġbed l-attenzjoni tiegħek milli fuq paġna mimlija kontenut. Spazju abjad abbundanti joħloq enfasi, u jagħmel il-kompożizzjoni kollha inqas diffiċli biex tinqara. B'differenza mill-paġni stampati, it-tul ta 'paġna web mhuwiex limitat, u jagħti lid-disinjaturi ħafna aktar libertà fl-istrateġija u l-użu tal-ispazju abjad.

Tipi komuni ta' layouts ta' websajts. It-tqassim tal-websajt

It-tqassim tal-websajt rarament jinħolqu mill-bidu; fil-fatt, ħafna drabi jingħad li dan mhux il-każ. Ħafna mill-websajts moderni huma bbażati fuq skemi ta' tqassim komuni li jintużaw b'mod konsistenti, b'varjazzjonijiet żgħar, madwar l-Internet.

Filwaqt li xi grad ta 'oriġinalità huwa importanti fi kwalunkwe disinn, il-websajts huma mfassla biex jinftiehmu u jintużaw immedjatament. Allura meta l-utenti jidraw ċerti tipi ta 'tqassim matul is-snin, jagħmel sens li d-disinjaturi jżommu magħhom. Ftakar li fl-aħħar mill-aħħar it-tqassim għandu jkun prattiku, u inqas ma l-utenti jqattgħu ħin jitgħallmu tqassim ġdid, aktar se jiddedikaw ħin biex fil-fatt jużaw is-sit. Barra minn hekk, hawn huma wħud mill-aktar layouts komuni tal-websajt:

Layout ta' Kolonna Unika

Tqassim ta' kolonna waħda huwa tqassim li jqiegħed il-kontenut b'mod sekwenzjali f'kolonna waħda, ħafna drabi ċċentrata.

Bosta layouts tal-paġni tal-web jibdew hawn, peress li d-disinn tal-mowbajl l-ewwel huwa approċċ rakkomandat għal żmien twil u websajts mobbli ħafna drabi huma mqiegħda f'kolonna waħda minħabba restrizzjonijiet tad-daqs. Dan it-tqassim huwa l-aktar utli għal paġni ta' inżul jew kontenut ibbażat fuq il-kanal, bħal netwerks soċjali u blogs għaliex inaqqas in-numru ta 'elementi tal-paġna u jippromwovi scrolling.

Tqassim b'żewġ kolonni. It-tqassim tal-websajt

Tqassim ta' żewġ kolonni, xi drabi f'vista maqsuma fuq skrin, juri l-kontenut ħdejn xulxin.

Dan huwa utli biex jiġu enfasizzati d-dikotomiji bejn żewġ elementi (pereżempju, udjenzi differenti fuq siti tal-ħwejjeġ, stil ta’ servizz qabel/wara, jew għażliet doppji prezzijiet). Huwa wkoll utli għall-ibbilanċjar tal-grafika b'kopja, li tappoġġja b'mod sottili l-qari tal-mudell Z.

Tqassim b'ħafna kolonni. It-tqassim tal-websajt

Tqassim b'ħafna kolonni spiss jissejjaħ tqassim ta' gazzetta jew rivista. Hija tidħol kontenut tqil tal-websajt f'paġna waħda.

Grilja hija tipikament użata biex iżżomm l-ordni u l-ġerarkija billi tipprovdi spazju usa 'kolonna għal elementi aktar importanti bħall-kontenut prinċipali, filwaqt li elementi inqas importanti bħal menu ta' navigazzjoni, sidebar jew banner ad jingħataw spazju inqas proporzjonat. Dan huwa utli għall-paġni tad-dar tal-kumpaniji, siti tal-immaġni jew tal-vidjow, pubblikazzjonijiet onlajn, dashboards tad-dwana, u websajts tax-xiri—siti web b'ħafna kontenut u kategoriji biex jidderieġu lill-utenti.

Tqassim asimmetriku. It-tqassim tal-websajt

Tqassim asimmetriku huwa meta l-elementi huma rranġati fi skala mhux ugwali u fil-prossimità - sempliċiment,  ebda simmetrikament. Iżda filwaqt li hija l-oppost ta’ sistema ta’ grilja, l-assimetrija ma tfissirx kaos.

Il-bilanċ huwa importanti fi kwalunkwe disinn, u tqassim asimmetriku sempliċement jikseb dan b'modi mhux mistennija, bħall-kombinazzjoni ta ' rendering fuq skala kbira fuq naħa waħda b'ħafna elementi iżgħar fuq l-oħra. Dan huwa utli biex tiżdied l-enfasi billi tesaġera xi elementi (permezz ta 'daqs letterali, kulur, jew tqegħid) fuq oħrajn. Jista 'wkoll jappoġġja mudelli ta' qari tad-dwana (kuntrarju għal dawk regolari msemmija qabel).

Marki li jistgħu jaffordjaw li jieħdu approċċ mhux konvenzjonali għad-disinn isibu dan l-istil ta 'tqassim ideali—jiġifieri, websajts li jiffokaw fuq l-arti, għandhom udjenza avventuruża, jew jixtiequ jenfasizzaw prodott innovattiv jew innovattiv.

It-tqassim tal-websajt imfassal bis-sħiħ

Disinn kbir ta 'tqassim tal-websajt mhux biss jagħmilha attraenti viżwalment iżda jagħmilha wkoll intuwittivi. Dan huwa l-ewwel pass biex tagħti l-ewwel impressjoni fuq l-utenti, u tħajjarhom jibqgħu u jaraw il-kontenut kollu li s-sit tiegħek għandu x'joffri. It-tqassim tal-websajt

Filwaqt li dawn il-punti bażiċi tad-disinn tat-tqassim tal-websajt jistgħu jagħtuk punt tat-tluq, għandek tistinka biex tagħmel dak kollu possibbli biex tipprovdi esperjenza eċċezzjonali għall-viżitaturi tas-sit tiegħek. U l-aħjar mod biex tikseb disinn modern ta 'tqassim tal-websajt huwa li taħdem ma' disinjatur professjonali.

 АЗБУКА «