Meriv çawa sêwirana layout master dike

Rêberiyek tam ji bo fêrbûna bingehên sêwirana dîtbarî.

Pirsa mîlyon dolarî: sira sêwirana baş çi ye?

Em dikarin li ser vê yekê felsefeyê bikin , lê bi gelemperî, 'veşarta' ya sêwirana baş di awayê ku hûn hêmanên dîtbarî yên xwe, li gorî kabloya xwe, û bi hev re birêxistin dikin de ye. Di bingeh de, me tenê sêwirana sêwiranê diyar kiriye. Ku, dema ku hûn lê dihizirin, li her derê ku hûn lê dinihêrin heye.

Mînakî, sêwirana kovarekê bigirin. Sêwirana wan pergalek torê ya klasîk dişopîne (em ê di deqeyekê de hemî li ser torên fêr bibin). Her tişt bi gelemperî çep, rast û li jêr têne rêz kirin. Stûn bi taybetî xwedan hevrêziyek rastdar a cihêreng in ku rûpelê ne tenê ji hêla dîtbarî ve balkêş, lê di heman demê de xwendinê jî hêsan, û desthilatdar dike. Sernavên mezin bala temaşevanan dikşînin, di heman demê de sernav wekî berevajiyê mezinahiyê tê da ku hiyerarşiyek dîtbarî ya agahdarî çêbike.

Linda Gaom, Behance

Hemû xisletan rûpelê çêdike. sêwirana paqij, birêkûpêk, û xwendinê hêsan e, û ew bi serişteyên ku em ê paşerojê li ser biaxivin re hevaheng in. Lê pêşî, bila em di derbarê sêwirana sêwiranê bixwe de bêtir fam bikin.

Sêwirana Layout Çi ye?

Sêwirana layout bi rêkûpêkkirina hêmanên grafîkî ve girêdayî ye ji bo ku bala xwendevan bikişîne û peyamek taybetî bi rengekî balkêş bigihîne. .

Ji ber vê yekê em napeyivincihê bêhnvedanê, dema ku hêmanên din rêberiyê didin.

Rêyek hêsan a têgihîştina vê yekê ev e ku mînaka malpera me bigire. Grafîk bi zelalî ji nivîsê têne veqetandin, û bangên çalakiyê jî wisa ne, ji ber vê yekê bala temaşevan ji komek agahdarî ber bi koma din ve diçe.

Prensîp #5. Berevajî bikar bînin

Piştrast bikin ku hûn di sêwirana xwe de têra xwe berevajî heye.

Berevajî alîkariya organîzekirina sêwirana we dike û dê hiyerarşiyek pir hewce saz bike û giraniyê bide ser tiştê ku girîng e.

Ji wê zêdetir, karanîna baş a berevajîyê jî li seranserê sêwirana we eleqeya dîtbarî zêde dike. Ka em jê re rû bi rû bimînin, sêwirana ku her tişt bi heman mezinahî, şekil, an reng e, dê bêzar xuya bike. Berevajî tiştan xweş dike.

Fikra weya yekem dibe ku berevajiya rengan be, wek germ li hember sar, tarî li hember ronahiyê, şîn û porteqalî. Lê dema ku reng prensîbek pir bingehîn a berevajîyê ye, di heman demê de berevajî cûre, rêzbûn û mezinbûnê jî hene. Û ji bîr mekin, berevajî jî nisbî ye. Wateya wê tenê di hevberdana bi hêmanên din re heye.

Li vir çend mînakên sêwiranan hene ku vê qaîdeyê bi aqil û xweşik bikar tînin. Bala xwe bidin berevajîkirina tîpografî, reng, û tewra berevajiya mezinahiya di navbera hêmanan de.

Çavkanî: Plana Çalakiya Lihevkirinê ya IAG

Prensîpa #6. Dubarekirin, Nimûne, Rîtm

Dema ku em li dubarekirinê difikirin, em difikirinji heman hêmanê her û her.

Lê ew di sêwiranê de cûda ye. Bê guman ew qas ne bêzar e. Dema ku rast were bikar anîn, dubarekirin bi rastî dikare sêwirana we hêzdar bike.

Binêre_jî: Drop Shadow: Rêbernameya Kûrahiya Illustrator

Hewl bidin ku motîfek li seranserê sêwirana xwe nas bikin û ji nû ve bi kar bînin da ku deverên cihêreng xwe bi hev ve girêdayî hîs bikin û beşek ji heman kompozîsyonê bin. Ew ê ji sêwirana we re bibe alîkar ku mijarek hebe. Bi dubarekirina hêmanan, hûn ne tenê li gorî hêviyên temaşevanên xwe radest dikin, lê hûn ê ezmûna bikarhêner jî baştir bikin. Bihevrebûn dihêle ku bikarhêner xwe rehettir hîs bikin.

Hûn dikarin vê yekê bi dubarekirina şikil an sembolan bikin. An tewra rengdêr, tîpek û bi gelemperî heman şêwaz.

Adetek baş a ku meriv tê de bikeve ev e ku meriv tîpek bi malbatek mezin bikar bîne. Hejmara cûda ya nimûneyan, giraniya rêzan / şêwaz û rengan sînordar bikin, û li seranserê dubare bikin. Di heman demê de, hewl bidin ku şêwaza wêne û grafîkê wekî hev bihêlin. Mînakî, nîgarên heman hunermendê bikar bînin.

Çavkanî: Thepentool.co

Ew e. Ev şeş prensîb in ku dê ji we re bibin alîkar ku hûn sêwirana xwe birêxistin bikin û bigihîjin plansaziyek paqijtir, profesyoneltir û hevsengtir.

Lê rêwîtiya we li vir bi dawî nabe. Sêwirana grafîkê ne zanistek tam e û divê tenê bi şîret û prensîban re nemîne. Wekî ku di hemî warên afirandinê de rast e, rêgezek hişk tune. Veqetandina van serişteyan bi awayên nazik dê kûrahî û cihêrengiyê lê zêde bikesêwiranên we.

Lê belê, ew xala destpêkek baş in û em we teşwîq dikin ku hûn wan biceribînin. Û bi me bidin zanîn ka ew çawa dixebitin!

Ji bo Destpêkirinê Vectornator dakêşin

Sêwiranên xwe derxînin asta pêş.

Pelê dakêşin li ser sêwirana logoyê li vir. Lê sêwirana materyalên çapê, mîna rojname, kovar, poster, û hevpîşeyên wan ên dîjîtal, û hem jî sêwirana web, sepan, an UX/UI.

Peyva 'layout' gelek îşaretan dide me. Ew tê wateya lihevhatina hêmanên pêşwext li ser rûpelekê.

Dema sêwirandinek bi bandor be, ew xweş xuya dike, û ew rê dide temaşevan ku peyama ku sêwiran hewl dide bide famkirin. Ji ber vê yekê têgihîştina layoutê di afirandina pêkhateyên balkêş, bibandor, bikarhêner-heval û xweş de girîng e.

Eger sêwirandin peyama xwe baş negihîne temaşevanan, an bi gotinek din, ew "baş naxwîne. ", sêwiran dê bêbandor be her çi qas trendî xuya bike. Di warê sêwirana sêwirana sêwiranê de, naverok li şûna meyl û fêlbaziyan dixe.

Armanca sêwirana layout

Ji bo gihandina peyamek bi lez

Ev girîng e. Sêwirana sêwiranê têkiliya di navbera hebûnên grafîkî de saz dike da ku bigihîje herikînek nerm a tevgera çav ji bo bandor û bandoriya herî zêde.

Afirandina hevsengiyê

Bikaranîna prensîbên sêwirana sêwiranê riya herî rast a afirandinê ye. di projeyên sêwirana we de bêyî ku bêzar bibin de hestek hevsengî û hevsengiyê heye.

Ji bo afirandina hevgirtinê

Rêveberî ji we re dibe alîkar ku hûn gelek hêmanên sêwirana xwe bi rengek hêsan, hevgirtî û mentiqî rêz bikin.

Ji bo afirandina bedewiyê

Balanî û avahî bi awayekî xwezayî bedewiyê diafirîne.Ger sêwirana sêwirana we rast were çêkirin, ew ê bixweber ji temaşevan re ji hêla dîtbarî ve balkêş bibe. Ji bo têgihîştina peyamekê ji temaşevanan re hewildanek hindiktir hewce bike, dê sêwirana we ewqas balkêştir xuya bike.

Designer ji hêla Frank Philippin ve ji bo pirtûka xwe ya 'I Used To Be A Design Student: Dûv re - Niha.' Çavkanî: DesignBoom

Elementên Sêwirana Layout

Nivîs

Ev ne tenê laşê nivîsê an paragrafan, lê di heman demê de sernav, binavnîşan, sernav û pêlavan jî dihewîne. Hilbijartina we ya tîpografî, reng û mezinahiyê dê bandorên cihêreng bi dest bixe li ser çawaniya xêzkirina we dê ji temaşevanên we re were wergerandin.

Wêne

Cûreyên herî gelemperî yên wêneyan wêne, nîgar, an infografîk in.

Şik

Şik dikarin geometrîk bin, yên ku pir goşeyî ne, yan jî organîk bin, mîna cîhana xwezayî. Ew jî dikarin razber bin. Şêweyên razber di sala borî de pir trendî bûn, ji ber ku me dît sêwiranerên malperê wan di nav pêkhateyên tevlihev û berbelav de dihewîne.

Şêwe dikarin şûna wêneyekê bigirin. An jî ew dikarin ji bo lêzêdekirina hêmanên grafîkî li rûpelek, ronîkirina nivîsê, an xêzkirina cîhê di navbera hêmanên dîtbarî yên din de werin bikar anîn.

Cihê spî

Her sêwirana sêwiranê dê xwedan mîqdarek cîhê spî be. ku dê bihêle hêmanên we bi tena serê xwe nefesê bistînin û derkevin holê.

Prensîbên Zêrîn ên Sêwirana Layout

Hûn ê bala xwe bidin ku prensîbênsêwirana sêwiranê gelek prensîbên bingehîn ên sêwiranê dişopînin. Mîna bikaranîna rengan bi rengekî diyarkirî, tîpografî, dubarekirin, berevajî, hiyerarşî û hevseng.

Prensîba 1. Grids bikar bînin

Grid alîkariya sêwiranan dikin ku hêmanên sêwiranê yên cihêreng ên wekî nivîs û wêneyan bi rengekî hevgirtî û hêsan peyda bikin bi cih bikin.

Ew hestek rêzê peyda dikin, ew hêmanan ji serweriya hevûdu diparêzin. , û ya herî girîng, grîd jî dê hevrêziya we rast bikin. Karê xwe paqijtir û profesyoneltir hîs bike.

Çavkanî: hgmlegal.com

Anatomiya şebekan

Dibe ku hûn bifikirin ku ew tenê xetên vertîkal û horizontî ne, lê şebek ji çend beşan pêk tê. Gelek, bi rastî. Li vir termînolojiya herî girîng e ku hûn hewce ne ku di torgilokek bingehîn de zanibin:

• Format qada tevahî ya sêwirana weya paşîn e. Ji ber vê yekê heke hûn ji bo çapkirinê tiştek dîzayn dikin, format ew rûpel e, û heke hûn sêwiranerek malperê bin, format rûpela malperê an pencereya gerokê ye.
• Margins ciyên vala yên bi mebest di navbera format û sêwiranê de ne.
• Xetên herikandinê xêzên horizontî ne ku sêwirana we di beşên paralel de vediqetînin. Rêzikên herikînê bi xwendina sêwirana we re dibe alîkar û xwendevan rê dide ku naverokê rast bişopîne.
• Modul blokên ku ji hêla xetên horizontî û vertîkal ve têne çêkirin in.hêlên her torê. Ger hûn li ser wê bifikirin, ew blokên avakirina her torê ne. Hemî modulên weya vertîkal stûnên we diafirînin, lê hemî şebekeyên weyên horizontî rêzên we diafirînin.
• Herêm komên modulên girêdayî ne, yên vertîkal an jî horizontî. Rêgezên ku hûn biryar didin ku van çawa birêxistin bikin tune ne.

Çavkanî: Radversity

Cûreyên şebekeyan

Têrên layout yekem car ji bo rêzkirinê hatin bikar anîn. destnivîsa li ser kaxezê.

Dayika wan vedigere heta sedsala 13-an, dema ku hunermendê Fransî Villard De pergala tevnvîsê bi rêjeya zêrîn li hev kir da ku layoutên rûpelên çapkirî yên bi marjînal çêbike. Hûn dikarin vê pergala torê heya roja îro bibînin, wekî ku piraniya sêwirana pirtûk û kovarên çapkirî îsbat dikin. Weşanger, edîtor û sêwiraner tercîh dikin ku torên standard bikar bînin, ne tenê ji ber ku ew xweş xuya dikin, lê ji ber ku xwendevanan hêvî kirine ku hin hêmanên sêwiranê li cîhek taybetî bin.

Tor dikarin bi du awayan werin sêwirandin: sîmetrîk an asimetrîk. Tirkên sîmetrîk li dû xêzeke navendê ne, ku deverên vertîkal û horizontî wek hev in; û stûn jî heman firehiyê ne.

Di tevra asîmetrîk de, wek ku ji navê xwe diyar e, marjînal û stûn hemû ne wek hev in.

Li ser bingeha vê dabeşkirinê li çaraliyê cîhanê pênc celebên sereke yên şebekeyên sêwiranê têne bikar anîn ku hûn dikarin pê bispêrin:

Manuscriptşebek ji bo belgeyan cureya herî berbelav e. Ew sernivîs, pêlav û marjînal ji hev vediqetînin, û bi bingehîn di hundurê formatê (an rûpelê) de ku sînorên nivîsa we peyda dike çargoşeyek diafirînin. Ew bingeha kovar, rojname û pirtûkan in. Ji ber vê yekê belkî ew sêwirana ku hûn herî zêde pê pê dizanin ev e.

Çavkanî: UXplanet

Çavkanî: Radversity

Girtên stûnê di weşana kovarê de bijareyên din in. Plansaziyek kovarê ya tîpîk torên stûnê bikar tîne da ku nivîsê li beşên hêsan-xwendinê veqetîne. Lê ew ji bo malperan jî pir populer in. Hûn dikarin ji du heta şeş toran tiştek bikar bînin. Zêdetir gengaz e, lê ne gelemperî. Tiştek pir girîng di derbarê şebekeyên stûnan de ev e ku ferqa di navbera stûnan an jî gemaran de bi heman rengî ji hev dûr in.

Tûrên stûnên sîmetrîk ji hêla rojnameyan ve têne bikar anîn, mînakî, dema ku di sêwirana malperê de tora stûnek asimetrîk tê tercîh kirin. .

Çavkanî: UX Planet

Çavkanî: Radversity

Binêre_jî: Rêbernameya Dawîn Ji Bo Sêwirana Fikirandinê Ji Bo Sêwiranerên Grafikê

Girtên moduler dişibin tora stûnê, lê ew jî ji bo herikîna horizontal hesab. Dema ku hûn neçar in ku hêmanên cûrbecûr di sêwirana xwe de birêxistin bikin û torên stûnan bi tenê ne bes in, ev celeb torê hewce ye.

Tûrên modular xwedî modulên mezinahiya yeksan in ku ev yek pir hêsan dike ku hûn deverên cîhê xwe bi awayên cûda xuyang bikin.

Çavkanî: UXPlanet

Çavkanî: Radversity

Girtên bingehîn ji bo pêkhateyên li ser nivîsê fantastîk in. Xeta bingehîn ew xêza ku dema ku hûn dinivîsin tê de radiweste, û serek valahiya di navbera du xetên bingehîn de ye. Ma hûn meraq dikin ku sernivîs an sernavên we çiqas mezin bin?

Tûrên bingehîn li vir in ku ji bo ku rîtmek herikbar bidin nivîsara we.

Çavkanî: UX Planet

Çavkanî: Fragaria

Girtên hiyerarşîk ji hemû wan kêmtir dişibin torê hevtayên. Digel vê yekê, ew pir bikêr in dema ku hêmanên sêwiranê bi rêza girîngiya xwe organîze dikin. Tûrên hiyerarşîk dikarin li ser bingeha torên modular bin, an jî hûn dikarin xweya xwe biafirînin. Malper gelek vê torê bikar tînin, nemaze kovar û rojnameyên dîjîtal di veguheztina xwe ya berbi dîjîtalbûnê de bêtir xwe bispêrin torên hiyerarşîk ne ku torên stûnan.

Çavkanî: UX Plane

Prensîp #2. Cihê Negatîf bikar bînin

Em gelek caran difikirin ku valabûn, bêdengî, an kêmbûna rengan tiştek xirab e. Lê em nahesibînin ka ew çawa bingehek zexm a berevajîyê ne.

Jê re cîhê spî jî tê gotin, cîhê neyînî ew devera ku di sêwirana we de hêmanek rastîn lê tune ye. Ew qada vala maye. Ew ne tenê hebûnên we dorpêç dike, di heman demê de girêdanên pêwîst di navbera wan de jî çêdike. Ji ber vê yekê, cîhê neyînî hêmanek sêwiranê ya rast e û bandorek mezin li ser sêwirana we çiqas bandorker esêwirandin e.

Cihê neyînî yê baş li hember xirab

Cihê neyînî dê bibe alîkar ku di sêwirana we de deverên cihêreng ji hev veqetînin, di heman demê de dihêle ku sêwirana we nefesê bigire. Ew bi hiyerarşiya dîtbarî û hevsengiya dîtbarî re dibe alîkar; ew bala bikarhêner li ser hêmanên bingehîn destnîşan dike; ew asta baldarîyê kêm dike; û di dawiyê de, ew şêwaz û zerafetê li sêwirana we zêde dike.

Dibe ku sêwiranerên bêtecrube meyla wan hebe ku bi qasî ku dibe bila bibe, bi mezinkirina nivîsê an bi teqandina logoyek, an wêneyek, meyla wan heye ku bi qasî ku dibe bila bibe kanava xwe tije bikin. Lê dayîna jûreya hêmanên xwe dihêle ku temaşevan bi leztir û rehettir hin îşaretên agahiyê hilbijêrin.

Heke her tişt bala temaşevanên we biqîre, tiştek nayê bihîstin.

– Aaron Walter, 'Sêwirandin ji bo hest'

Rêyek hêsan a destnîşankirina cîhê weya neyînî bi karanîna tora modular e. Bi danîna wê li ser sêwirana xwe, hingê hûn dikarin bi hêsanî xuya bikin ka kîjan modul dikarin vala bimînin, û kîjan divê bêne dagirtin.

Designer by Brunswicker, Çavkanî: Codesignmag.com

Prensîba #3. Yek Xalek Navendî Hilbijêre

Ma xerîdarek ji we xwestiye ku hûn logoyê mezintir bikin? Û paşê hûn sernivîsê hîn mezintir bikin?

Tu nikarî her tiştî giran bikî. Ew xala sêwirana baş têk dibe. Mîna demê, baldarî jî nisbî ye. Ji bo ku hêmanek derkeve holê, ya din pêdivî ye ku wekî paşxanê bixebite. Pêdivî ye ku hin hêman serweriya yên din bikin da ku sêwirana we were xuyang kirinhiyerarşiya dîtbarî.

Di sêwiranê de xala bingehîn ew hêman e ku giraniya dîtbarî ya herî mezin heye. Ew hêmana ku pêşî çavan dikişîne, ji her tiştê din di sêwirana we de ye.

Xaleke navendî dê ji temaşevanên we re ragihîne ku rêwîtiya dîtina wan li ser sêwirana we li ku dest pê dike. Ji ber vê yekê ew destpêka çîroka ku hûn vedibêjin e.

Ev bi gelemperî bi karanîna wêneyek mezin an çavkaniyek mezin a tîpografiyê dikare were bidestxistin. Bala xwe bidin ka xala bingehîn a jêrîn çiqas bandorker e

Ji hêla Braulio Amado ve ji bo Bloomberg Businessweek hatî sêwirandin, Çavkanî: Xweş e ku

Lê dema ku xalek bingehîn dê bala temaşevanên we bikişîne hundur, qaîdeya din dê alîkariya rêberiya wê bike.

Prensîba #4. Nêzîkbûn û Herikînê Bifikirin

Prensîba Nêzîkbûnê hêsan e. Piştrast bike ku hêmanên ku bi hev re têkildar in li hev hatine danîn.

Nêzîkbûna nêzîk nîşan dide ku hebûnên dîtbarî bi hev ve girêdayî ne û dibin yek yekîneyek dîtbarî ya ku alîkariya organîzekirina sêwirana we dike.

Ji ber vê yekê tenê hebûnên sêwiranê yên ku pêwendiya wan bi hev re heye kom bikin, û li ser sêwirana xwe hûrguliyên agahdariyê bikar bînin da ku temaşevanên xwe berbi perçeya naveroka têkildar a ku ew hewce ne ku bikar bînin rêve bibin. Jê re prensîba herikînê jî tê gotin.

Çavkanî: Grafîkên Satori

Sêwiranek bi herikîna baş dê çavê temaşevanan li seranserê sêwiranê, ji hêmanek heya hêman, bi hêsanî rêve bibe. Xalên weya navendî dê çavê xwe bikişîne û bibin