Mielőtt elsajátítaná a dizájnt, először el kell sajátítania az alapokat

A múlt héten egyik olvasóm küldött egy kérdést: Hogyan válhatok jobb látványtervezővé?

Amikor arra gondoltam, hogyan válaszoljak erre a kérdésre, az elmém a mandarin kínai tanulás tapasztalataira tévedt. Nemrég úgy döntöttem, hogy mandarint tanítok magamnak. Új nyelv megtanulásakor először az alapokkal kell kezdenie. A főnevek, névmások és igék alkotják az alapot a bonyolultabb eszmék közvetítéséhez.

A nyelv egy módja annak, hogy az emberek kommunikálják a fogalmakat egymással. A látványterv vizuális nyelv. A látványterv megtanulása pedig nem különbözik egy új nyelv tanulásától.

A jó látványtervek nem születnek meg. Készülnek. A jobb látványtervezővé válás kulcsa a szigor. Csak akkor fejlődhet vizuális tervezőként, ha tudatosan erőfeszítéseket tesz.

Íme néhány alapvetés, amelyet el kell sajátítania, hogy a látványtervét a következő szintre emelhesse.

Alapvető # 1: Térjen vissza az alapokhoz típusal

Sokat mondhat egy tervezőről, ha megnézi tipográfiájukat. A típus ugyanis a tervezés alapvető alapja.

Egyszerű géppel egész terveket készíthet. A terveket a típus alapján is alapozhatja, finom sorokat véve a választott betűtípusokból. A tipográfia javítása érdekében először kezdje el az alapok elsajátításával.

Készítsen szókincset a típus leírására. Tudjon meg többet arról, hogy mit jelentenek például a nyomon követés, a csernelés és a vezetés. A tipográfiai kifejezések gyönyörűen illusztrált szószedete című cikk nagyszerű vizuális erőforrás e kifejezések elsajátításához.

Ezután, ha átfogó megértést szeretne kapni a tipográfia webes alkalmazásáról, olvassa el a Web tipográfia: A webre alkalmazott tipográfiai stílus elemei című cikket.

Végül tanulja meg, hogyan kell párosítani a betűtípusokat. Nagyszerű erőforrás erre a FontWolf és a FontPair. Ha képes betűtípusokat párosítani, az drámai módon megváltoztatja a tervezés dinamikáját.

A tipográfia részletesebb feltárása érdekében elolvashatja cikkemet: A tipográfia elkészítheti a tervét ... Vagy megtörheti.

Alapvető # 2: Használjon helyet az egyensúly megteremtéséhez

A távolság lehetővé teszi a függőleges és vízszintes mozgást a tervekben. Ez kulcsfontosságú a vizuális hierarchia létrehozásában és az elemek közötti asszociáció kialakításában.

Mindig megnézheti az olyan webhelyeket, mint a Behance és a Dribbble, hogy inspirációt nyújtson az elemek elhelyezéséhez. De fontos, hogy kialakítsa saját intuícióját az űr felhasználására az egyensúly és a vizuális harmónia megteremtése érdekében.

A tipográfia tanulmányozása során észrevehette a típusköz közötti fontosságot. A betűk és a betűk betűkészletének beállítása nagyszerű gyakorlat a szem távolságtartásának fejlesztésére. Ezért javasoljuk, hogy próbálja ki a KernType játékot, ahol összehasonlítja a kerning megoldását a tipográfus megoldásával.

Egy másik gyakorlat, amely elősegíti a szemed fejlődését, a következő: Vegyél egy meglévő rajzot, rajzolj egy x és y tengelyt, egyszerűsítsd a formázást alapformákká, elemezd, hogyan egyensúlyoz a design, majd rendezd át az elemeket. Nagyon figyeljen arra, hogy a negatív tér hogyan befolyásolja az elemek egyensúlyát.

Alapvető # 3: Használja a méretet a vizuális hierarchia létrehozásához

A vizuális hierarchia megalkotásakor a méretezés semmihez sem hasonlítható. A méret használatával az elemek közötti vizuális kapcsolatok közvetítésére létrehozhatja az áramlást.

A méretezés az egyik oka annak, hogy a rácsok hasznosak. Rácsok segítségével méretezheti az elemeket az arányok használatával a fontosság közvetítéséhez.

Miután meghatározta az elem méretét, az összes példányban tartsa ugyanaz. A tervezésnél a következetesség a király.

Itt van egy gyakorlat, amely elősegíti a szem méretének kialakítását.

A legfontosabb a visszajelzés kérése.

Vázoljon vagy drótozjon egy céloldalt. Ezután kérje meg egy barátját, hogy nézze meg a tervét. Vedd őket körbe a legjobban kiemelkedő elemeken. Utána számozza meg a körbe kerített elemeket a vizuális súly alapján. Megfelelnek-e az eredmények?

A gyakorlat során tartsa szem előtt a következő kérdéseket:

  • Mi a céloldal konverziós célja? Hogyan optimalizálhatja a célját?
  • Mi a kapcsolat a különböző elemek között? Milyen elemeket szeretne hangsúlyozni?
  • Az elrendezés sikeresen végigvezeti a felhasználó szemét az oldalon?

Alapvető # 4: Használja a színt a jelentés közvetítéséhez

A szín sok szerepet játszik. Jelentést közvetít, érzelmi rezonanciát kelt és egységet hoz a tervekben.

A színes merülés érdekében elolvashatja a Tervezés színesben című cikkemet. Íme néhány kulcsfontosságú pont a cikkből.

  • A színpaletta kiválasztása előtt határozza meg a tervezés célját. A jó design összehangolja színpalettáját a céljával.
  • Azonosítsa a közönségét. Az emberek másképp érzékelik a színeket. A színek személyes preferenciáik, kulturális nevelésük és tapasztalataik alapján eltérő hatással vannak az emberekre.
  • A színpaletta kiválasztásakor az egyszerűség a legfontosabb. Válasszon semleges háttérszínt. Ezután válassza ki az elsődleges és a másodlagos akcentus színét. Végül a többi színe alapján válasszon hibát és sikerszínt a különböző felhasználói felület állapotához.

Miután jól megismerte a színelmélet alapjait, a szín a kísérletezés és az iteráció eredménye. Aktívan próbáljon ki a kényelmi zónából, és próbáljon ki új színpalettákat.

Itt van egy gyakorlat, amely elősegíti a szemed színének fejlesztését.

Töltsön el időt a színpaletták összeállításával olyan dolgok körül, mint például fényképek, magazinok és kedvenc műsorai. Ezután készítsen egy meglévő rajzot, és alkalmazzon új színpalettákat.

Vegye figyelembe, hogyan változtatja meg a design hangulatát és hangulatát. Megváltoztatja a jelentését is?

Kezelje munkáját mesterségként, mivel mindig van valami, amin javíthat. Támaszkodjon magára, hogy ösztönözze Önt egy jobb tervezővé válásra.

Milyen stratégiákkal javítja tervezőként? Hagyj nekem egy megjegyzést, vagy küldj egy tweetet a Twitteren.

Ha tetszett ez a cikk, akkor élvezheti a CSS-t is Javascriptben az Aphrodite-szal, a Khan Academy könyvtárával.

CSS Javascriptben: A komponens alapú stílus jövője

Ezen a héten szeretném megismertetni Önnel a CSS fogalmát Javascriptben az Aphrodite by Khan Academy-től. Aphrodite engedi ... medium.com

Megtalál a Mediumon, ahol minden héten publikálok. Vagy követhet engem a Twitteren, ahol nem érzéki tülekedéseket teszek közzé a tervezésről, a front-end fejlesztésről és a virtuális valóságról.

PS Ha tetszett volna ez a cikk, az sokat jelentene, ha a? és ossza meg barátaival.