Forțele invizibile dimensiune, contrast și echilibru

Aceasta este a doua serie de articole despre "forțele invizibile" în design. În articolul precedent, am aflat despre modul în care alinierea poate fi utilizată pentru a crea direcția și concentrarea. În acest articol, vom afla despre modul în care lucrul cu modificările dimensiunii poate crea contrast și echilibru și vă va ajuta să comunicați mai des modelele dvs..

Lucrurile mai mari par mai importante

Este evident că atunci când faceți un element mai mare, acesta tinde să pară mai important decât elementele mai mici.

Dar acest lucru trebuie luat în considerare împreună cu alți factori care afectează ierarhia vizuală. De exemplu, aceste două elemente au același nivel de importanță, deoarece au aceleași dimensiuni:

Dacă nu, ați vedea elementul superior înainte de a vedea elementul de jos.

Dar dacă faceți elementul inferior mai mare decât elementul superior, acesta va arăta mai important.

Cu toate acestea, alte lucruri, cum ar fi greutatea vizuală (utilizați un font aldine sau luminos) sau contrastul de culoare, pot inversa efectele unor dimensiuni mai mari.

În această ilustrație, elementul mai ușor pare mai puțin important, chiar dacă este mai mare.

Dar doar dând aceeași ilustrație un fundal întunecat, acum elementul mai ușor (și mai mare) este dominant, datorită faptului că contrastează fundalul mai mult decât elementul mai mic.

Faceți schimbări semnificative ale mărimilor

Mai ales atunci când proiectați pentru ecrane minuscul de vârsta de astăzi, ar trebui să utilizați modificări de dimensiune cu scop. Nu are nici un rost să faci un font mai mare - și, prin urmare, să preiai un bun imobiliar pe ecran, dacă nu este necesar.

Ori de câte ori este posibil, puteți utiliza factorii menționați mai sus pentru a vă schimba ierarhia vizuală, dar mai devreme sau mai târziu, trebuie să faceți un lucru mai mare decât altul. Doar nu o faceți în mod ciudat.

Uită-te la aceste elemente diferite, fiecare mai mare decât cel anterior.

Acum, care vă citește mai clar: acel aspect sau acesta?

Elementele din cel de-al doilea exemplu sunt dimensionate pe baza unei scări variate. Fiecare dimensiune a fontului se referă la următoarea dimensiune mai mică, având aceeași relație matematică cu cea mai mare dimensiune.

Dimensiunile de tip în scara variată au o relație proporțională una cu cealaltă. Proporțiile vă ajută să faceți ca părțile din desenele dvs. să pară asemănătoare.

Puteți vedea dimensiunile în acțiune în sigla MailChimp.

Fiecare dintre cercurile care alcătuiesc caracteristicile cimpanzeului se relaționează unul cu celălalt cu un factor de 75. Cercul care formează zona de burtă este de 75 de dimensiunea cercului care formează corpul, de exemplu. Hicks Design, firma care a proiectat acest logo, a făcut acest lucru în mod intenționat!

Nu fugiți de aurul nebunilor

Mulți dintre voi vă gândiți probabil la așa-numitul "Ratio de Aur", care are o mulțime de hype. Raportul de aur este de aproximativ 1: 1,618. Da, cimpanzeul ar fi încă atractiv dacă ar fi bazat pe raportul de aur, dar nu ar fi în mod obiectiv mai atractiv. În ciuda hype, nu există nici o dovadă că raportul de aur este mai atractiv decât alte rapoarte populare, cum ar fi .75 sau .67.

Pentru a ilustra acest lucru, am întrebat o dată lista mea de e-mail cu privire la care dintre dreptunghiurile de mai sus au găsit mai atractive. Unul dintre ele este un pătrat, altul un dreptunghi de 0,75, altul un dreptunghi de 0,67, altul un dreptunghi "de aur". Care dreptunghi pare cel mai atractiv pentru tine?

Iată rezultatele sondajei:

  • sus stânga (pătrat): 8%
  • dreapta sus (dreptunghi 3: 4): 29%
  • din stânga jos (dreptunghi 2: 3): 37%
  • în partea dreaptă ("Golden"): 25%

După cum puteți vedea, așa-numitul dreptunghi de aur a avut rezultate foarte bune, dar nu sa dovedit a fi cel mai atractiv dreptunghi.

Dreptul 2: 3 a câștigat în acest caz, dar nu citesc prea mult în asta. Ideea este că orice din Raportul de Aur la 3: 4 va fi mai atractiv decât un pătrat.

Puteți folosi aceste cunoștințe pentru a vă face frumoasa tipografia, și economisiți timp dacă lucrați cu o scară variată prestabilită pentru tipografia dvs..

De exemplu, acestea sunt dimensiunile de font pe care le folosesc întotdeauna. Fiecare dimensiune este de aproximativ .75 mărimea dimensiunii anterioare (cu un mic rotunjire).

Un beneficiu lateral al muncii cu o scară de .75 în loc de raportul de aur este matematica este mult mai ușor de făcut în capul tău: Care este 75% din 16? Uşor! Care este 61,8% din 16? errr.

Concluzie

Gândindu-vă la modificările de dimensiuni pe care le faceți, desenele dvs. vor părea mai clare și mai clare, iar în timp ce vor fi mai ușor de utilizat și mai bine convertite. Dacă utilizați o scară variată, puteți realiza rapid modele mai bune!

Stingeți-vă pentru ultimul articol din această serie, unde vom învăța cum modelarea paginii prin aliniere și dimensionare și gândirea la spațiul dvs. alb vă ajută să oferiți mai multă claritate desenelor.