Tabl cynnwys
Arweinlyfr llawn i ddysgu hanfodion dylunio gweledol.
Y cwestiwn miliwn doler: beth yw cyfrinach dylunio da?
Gallwn fynd yn athronyddol am yr un hwn , ond a siarad yn gyffredinol, mae'r 'cyfrinach' diarhebol i ddyluniad da yn gorwedd yn y ffordd rydych chi'n trefnu'ch elfennau gweledol, mewn perthynas â'ch cynfas, a chyda'ch gilydd. Yn y bôn, rydyn ni newydd ddisgrifio dyluniad y cynllun. Sydd, pan fyddwch chi'n meddwl amdano, ym mhobman rydych chi'n edrych.
Cymerwch gynllun cylchgrawn, er enghraifft. Mae eu dyluniad yn dilyn system grid glasurol (rydym yn mynd i ddysgu popeth am gridiau mewn munud). Mae popeth fel arfer wedi'i alinio i'r chwith, i'r dde, ac ar y gwaelod. Mae gan y colofnau yn arbennig aliniad amlwg wedi'i gyfiawnhau sy'n gwneud y dudalen nid yn unig yn ddeniadol yn weledol, ond hefyd yn hawdd ei darllen, ac yn awdurdodol. Mae'r penawdau mawr yn denu sylw'r gwyliwr, tra bod yr is-bennawd yn cyferbynnu o ran maint i greu hierarchaeth weledol o wybodaeth.
Linda Gaom, Behance
Mae'r holl rinweddau hyn yn creu'r dudalen dyluniad yn lân, yn strwythuredig, ac yn hawdd i'w ddarllen, ac maent yn cyd-fynd â'r awgrymiadau y byddwn yn siarad amdanynt nesaf. Ond yn gyntaf, gadewch i ni ddeall mwy am ddyluniad y gosodiad ei hun.
Beth Yw Dylunio Gosodiad?
Mae dyluniad gosodiad yn ymwneud â threfniant elfennau graffigol er mwyn denu sylw'r darllenydd a chyfleu neges benodol mewn ffordd sy'n apelio'n weledol .Felly nid ydym yn siaradyr orphwysfa, tra bod elfennau eraill yn rhoi cyfeiriad.
Ffordd syml o ddeall hyn yw trwy gymryd enghraifft ein gwefan, er enghraifft. Mae graffeg wedi'u gwahanu'n glir oddi wrth y testun, ac felly hefyd y galwadau i weithredu, felly mae sylw'r gwyliwr yn symud o un clwstwr o wybodaeth i'r nesaf.
Egwyddor #5. Defnyddiwch Cyferbyniad
Sicrhewch fod gennych ddigon o gyferbyniad yn eich dyluniad.
Mae cyferbyniad yn helpu i drefnu eich dyluniad a bydd yn sefydlu hierarchaeth y mae mawr ei hangen ac yn rhoi pwyslais ar yr hyn sy'n bwysig.Yn fwy na hynny, mae defnydd da o gyferbyniad hefyd yn ychwanegu diddordeb gweledol trwy gydol eich dyluniad. Gadewch i ni ei wynebu, mae cynllun lle mae popeth yr un maint, siâp neu liw yn mynd i edrych yn ddiflas. Cyferbynnwch bethau sbeisys i fyny.
Efallai mai cyferbyniad lliw yw eich meddwl cyntaf, megis cynnes yn erbyn oer, tywyll yn erbyn golau, glas yn erbyn oren. Ond er bod lliw yn egwyddor hynod hanfodol o gyferbyniad, mae yna hefyd gyferbyniadau o ran math, aliniad a maint. A chofiwch, mae cyferbyniad hefyd yn gymharol. Dim ond mewn cyfosodiad sydd iddo ystyr ag elfennau eraill.
Dyma rai enghreifftiau o gynlluniau sy'n defnyddio'r rheol hon mewn ffordd glyfar a hardd. Sylwch ar y cyferbyniad mewn teipograffeg, lliw, a hyd yn oed y cyferbyniad yn y maint rhwng elfennau.
Ffynhonnell: Cynllun Gweithredu Cysoni IAG
Egwyddor #6. Ailadrodd, Patrwm, Rhythm
Pan fyddwn yn meddwl am ailadrodd, rydym yn meddwlo'r un elfen dro ar ôl tro.
Ond mae'n wahanol o ran cynllun. Yn bendant nid yw mor ddiflas â hynny. Pan gaiff ei ddefnyddio'n gywir, gall ailadrodd rymuso'ch dyluniad.
Ceisiwch nodi ac ailddefnyddio motiff trwy gydol eich cynllun fel bod ardaloedd amrywiol yn teimlo'n gysylltiedig ac yn rhan o'r un cyfansoddiad. Bydd yn helpu eich dyluniad i gael thema. Trwy ailadrodd elfennau, byddwch nid yn unig yn cyflawni yn unol â disgwyliadau eich cynulleidfa, ond byddwch hefyd yn gwella profiad y defnyddiwr. Mae bod yn gyson yn gwneud i'r defnyddwyr deimlo'n fwy cyfforddus.
Gallwch wneud hyn drwy ailadrodd siapiau neu symbolau. Neu hyd yn oed cynllun lliw, ffurfdeip, a'r un arddull yn gyffredinol.
Un arferiad da i fynd i mewn iddo yw defnyddio ffurfdeip gyda theulu mawr. Cyfyngwch ar y nifer gwahanol o batrymau, pwysau llinell/arddulliau, a lliwiau, ac ailadroddwch drwyddo draw. Hefyd, ceisiwch gadw arddull delweddau a graffeg yr un peth. Er enghraifft, defnyddiwch ddarluniau gan yr un artist.
Ffynhonnell: Thepentool.co
Dyna ni. Dyma'r chwe egwyddor a fydd yn eich helpu i drefnu eich dyluniad a chyflawni cynllun glanach, mwy proffesiynol a chytbwys.
Ond nid yw eich taith yn gorffen yma. Nid yw dylunio graffeg yn wyddor fanwl gywir ac ni ddylid ei gyfyngu i awgrymiadau ac egwyddorion. Fel sy'n wir ym mhob maes creu, nid oes rheol bendant. Bydd torri allan o'r awgrymiadau hyn mewn ffyrdd cynnil yn ychwanegu dyfnder ac amrywiaeth ateich dyluniadau.
Serch hynny, maent yn fan cychwyn gwych ac rydym yn eich annog i roi cynnig arnynt. A gadewch i ni wybod sut maen nhw'n gweithio!
Lawrlwythwch Vectornator i Gychwyn Arni
Ewch â'ch dyluniadau i'r lefel nesaf.
Lawrlwythwch ffeil
am ddylunio logo yma. Ond mae dyluniad deunydd print, fel papurau newydd, cylchgronau, posteri, a’u cymheiriaid digidol, yn ogystal â dylunio gwe, ap, neu UX/UI.Mae’r gair ‘cynllun’ yn rhoi llawer o awgrymiadau i ni. Mae'n golygu trefniant o elfennau a bennwyd ymlaen llaw ar dudalen.
Pan mae gosodiad yn effeithiol, mae'n edrych yn dda, ac mae'n arwain y gwyliwr i ddeall y neges y mae'r dyluniad yn ceisio ei chyfleu. Mae deall gosodiad felly yn allweddol i greu cyfansoddiadau deniadol, effeithiol, hawdd eu defnyddio, a dymunol.
Os nad yw cynllun yn cyfleu ei neges yn dda i'r gynulleidfa, neu mewn geiriau eraill, nid yw'n "darllen yn dda ", bydd y dyluniad yn aneffeithiol ni waeth pa mor ffasiynol y mae'n edrych. Ym maes dylunio gosodiad, mae cynnwys yn disodli tueddiadau a gimigau.
Diben Dyluniad y Gosodiad
I gyfleu neges yn gyflym
Mae hyn yn allweddol. Mae dyluniad gosodiad yn sefydlu'r berthynas rhwng asedau graffig i sicrhau llif llyfn o symudiad llygaid ar gyfer yr effeithiolrwydd a'r effaith fwyaf.
I greu cydbwysedd
Defnyddio egwyddorion dylunio gosodiad yw'r ffordd fwyaf syml o greu ymdeimlad o gydbwysedd a chymesuredd yn eich prosiectau dylunio heb fynd yn ddiflas.
I greu cydlyniant
Mae cynllun yn eich helpu i drefnu'r elfennau niferus o'ch dyluniad mewn ffordd hawdd ei dreulio, cydlynol a rhesymegol.
I greu harddwch
Mae cydbwysedd a strwythur yn creu harddwch yn naturiol.Os caiff dyluniad eich cynllun ei wneud yn gywir, bydd yn apelio'n weledol i'r gwyliwr yn awtomatig. Po leiaf o ymdrech y mae angen i'r gwylwyr ei gwneud er mwyn deall neges, y mwyaf deniadol fydd eich dyluniad.
Dylunydd gan Frank Philippin ar gyfer ei lyfr 'I Used to Be a Design Student: Then - Nawr.' Ffynhonnell: DesignBoom
Elfennau Dylunio Gosodiad
Testun
Mae hyn yn cynnwys nid yn unig y corff testun neu baragraffau, ond hefyd penawdau, is-benawdau, penawdau a throedynnau. Bydd eich dewis o deipograffeg, lliw, a maint yn cael effeithiau gwahanol ar sut y bydd eich cynllun yn trosi i'ch cynulleidfa.
Delwedd
Y mathau mwyaf cyffredin o ddelweddau yw ffotograffau, darluniau neu ffeithluniau.
Siapiau
Gall siapiau fod yn geometrig, sy'n onglog iawn, neu gallant fod yn organig, gan ddynwared y byd naturiol. Gallant hefyd fod yn haniaethol. Mae siapiau haniaethol wedi bod yn ffasiynol iawn yn ystod y flwyddyn ddiwethaf, gan ein bod wedi gweld dylunwyr gwe yn eu hymgorffori mewn cyfansoddiadau cymhleth a gwasgarog.
Gall siapiau gymryd lle delwedd. Neu gellir eu defnyddio i ychwanegu elfennau graffig i dudalen, amlygu testun, neu amlinellu'r gofod rhwng elfennau gweledol eraill.
Bod gwyn
Bydd gan unrhyw gynllun gosodiad rywfaint o ofod gwyn a fydd yn caniatáu i'ch elfennau anadlu a sefyll allan ar eu pen eu hunain.
Egwyddorion Aur Dylunio Gosodiad
Fe sylwch fod yr egwyddoriono ddyluniad cynllun yn dilyn llawer o egwyddorion sylfaenol dylunio. Fel defnyddio lliw mewn ffordd arbennig, teipograffeg, ailadrodd, cyferbyniad, hierarchaeth, a chydbwysedd.
Egwyddor #1. Defnyddio Gridiau
Mae gridiau'n helpu dylunwyr i leoli gwahanol elfennau dylunio fel testun a delweddau mewn ffordd sy'n edrych yn gydlynol ac yn hawdd i'w dilyn.
Maent yn rhoi ymdeimlad o drefn, maent yn atal elfennau rhag gor-bweru ei gilydd , ac yn bwysicaf oll, bydd gridiau hefyd yn cywiro'ch aliniad. Gwneud i'ch gwaith deimlo'n lanach ac yn fwy proffesiynol.
Ffynhonnell: hgmlegal.com
Anatomeg gridiau
Efallai eich bod chi'n meddwl mai llinellau fertigol a llorweddol yn unig ydyw, ond mae grid yn cynnwys sawl rhan. Llawer, mewn gwirionedd. Dyma'r derminoleg bwysicaf y mae angen i chi ei gwybod mewn grid sylfaenol:
Gweld hefyd: Sut i Fectoreiddio Delwedd yn Illustrator- Fformat yw maes llawn eich cynllun terfynol. Felly os ydych chi'n dylunio rhywbeth i'w argraffu, y dudalen yw'r fformat, ac os ydych chi'n ddylunydd gwe, y fformat yw'r dudalen we neu'r ffenestr porwr. yw'r bylchau bwriadol gwag rhwng y fformat a'r dyluniad.
- Lliflinau yw'r llinellau llorweddol sy'n gwahanu eich cynllun yn adrannau cyfochrog. Mae llinellau llif yn helpu gyda darllenadwyedd eich dyluniad ac yn arwain y darllenydd i ddilyn y cynnwys yn gywir.
- Modiwlau yw'r blociau sy'n cael eu ffurfio gan y llinellau llorweddol a fertigolllinellau llif unrhyw grid. Os meddyliwch am y peth, maen nhw yw blociau adeiladu unrhyw grid. Mae eich holl fodiwlau fertigol yn creu eich colofnau, tra bod eich holl gridiau llorweddol yn creu eich rhesi.
- Mae rhanbarthau yn grwpiau o fodiwlau cysylltiedig, naill ai'n fertigol neu'n llorweddol. Nid oes unrhyw reolau ynghylch sut i drefnu'r rhain.
Ffynhonnell: Radversity
Mathau o gridiau
Defnyddiwyd gridiau gosodiad yn gyntaf i drefnu llawysgrifen ar bapur.
Maent yn dyddio'n ôl mor gynnar â'r 13eg ganrif, pan unodd yr artist Ffrengig Villard De y system grid â'r gymhareb aur i gynhyrchu gosodiadau tudalennau printiedig gydag ymylon. Gallwch weld y system grid hon hyd heddiw, fel y mae'r mwyafrif o gynlluniau llyfrau a chylchgronau printiedig yn ei brofi. Mae'n well gan gyhoeddwyr, golygyddion a dylunwyr ddefnyddio gridiau safonol nid yn unig oherwydd eu bod yn edrych yn dda, ond oherwydd bod darllenwyr wedi dod i ddisgwyl i rai elfennau dylunio fod mewn lle penodol.
Gellir dylunio gridiau mewn dwy ffordd: cymesur. neu anghymesur. Mae gridiau cymesur yn dilyn llinell ganol, lle mae'r rhanbarthau fertigol a llorweddol yn hafal i'w gilydd; ac mae gan y colofnau yr un lled.
Mewn grid anghymesur , fel mae'r enw'n awgrymu, nid yw'r ymylon a'r colofnau i gyd yn union yr un fath.
Yn seiliedig ar y dosbarthiad hwn mae pum prif fath o gridiau cynllun yn cael eu defnyddio ledled y byd y gallwch ddibynnu arnynt:
Llawysgrifgridiau yw'r math mwyaf cyffredin o grid ar gyfer dogfennau. Maent yn gwahanu'r pennawd, y troedyn a'r ymylon, ac yn y bôn yn creu petryal y tu mewn i'r fformat (neu'r dudalen) sy'n darparu'r ffiniau i'ch testun. Maent yn ganolfan ar gyfer cylchgronau, papurau newydd a llyfrau. Felly mae'n debyg mai dyma'r cynllun rydych chi'n gyfarwydd ag ef fwyaf.
Ffynhonnell: UXplanet
Ffynhonnell: Radversity
Gridiau colofn
Ffynhonnell: UX Planet
Ffynhonnell: Radversity
Mae gridiau modiwlaidd yn debyg i'r grid colofnau, ond maent hefyd yn cyfrif am y llinellau llif llorweddol. Mae angen y math hwn o grid pan fydd yn rhaid i chi drefnu gwahanol elfennau yn eich cynllun ac nid yw'r gridiau colofn yn ddigon.
Mae gan gridiau modiwlaidd fodiwlau maint cyfartal sy'n ei gwneud hi'n hawdd iawn delweddu eich parthau gofodol mewn gwahanol ffyrdd.
Ffynhonnell: UXPlanet
Ffynhonnell: Radversity
Mae gridiau gwaelodlin yn wych ar gyfer cyfansoddiadau testun. Llinell sylfaen yw'r llinell lle mae testun yn gorwedd pan fyddwch chi'n teipio, ac yn arwain yw'r bylchau rhwng dwy waelodlin. Tybed pa mor fawr ddylai eich pennawd neu is-benawdau fod?
Mae gridiau gwaelodlin yma i helpu i roi rhythm llifeiriol i'ch testun.
Ffynhonnell: UX Planet
Ffynhonnell: Fragaria
Mae gridiau hierarchaidd yn edrych yn llai fel grid na'u holl cymheiriaid. Serch hynny, maent yn ddefnyddiol iawn wrth drefnu elfennau dylunio yn nhrefn eu pwysigrwydd. Gall gridiau hierarchaidd fod yn seiliedig ar gridiau modiwlaidd, neu gallwch hyd yn oed greu eich un eich hun. Mae gwefannau'n defnyddio'r grid hwn yn aml, yn enwedig cylchgronau digidol a phapurau newydd yn tueddu i ddibynnu mwy ar gridiau hierarchaidd yn hytrach na gridiau colofnau wrth drosglwyddo i fod yn ddigidol.
Ffynhonnell: UX Plane
Principle #2. Defnyddiwch Negative Space
Yn aml, rydyn ni'n meddwl bod gwacter, distawrwydd neu ddiffyg lliw yn beth drwg. Ond nid ydym yn ystyried sut y maent yn sylfaen gadarn y cyferbyniad.
Gelwir hefyd yn ofod gwyn, gofod negyddol yw'r ardal honno yn eich dyluniad nad oes ganddo unrhyw elfennau gwirioneddol. Dyna'r ardal sydd wedi'i gadael yn wag. Nid yw'n amgylchynu'ch asedau yn unig, mae hefyd yn creu'r bondiau angenrheidiol rhyngddynt. Oherwydd hynny, mae gofod negyddol yn elfen ddylunio haeddiannol ac yn cael effaith enfawr ar ba mor effeithiol yw eich cynllundylunio yn.
Gofod negyddol da yn erbyn drwg
Bydd gofod negyddol yn helpu i wahanu gwahanol feysydd yn eich dyluniad, tra hefyd yn caniatáu i'ch cynllun anadlu. Mae'n helpu gyda hierarchaeth weledol a chydbwysedd gweledol; mae'n gosod ffocws y defnyddiwr ar yr elfennau craidd; mae'n lleihau lefel y tynnu sylw; ac yn olaf, mae'n ychwanegu steil a cheinder i'ch dyluniad.
Efallai y bydd dylunwyr dibrofiad yn dueddol o lenwi cymaint o'u cynfas â phosibl, trwy ehangu testun neu chwythu logo, neu ddelwedd i fyny. Ond mae rhoi lle i'ch elfennau yn caniatáu i'r gwyliwr ddewis ciwiau gwybodaeth arbennig yn gyflymach ac yn fwy cyfforddus.
Os bydd popeth yn gweiddi i sylw eich gwyliwr, ni chlywir dim.– Aaron Walter, 'Cynllunio i emosiwn'
Gweld hefyd: Pam Mae Cariad y Byd at Moominvalley yn Rhedeg yn DdwfnFfordd hawdd o ganfod eich gofod negyddol yw trwy ddefnyddio grid modiwlaidd. Trwy osod hynny ar ben eich dyluniad, gallwch wedyn ddychmygu'n hawdd pa fodiwlau all aros yn wag, a pha rai y dylid eu llenwi.
Dylunydd gan Brunswicker, Ffynhonnell: Codesignmag.com
Egwyddor #3. Dewiswch Un Pwynt Ffocal
A yw cleient erioed wedi gofyn i chi wneud y logo yn fwy? Ac yna i wneud y pennawd hyd yn oed yn fwy?
Ni allwch bwysleisio popeth. Mae'n trechu pwynt dylunio da. Yn union fel amser, mae ffocws yn gymharol. Er mwyn i un elfen sefyll allan, rhaid i un arall fod yn gefndir. Mae angen i rai elfennau ddominyddu eraill er mwyn i'ch dyluniad gael ei arddangoshierarchaeth weledol.
Y canolbwynt mewn dyluniad yw'r un elfen sydd â'r pwysau gweledol mwyaf. Dyma'r elfen sy'n denu'r llygad yn gyntaf, yn fwy na dim byd arall yn eich cynllun.Bydd canolbwynt yn cyhoeddi i'ch cynulleidfa ble mae eu taith wylio yn dechrau ar eich dyluniad. Felly dyma ddechrau'r stori rydych chi'n ei hadrodd.
Gellir cyflawni hyn fel arfer drwy ddefnyddio delwedd fawr neu ffynhonnell fawr o deipograffeg. Sylwch pa mor effeithiol yw'r canolbwynt isod
Dyluniwyd gan Braulio Amado ar gyfer Bloomberg Businessweek, Ffynhonnell: Mae'n braf bod
Ond tra bydd canolbwynt yn tynnu sylw eich cynulleidfa i mewn, bydd y rheol nesaf yn helpu i'w arwain.
Egwyddor #4. Meddyliwch am Agosrwydd a Llif
Mae egwyddor agosrwydd yn syml. Sicrhewch fod elfennau sy'n perthyn i'w gilydd yn cael eu gosod gyda'i gilydd.
Mae agosrwydd yn dangos bod yr asedau gweledol wedi'u cysylltu ac yn dod yn un uned weledol sy'n helpu i drefnu eich cynllun.Felly dim ond clystyru asedau dylunio sydd â pherthynas â'i gilydd, a defnyddio pocedi o wybodaeth ar eich dyluniad i arwain eich cynulleidfa at y darn o gynnwys perthnasol y mae angen iddynt ei ddefnyddio. Gelwir hyn hefyd yn egwyddor llif.
Ffynhonnell: Graffeg Satori
Bydd dyluniad gyda llif da yn arwain llygad y gwylwyr trwy gydol y gosodiad, o elfen i elfen, yn rhwydd. Bydd eich canolbwyntiau yn tynnu'r llygad ac yn dod
