Jak projektanci wybierają kształty w projekcie?

9

Wiele razy, podczas przeglądania stron takich jak Dribbble, można natknąć się na strony, które używają kształtów (patrz ten przykład ). Przepraszam za bycie naiwnym, ale czy jest jakiś powód, aby wybrać konkretny kształt, czy tylko dlatego, że jest trendy? Jak to wpływa na wrażenia użytkownika?

Nisha Changrani
źródło
Kilka interesujących miejsc. Często używam kół, ponieważ tworzą one poczucie kompletności - jednym z najwcześniejszych symboli BOGA jest okrąg nad trójkątem równobocznym. Jako wzór mogą być jednolite, tworząc poczucie porządku lub losowe i zabawne. Spójrz na Jamiego Reida i brytyjski ruch punkowy - użył poszarpanych krawędzi i niezgodnych kształtów, aby podkreślić bunt i niezadowolenie polityczne. I uważaj na masońskie odniesienia, takie jak piramida, pentagram i jedno oko - istnieją i służą do rozpoznawania wpływów: goo.gl/4L7XHP
Applefanboy

Odpowiedzi:

15

W rzeczywistości może być wiele przemyślenia przy takim użyciu, znacznie wykraczające poza osobiste preferencje lub niektóre wytyczne klienta.


Styl

  • Jeśli wiesz, że chcesz bardziej przyjaznego , luźnego „odczucia”, wybierz bardziej zaokrąglone kształty.
  • Jeśli chcesz bardziej korporacyjnego, poważnego wyglądu, skłaniaj się w kierunku narożników, trójkątów i ogólnie twardych linii.

Umieszczenie

Umiejscowienie i pozycję można posortować według psychologii ruchu gałek ocznych w projekcie lub hierarchii wizualnej w projekcie.

  • Jeśli chcesz szczęśliwego, radosnego nastroju, skieruj oko w górę i w prawo ...
  • Jeśli chcesz bardziej poważnego, nieszczęśliwego nastroju, skieruj oko w dół i w lewo.

Te rodzaje wyborów projektowych może czynnik w którym kształty są umieszczone.

W ten sam sposób kolor zmieni sposób postrzegania projektu, podobnie jak umieszczenie i użycie tych „kształtów” lub elementów.


Saldo

Często ogólne elementy graficzne mogą być świetnymi narzędziami do poprawy ogólnej równowagi projektu.

Patrzenie na stronę bez kształtów tworzy statyczny, niedynamiczny element z bardzo małym ruchem oka. Który jest wtedy nieco niezrównoważony ze względu na położenie dużej grafiki wykresu w porównaniu z blokiem typu obok niej (marginesy strony są wyraźnie niezrównoważone).

wprowadź opis zdjęcia tutaj

Aby stworzyć nieco bardziej „przyjazny” wygląd, dodaj zaokrąglone kształty i użyj ich, aby zrównoważyć nierównowagę marginesów na górze układu. Pozwala to również na powiększenie grafiki wykresu bez wizualnego wydawania się „niepoprawnego” rozmiaru. Gdyby to był mój projekt, mógłbym zagrać z krzywych w „2” i „3”, ponieważ są to widoczne krzywe - próbując naśladować lub powtarzać te łuki dla kształtów w prawym górnym rogu. (Powtarzanie może sprzyjać ciągłości i spójności w ramach projektu.)

wprowadź opis zdjęcia tutaj

Jednak teraz utwór jest strasznie niezrównoważony. Tak więc, dodając dodatkowy kształt, aby zrównoważyć prawy górny róg, wiele się robi, aby ponownie zrównoważyć całość. Pamiętając o tym, że preferowany jest ruch w prawym górnym rogu, krzywa lewego kształtu może być całkowicie zamierzona, aby stworzyć kombinację zielonych kształtów przypominającą strzałę. Ponadto gradienty na zielonych kształtach dodatkowo promują ruch w górę w prawo.

wprowadź opis zdjęcia tutaj

Więc projektantem tego dzieła jest ...

  • używając zaokrąglonych kształtów, aby ogólnie bardziej zachęcać .
  • skierowanie oka w górę i prawo do promowania dobrych uczuć ...
  • użyj dodatkowych kształtów, aby stworzyć ogólną równowagę w projekcie, jednocześnie promując ruchy oczu.

Dodaj do tego cyfry o wysokim kontraście (czerwone) u góry skierowane w lewo ...

Więc ... Czytanie w języku angielskim jest od lewej do prawej, od góry do dołu ... oczy czytają w prawo i w dół podczas czytania. Ale jest naturalnie rysowany w prawym górnym rogu za pomocą kształtów .. wtedy czerwone postacie subtelnie kierują oko z powrotem w lewo, aby ponownie zacząć czytać ... więc oko jest naprawdę skierowane w tym układzie dobrze, aby zmaksymalizować czas ktoś spędza przeglądanie strony.

Tego rodzaju decyzje dotyczące użytkowania i umieszczania wynikają z doświadczenia i eksploracji.

Pozornie przypadkowe elementy mogą wcale nie być losowe ... mogą służyć ważnym celom, nawet jeśli czytelnik / widz nie wie dokładnie, jaki może być cel.

Scott
źródło
5

Prawdopodobnie zostanie to zatrzaśnięte, ale w skrócie; podstawowe kształty, koła, kwadraty i prostokąty są nieocenione jako podstawowe elementy projektu.

Kształty i krzywe mogą zapewnić uczucie i emocje podczas projektowania. Nawiasy kędzierzawe są tak różne niż kąt prosty.

Okrąg lub kropelka jako motyw projektu sugeruje harmonię w najprostszy sposób. Istnieje jednak silny trend projektowy w kierunku złożonych siatek i konstrukcji.

Na przemian, w odpowiedzi, istnieje silna tendencja do prostoty i podstawowych naturalnych kształtów.

W latach 90. powiedziano, że zrezygnowali z blobu, ale obecnie widzimy hybrydę.

Ponieważ nasze ekrany są prostokątami, krzywe i okręgi na ekranie tworzą dynamiczny dialog między kształtami.

Webster
źródło
4

Jest to bardzo oparte na opiniach, ale:

  • wiele razy te „kształty” pochodzą z rzeczywistego logo i / lub są częścią systemu brandingu. na przykład. System rombowy Vodafone
  • innym razem mogą być tylko elementami trendu
  • innym razem to klienci, którzy nie mogą kupić niczego zbyt „prostego” i uważają, że powinni dostać coś bardziej „kreatywnego”, więc projektanci będą musieli wymyślić te rzeczy, aby wypełnić trochę białej przestrzeni
Lucian
źródło
Na twój trzeci punkt: dzisiaj omawiałem projekt okładki książki z naszym stażystą - twoją podstawową konfiguracją „Tytuł, autor, obraz”. Zapytałem, czy istnieje „miejsce lub powód” dla elementu graficznego, ale ponieważ istniała dobra relacja przestrzenna między elementami, zgodziliśmy się z „nie, to nie dodałoby niczego do projektu”. Ale mam nadzieję, że klient nie „boi się” pustej przestrzeni!
usr2564301
Ten trzeci punkt jest taki prawdziwy.
AndrewH,