Kiedy symetria będzie odpowiednia w projektowaniu stron internetowych?

Ludzie zwykle lubią symetrię - im bardziej symetryczne, tym bardziej jest postrzegana jako obiektywnie piękna. Mimo to bardzo niewiele stron internetowych jest doskonale symetrycznych. W rzeczywistości większość projektów internetowych jest pełna asymetrycznego projektu o różnym natężeniu. Działa to, ponieważ ważniejsza niż symetria jest równowaga. To, jak symetrycznie tworzysz swoją stronę, zależy od Twojej witryny i celów.

Perfect Symmetry Versus Approximate Symmetry

Większość stron internetowych nie jest idealnie symetryczna, co oznacza, że ​​nie można ich przeciąć na pół, odzwierciedlać je i uzyskać taki sam układ. Jeden z najpopularniejszych typów układów - pojedynczy pasek boczny do szerszego elementu dla treści - jest zazwyczaj asymetryczny. Perfekcyjna symetria na stronie internetowej jest albo wyborem artystycznym, albo modułowym - jak na przykład w przypadku National Novel Writing Month, który wykorzystuje długi nagłówek, symetryczne elementy modułowe, a następnie długą stopkę.

Profesjonalizm a artyzm

Idealnie symetryczny lub radykalnie asymetryczny jest zazwyczaj wyborem artystycznym. Jeśli budujesz osobistą stronę internetową w celu pokazania określonego talentu lub umiejętności artystycznych - takich jak muzyka, projektowanie czy grafika - możesz zaprojektować stronę internetową, która używa symetrii lub asymetrii, ponieważ pasuje do Twojego tematu. Jednak w przypadku projektów, które są ukierunkowane na bardziej profesjonalnego gościa, bardziej odpowiedni jest trzymanie się standardowego, w przybliżeniu symetrycznego układu. Chociaż źle używana symetria może być postrzegana jako stateczna, standard czyni ją bezpieczną. Wejdź na stronę swojego banku, a zobaczysz, jak wygląda projekt atrakcyjny dla szerokiej bazy konsumentów.

Skoncentruj się na łatwości użytkowania

W przybliżeniu symetryczne projekty są łatwe do zrozumienia i naśladowania. Ponieważ przepływ treści jest zwykle logiczny, odwiedzający mogą podążać wzdłuż, nie czując się rozproszeni lub zagubieni. Im więcej masz treści, zarówno w postaci obrazów, jak i dużych ilości tekstu, tym mniej skomplikowany powinien być twój projekt. Jeśli odwiedzający mają trudności ze śledzeniem treści lub zrozumieniem, dokąd się udać, są mniej skłonni do pozostania w pobliżu.

Równowaga i asymetria

Powodem jest asymetria w projektowaniu stron internetowych - i działa dobrze - ponieważ pozostaje zrównoważona. Według Joshua David McClurg-Genevese w jego artykule "Zasady projektowania", równowaga jest równowagą elementów i ich wizualną wagą na stronie. Większość witryn z asymetrycznym wyglądem balansuje elementy wizualne i duże bloki tekstu. Jedną z korzyści dla asymetrii jest to, że pomaga ona ruchowi oka wzdłuż witryny, subtelnie kierując odwiedzających do najważniejszych treści.

Przykłady symetrycznego projektu

Typowy układ symetryczny to użycie dwóch kolumn po obu stronach dużej części treści; jest szczególnie popularny na blogach. Popatrz na Facebooka, który charakteryzuje się silną symetrią, chociaż nie jest uniwersalnie symetryczny; Google+ używa bardzo podobnego projektu. Kolejnym przykładem jest projekt Twittera, który ma przybliżoną symetrię z kolumnami wyśrodkowanymi na stronie. Innym elementem jest główna strona Myspace. Zamiast kolumn ma przybliżoną poziomą i pionową symetrię: pierwsze dwa rzędy są w większości symetryczne względem siebie, a dolne moduły są w większości symetryczne względem siebie.

Przykład asymetrycznego projektu

Projektant Patrick McNeil napisał artykuł dla "Webdesigner Depot" o nazwie "Asymmetrical Balance in Web Design", który zawiera kilka przykładów asymetrycznego projektu. Innym przykładem jest strona internetowa Blizzarda, która wykorzystuje duże elementy wizualne zrównoważone wizualnym blokiem tekstu między nagłówkiem a treścią strony.