A tervező útmutatója a vizuális írásjelekhez

 A tervező útmutatója a vizuális írásjelekhez

John Morrison

A tervező útmutatója a vizuális írásjelekhez

Az írásjelek nem csak pontok és felkiáltójelek. A tervezés szempontjából írásjelnek számít minden, ami az olvasót vagy a felhasználót megállásra vagy szünetre készteti. Ez történhet a szöveg olvasása közben, vagy amikor a szem az egyik elemről a másikra vándorol. Ezek a vizuális írásjelek mindenütt jelen vannak, és minden tervezési koncepció létfontosságú részei.

A vizuális írásjelek kulcsfontosságú elemei közé tartoznak a közös olvasható írásjelek, valamint a szóközök, vonalak, szabályok, ikonok és színek.

Envato Elements felfedezése

Lásd még: 25+ A legjobb vicces és játékos betűtípusok 2023-ban

Mi az a vizuális írásjel?

A vizuális írásjeleknek két elsődleges formája van - olyan jelek, amelyek megállásra késztetnek olvasás közben, vagy olyan elemek, amelyek szünetet teremtenek, amikor az egyik tárgyról a másikra nézünk. Mindkét írásjel-típus egyformán fontos, és míg a szövegkörnyezeti írásjelek meglehetősen ismertek és gyakoriak, nem mindenki gondol gyakran más vizuális jelzésekre.

A vizuális írásjelek azért fontosak, mert lekötik az embereket, akik egy designt néznek, és megakadályozzák a fáradtságot az olvasás vagy a design nézése közben. A természetes szünetek az emberi természet részei, és a tervezésükkel olyan megállókat hozhatsz létre, amelyek akkor és ott következnek be, amikor és ahol szeretnéd. Ez segít hozzáadni a kontextust és a vizuális áramlást.

Lásd még: 60+ A legjobb sablon betűtípusok 2023

A felhasználó/olvasó számára is könnyebben emészthetővé teszi a designt. Ha a "munkát" elvégeztük, a design megtekintése könnyebb lehet, és kevesebb erőfeszítést vagy gondolkodást igényel. (És mindannyian tudjuk, hogy a mai rohanó világban jobb, ha megkönnyítjük a dolgokat azoknak, akik a designunkat nézik.)

Dióhéjban, a vizuális írásjelek mindaz, amit a tervező arra használ, hogy elválassza, csoportosítsa vagy kiemelje az elemeket, fotókat vagy szavakat a terven belül. Szándékos vagy sem, a vizuális írásjelek arra késztetnek valakit, hogy megálljon és megnézze a vászon egy bizonyos részét.

Olvasható (szöveges) írásjelek

Az írásjelek legismertebb típusa a ... nos ... tényleges írásjelek. Minden olyan jel, amely a szövegben megjelenik, és amely miatt olvasás közben megállunk, írásjelnek számít.

A leggyakoribb jelek közé tartozik a pont, a kérdőjel, a felkiáltójel, a csillag, a kötőjel, a pontosvessző, a zárójel, a zárójel, az ellipszis, az idézőjel, a kettőspont, a kötőjel, az aposztróf és a vessző. A jeleket az írás vagy a mondatalkotás során használhatjuk, de gyakran vizuális célokra is használják.

Néha ezeket a karaktereket egy logó részeként vagy egy design művészetében használják, hogy jelentést vagy hangsúlyt közvetítsenek. Közönséges jellegük és gyakran jól érthető jelentésük miatt ezek a szimbólumok könnyen és sokféleképpen használhatók.

Űr

A szóköz mint vizuális írásjel használata szintén a szövegből és az írásból származik. A szóközt arra használják, hogy jelezzék egy új bekezdés kezdetét egy szövegrészletben, vagy akár egy könyvben egy új fejezet kezdetét. A szóköz működhet határozottan, mint a pont, vagy folyékonyabban, mint az em kötőjel.

A teret arra is használják, hogy vizuálisan elinduljanak és megálljanak, és irányt adjanak a tekintetnek. Az elemek között használt térmennyiség jelzi, hogy mennyire közel vagy távol vannak egymástól a többi tartalomhoz képest. A tér teret arra is használhatunk, hogy több elemre egymástól függetlenül fókuszálhassunk.

Nézze meg a fenti képet a United Strands-tól. A pólók halmaza és az egyszerű szöveg között nagy a tér. A tér időt ad a felhasználónak, hogy minden egyes elemet megnézzen és megeméssze önmagában, majd egységként. A tér emlékeztet a lassításra és arra, hogy a képernyőn megjelenő elemek összekapcsolódjanak.

A fenti Szép és Komoly oldalon a tér más eredményt hoz. A négy hasonló, de különböző elem közötti következetes térköz miatt a piros körökben lévő négy hasonló, de különböző elemet természetesen egyetlen képként csoportosítja. Az egyes elemek közötti térköz meglehetősen szűk és következetes egyik elemtől a másikig, így "érezzük" őket egyetlen elemnek.

Vonalak és szabályok

A vonalak szabályai egyértelmű elválasztást hoznak létre az objektumok között. (Ugyanezt a hatást elérheted a dobozoló elemekkel is.) A vonal kijelöli, hol ér véget egy dolog, és hol kezdődik egy másik; olyan, mint a pont egy bekezdés minden egyes mondatának végén.

A vonalakat gyakran a térközzel együtt használják, de ez nem mindig van így. A szorosan egymás mellett álló vagy a térköz hiányát mutató vonalak hozzájárulhatnak a szűkösség érzéséhez, vagy néha összekapcsolhatják az elemeket az elválasztáson keresztül.

A fenti példákban a vonalakat kétféleképpen használják. A Square oldalon több vonalat használnak egy képzeletbeli, vagy "szellem" gomb kialakítására. A vonalak az oldal kattintható részét különböztetik meg a többitől. Az Agra Culture Kitchen & Press oldalon a vonalakat kétféleképpen használják: Hogy a szem az elemről elemre haladjon, és hogy felhívják a figyelmet a fontos tartalmakra, mint például a logó, a főszöveg és cselekvésre felhívó gomb a honlapon.

Ikonok és dizájnelemek

Míg az ikonok és más elemek (és a digitális projektek felhasználói felületének eszközei) használata a funkció eredménye, ezek egyben irányt is adnak a tervezésnek. Ezek az eszközök megmondják a felhasználóknak, hogy merre menjenek a designban, hogyan lépjenek kapcsolatba a tartalommal, és segítenek kialakítani az általános műveleteket, amelyeket a felhasználó egy adott elemmel való interakció során végrehajt.

A nyomtatott projektekben például gyakran használnak Facebook- és Twitter-logókat, hogy jelezzék a felhasználóknak, hogy a vállalatoknak vannak olyan oldalai, amelyeket lájkolhatnak vagy követhetnek. A hosszabb vagy bonyolultabb URL-címek helyett egyre inkább az ikonok válnak általánossá. Ugyanezeket az ikonokat gyakran használják a digitális projektekben is, mint az említett oldalakra kattintható linkeket, vagy amelyek a felhasználókat a közösségi oldalakon belüli megosztási lehetőségekhez vezetik.

Az ikonoknak és a designelemeknek más felhasználási lehetősége is lehet. Vizuális töréspontként szolgálnak a történetmesélés folyamatában, és arra használhatók, hogy az olvasót átcsábítsák a szövegen vagy a vászon egyik elemétől a másikig. (Gondoljon rájuk majdnem úgy, mint a vesszőkre, amelyek lehetővé teszik, hogy szünetet tartson, de ne álljon meg a továbbhaladás az úton.) Az Octopus például nagy ikonokat használ a színes dobozokban lévő linkek és vizuális navigációként.Az Openbox hasonló módon használja az ikonokat, a háromszögek változatos kialakításával segítve a felhasználókat az oldal tartalmában való mozgásban. (A + vagy az x, a tájolástól függően, ugyanezt teszi.) Egy másik figyelemre méltó elem itt a főszöveg alatti pontok, amelyek szabályként és navigációs eszközként működnek.

Színes

A szín szórakoztató hangulatot adhat, ha a design elemeinek elkülönítését szeretné elérni. És rengeteg módja van ennek megvalósítására. A színtől a fekete-fehérrel szemben az éles kontrasztokon át a tematikus színsémákig vagy színpanelekig, a különböző árnyalatok használata egyszerű módja annak, hogy érdekes módon hívja fel a figyelmet a design egyes részeire.

A fenti példák két merőben eltérő módját mutatják a színek használatának a szüneteltetéshez. A P'unk Ave oldalon egy élénkpiros ikon úszik a térben egyszínű háttér előtt. Azonnali vizuális hatást és kapcsolatot kelt. (Tekintsük ezt egyfajta felkiáltójelnek.)

A Dél-Ausztrália oldal egészen másképp használja a színeket. Minden egyes különböző tartalmi rész (és a parallax keretrendszerben a koordináló képernyő) más-más színű képernyőt használ. Ez segít Önnek tudni, hogy melyik részt olvassa, és milyen más tartalom következik. Ezek a vizuális "pontosvesszők" időt adnak Önnek, hogy befejezzen egy gondolatot, miközben a következőre lép.

Következtetés

A vizuális írásjelek mindenhol ott vannak. Lehet, hogy elsőre nem olyan nyilvánvalóak, mint a szövegben az azonos nevű kis karakterek, de ugyanolyan fontosak. A vizuális írásjelek segítenek a szöveg áramlását, irányát megteremteni, és megakadályozzák az olvasó (és a felhasználó) elfáradását.

Segít harmóniát és vizuális összhangot teremteni. A nagyobb kérdés nem az, hogy használod-e, hanem az, hogy gondolsz-e rá a tervezési folyamat során. A vizuális írásjelek csak úgy megtörténnek, vagy megtervezed őket? Szeretnénk többet megtudni a tervezési folyamatodról a hozzászólásokban.

John Morrison

John Morrison tapasztalt tervező és termékeny író, aki több éves tapasztalattal rendelkezik a tervezési iparban. A tudás megosztása és a másoktól való tanulás iránti szenvedélyével John a szakma egyik legjobb dizájnbloggerjeként szerzett hírnevet. Napjait kutatással, kísérletezéssel és a legújabb tervezési trendekről, technikákról és eszközökről írva tölti, azzal a céllal, hogy inspirálja és oktassa a tervezőtársakat. Amikor nem veszett el a dizájn világában, John szívesen túrázik, olvas, és a családjával tölti az idejét.