25 Przykłady symetrii w projektowaniu stron WWW
Symetria to odwieczne urządzenie artysty wizualnego. Słowo odnosi się do dwóch połówek, które idealnie odzwierciedlają się nawzajem. W projektowaniu symetria jest ściśle związana z równowagą. Doskonale symetryczna konstrukcja zapewnia równowagę i poczucie stabilności.
Istnieje również asymetryczny projekt, w którym obie połówki są zrównoważone, ale nie odzwierciedlają się idealnie. Większość stron internetowych ma asymetryczny układ.
Najczęściej znajdujemy logo w lewym górnym rogu, zrównoważone przez niektóre elementy nawigacyjne po prawej stronie. W treści, boczne kolumny są zwykle równoważone przez główną treść lub inne kolumny.
Podczas gdy idealna symetria z pewnością nie jest nowa w Internecie, nabiera tempa. Zwiększanie rozmiarów ekranu oraz zwiększanie liczby platform i opcji wyświetlania sprawia, że jest to bardziej atrakcyjna opcja. Odzwierciedlając połówki projektu, nie tylko uzyskać większe poczucie równowagi, ale także poprawić przepływ z góry na dół.
Icora
Icora jest doskonałym przykładem tego, jak symetria przyczynia się do pionowego przepływu strony internetowej. Uwielbiam opowieść o historii. Zamiast rzucać kilka rzeczy na stronę i pozwalając użytkownikowi wybrać, gdzie się udać, projektant zachęca użytkownika do przewijania zawartości. Projektant zabierze Cię w ustaloną podróż, która jest w zasadzie starannie zaplanowanym planem sprzedaży.
Pixel Bleed
Pixel Bleed jest typem strony internetowej, która często mnie wprawia w zakłopotanie. Nic z tego nie pasuje do normy. Logo i nawigacja są na dole, co jest po prostu złe ... a jednak działa! Symetria nadaje interesującą równowagę projektowi. I z wizualnie najcięższymi elementami na dole strony, układ czuje się uziemiony.
Duuel
Symetria może od czasu do czasu zagrać w temat strony internetowej. W przypadku Duuel , pomysł dwóch pojedynków projektantów ma sens. Projektanci są równomiernie wyszkoleni i równomiernie wyposażeni, a symetria subtelnie wzmacnia tę ideę.
Zegary
Symetria jest również świetna, gdy po prostu nie masz wiele do powiedzenia. Twórcy Zegary nie potrzebują wiele, aby wyjaśnić swój produkt. Jedno słowo wykonuje pracę. W rzeczywistości powiedzenie więcej niemal pokonałoby ten punkt. Oczywiście, zegar jest symetryczny i tak jest idealny do takiego układu.
Ryan M. Stryker
Jednym z potężnych aspektów symetrii jest zdolność do kierowania ogniskiem użytkownika. Gdy wszystko jest zrównoważone na osi pionowej, uwaga w naturalny sposób się tam znajduje. Ryan M. Stryker Tutaj jest nazwa w tej kluczowej lokalizacji, dzięki czemu nie przegapisz tego. Witryna działa niemal jak boisko windowe, zaczynając od nazwy i wpadając w podsumowanie pracy projektanta. Informacje krytyczne są dokładnie kontrolowane i przesyłane z dużą mocą. Projekt również nie musi być apodyktyczny; symetria wykonuje większość pracy.
Sporne postacie
Symetria pozwala również komunikować dwa równie ważne zbiory informacji. Być może twój produkt ma dwóch docelowych odbiorców. A może dwa produkty są siłą napędową twojej firmy. Jak widzimy Sporne postacie symetria może zapewnić równy czas dla dwóch połówek całości.
Jedzenie
Symetria jest również przydatna do utrzymywania porządku w projekcie. Chociaż nie jest to jedyny powód, aby go używać, Jedzenie robi z tego mocne argumenty, dzięki czystemu i eleganckiemu układowi. Podczas gdy większość stron internetowych z przepisami przepełnia zawartość, jest to wyjątkowo proste. Zastanów się nad własną treścią i tym, co byś usunął, gdyby układ był symetryczny.
Wątek nie żyje
Wątek nie żyje Łączy w sobie kilka zasad, które widzieliśmy powyżej, ale z pewnymi zwrotami akcji. Jestem zaintrygowany tym, że najważniejszym elementem tego symetrycznego układu jest referencja produktowa. Nie ma wątpliwości, że referencje są przydatne w marketingu online, a tutaj zajmuje najważniejszą część strony. Niemniej jednak obszar bezpośrednio poniżej ma największą wagę wizualną i zawiera wszystkie istotne informacje i wezwania do działania. Rezultatem jest doskonale zbalansowana treść, która prowadzi wprost do pościgu. Czasami najlepszym rozwiązaniem jest pominięcie ciężkich statystów i przejście od razu do sedna sprawy.
13 bardziej symetrycznych stron internetowych
Zasady opisane powyżej dotyczą również poniższych projektów. Zastanów się, w jaki sposób symetria pomaga kontrolować wrażenia użytkownika na tych stronach.
Wniosek
Symetria jest podstawową cechą projektu, a jednak łatwo ją stracić z oczu. Uwielbiam myśleć o tym, jak podstawowe elementy designu odnoszą się do prawdziwego świata. Często te najbardziej podstawowe elementy ujawniają skuteczne sposoby przekazywania informacji.
Czy masz trwałą miłość do symetrycznego projektu? Czy uważasz, że ten styl ma swoje ograniczenia?