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?
website-design
interface-design
design-principles
user-experience
Nisha Changrani
źródło
źródło
Odpowiedzi:
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
Umieszczenie
Umiejscowienie i pozycję można posortować według psychologii ruchu gałek ocznych w projekcie lub hierarchii wizualnej w projekcie.
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).
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.)
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.
Więc projektantem tego dzieła jest ...
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.
źródło
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.
źródło
Jest to bardzo oparte na opiniach, ale:
źródło