Minimalistyczny wygląd strony internetowej: kiedy mniej znaczy więcej
Jako projektanci wszyscy wiemy, że minimalistyczny projekt może osiągnąć piękne rezultaty.
Mimo to wielu projektantów ma problemy z jej utworzeniem; albo mają problemy z utworzeniem strony z tak małą liczbą elementów, które wyglądają dobrze, albo wynik końcowy po prostu nie wygląda "kompletny".
W Internecie jest wiele artykułów na temat minimalizmu, a niniejszy artykuł ma na celu pomóc ci osiągnąć minimalistyczny projekt, który jest piękny, ale nie goły.
Na dodatek przedstawimy małą prezentację minimalistycznych projektów , abyś mógł przeanalizować, dlaczego niektóre projekty działają, a inne nie.
Co to jest Minimalist Design?
Minimalistyczny design został opisany jako najbardziej podstawowy, pozbawiony zbędnych elementów, kolorów, kształtów i faktur.
Ma on na celu wyróżnienie treści i stanie się centralnym punktem. Z wizualnego punktu widzenia, minimalistyczny design ma uspokoić i doprowadzić umysł do podstaw .
Ruch projektowy rozpoczął się w Szwajcarii, a następnie został zastosowany do różnych mediów: projektowania graficznego, architektury, muzyki, literatury, malarstwa, a ostatnio także do projektowania stron internetowych.
Chociaż minimalistyczny design wystartował wiele lat temu, wczesne dni Internetu tego nie pokazały. Nawet bez obracających się logo, markizy i jaskrawych kolorów, projekty stron internetowych były zagracone i przytłaczające .
Przeanalizujemy podstawowe zasady minimalistycznego wzornictwa. Ale nawet jeśli nie wybierzesz minimalistycznej estetyki, lekcje tutaj pomogą ci uprościć twój projekt, niezależnie od stylu.
Mniej znaczy więcej
Jak wspomniano, minimalizm wnosi najważniejszą treść na pierwszy plan i minimalizuje rozproszenie dla użytkownika. Jeśli strona zawiera zbyt dużo elementów, widz nie będzie wiedział, gdzie powinien wyglądać lub źle interpretuje priorytet każdego elementu. Minimalistyczny design kładzie nacisk na treść.
Jakakolwiek plama koloru na czarno-białej konstrukcji, na przykład, zwróci uwagę użytkownika. Sam kolor staje się punktem centralnym . Spójrzmy na konkretny przykład:
Prawdopodobnie widziałeś już ten rodzaj projektu: zwykłe białe tło, jeden blok treści i jeden element graficzny.
Element graficzny przynosi kolor, fakturę i kształt. Jest to oczywiście najważniejszy element na stronie, określający markę i tożsamość projektanta.
Ze złożonością tego elementu graficznego większa zawartość tej strony sprawiłaby, że byłaby mniej zauważalna i mniej ważna. Utrzymując zawartość na minimalnym poziomie, projektant osiągnął idealną równowagę.
Jak zminimalizować zawartość
Pierwszym krokiem do stworzenia minimalistycznego projektu, lub po prostu uproszczenia układu, nie jest po prostu wycięcie większości grafiki, ale raczej ponowne przemyślenie zawartości i usunięcie jej do nagich wymagań. Tylko wtedy najważniejsze elementy na stronie osiągną zamierzony efekt.
Tak, jak planowałbyś jakąkolwiek stronę internetową, zapisz, jakiej zawartości potrzebujesz: logo, wprowadzenie, nawigację itp. Wytnij wszystko, co nie jest konieczne. Wyrzuć jak najwięcej .
Poniżej znajduje się kilka elementów, których prawdopodobnie nie potrzebujesz. Pamiętaj, że to tylko przypomnienie. Twoje dokładne wymagania będą zależeć od konkretnego projektu. Niektóre z poniższych elementów mogą nie być wymagane w przypadku Twojej witryny.
- Ikony lub grafika dla mediów społecznościowych lub sekcji mediów społecznościowych
- Etykiety i uzupełniające opisy lub wprowadzenia
- Listy "Polecane", "Popularne" i "Najnowsze" (w tym listy wiadomości na Twitterze i kanały RSS)
- Strony z więcej niż trzema głównymi sekcjami (np. "Wprowadzenie", "Informacje" i "Usługi")
- Wtórne strony nawigacyjne.
Chodzi o to, aby witryna nie była mniej funkcjonalna, ale raczej o wycinanie niepotrzebnych elementów (i tym samym podkreślanie koniecznych elementów) lub łączenie sekcji w prostszy układ (na przykład poprzez umieszczanie linków do mediów społecznościowych w "O tym"). lub sekcja wprowadzająca).
Można również dzielić zawartość na oddzielne strony, dzięki czemu każdy fragment treści będzie zwracał większą uwagę.
Jak uprościć projekt
Nadszedł czas, aby uprościć projekt tak bardzo, jak to możliwe.
Minimalistyczne projekty powinny mieć małą fakturę, kolor, kształt, linie, zawartość lub typ. Przejdźmy jednak zbyt nago, a projekt będzie nudny. Zamiast wyrzucać wszystko, nadaj projektowi atrakcyjność, koncentrując się tylko na jednej ważnej funkcji .
Wybierz, na czym polega fokus i pamiętaj o poniższych wskazówkach podczas pracy nad swoim projektem.
Użyj doskonałej karkasy
Przeglądając sekcję pokazową poniżej, widzimy, że niektórzy projektanci dodali wizualne zainteresowanie subtelnymi kolorami, unikalną typografią lub interesującymi kształtami. Być może najważniejszym elementem, na którym wszyscy polegali, jest unikalny szkielet .
Stworzenie szkieletu dla takiej gołej strony wymaga nieco dodatkowej uwagi. Dzięki poprawnemu szkieletowi możesz osiągnąć właściwą hierarchię i organizację oraz stworzyć zainteresowanie wizualne.
Aby wymyślić szkielet, wykonaj następujące kroki:
- Zdecyduj, jakiej zawartości naprawdę potrzebujesz
- Na liście ustaw priorytety dla treści
- Naszkicuj kilka szkieletów na podstawie swojej listy, aby eksperymentować z najlepszą hierarchią wizualną.
Podczas opracowywania modelu krawędziowego należy rozważyć umieszczenie, ale także zabieg wizualny. Na przykład, jeśli Twoje logo ma kolor, którego nie używasz ponownie w innym miejscu, musisz to uwzględnić.
Biała przestrzeń
Biała przestrzeń jest praktycznie synonimem minimalizmu.
Bez względu na to, jak kreatywny jesteś, minimalistyczny design bez dużej ilości białego miejsca nie jest wcale minimalistyczny. Dlatego pamiętaj, aby dodać więcej białych znaków wokół elementów niż normalnie.
Przestrzeń jest potrzebna do zrównoważenia kilku elementów, które pojawią się na stronie.
Równowaga, wyrównanie, kontrast
Podczas gdy duża część ładunku może być przenoszona przez białą przestrzeń i dobry szkielet, należy zachować szczególną ostrożność przy podstawach projektu. Trzy największe związane z minimalizmem to równowaga, wyrównanie i kontrast .
Upewnij się, że Twój projekt jest zgodny z tymi zasadami i że nie wymaga uzupełniających pomocy wizualnych, aby wyglądał "gotowy".
Pamiętaj też o innych podstawowych zasadach projektowania. Przejrzyj je i eksperymentuj z różnymi opcjami, aby uzyskać najlepszy rezultat. Sprawdzić " Zasady projektowania "Więcej pomysłów.
Kiedy nadmierne projektowanie staje się nawykiem
Nadmierne projektowanie czasami staje się nawykiem. Bez względu na to, jak bardzo starasz się zachować prostotę projektu, powstaje bałagan i złożoność. Aby to naprawić, musimy stworzyć nowe nawyki.
Spróbuj przejrzeć powyższe wskazówki przed każdym projektem, aby mieć je na uwadze podczas procesu. Skup się na rozwijaniu jednego nawyku naraz. Na przykład, pracuj nad zmniejszeniem i uproszczeniem treści przed przejściem do białej przestrzeni.
Jeśli znajdujesz się w trudnym punkcie myślenia, "Coś brakuje" najpierw spróbuj coś zrobić, zamiast wkładać coś nowego.
Każdy aspekt minimalizmu wymaga innego talentu. Twoje projekty staną się prostsze, im więcej będziesz stosować te zasady w praktyce.
Przyjmując to dalej, po zastosowaniu technik omawianych tutaj, spójrz na gotowy produkt i sprawdź, czy możesz znaleźć sposoby, aby jeszcze bardziej uprościć wynik.
Możesz skupić się na obszarach, których nie byłeś pewien w trakcie procesu projektowania, i możesz poprosić innych projektantów o wskazanie elementów, które mogłeś pominąć.
Minimalistyczna prezentacja
Poniżej znajduje się krótka prezentacja minimalistycznych projektów. Zobacz, jak każdy z nich implementuje zasady, które omówiliśmy. Zobacz także, które łamią nasze wytyczne i zastanów się, dlaczego nadal działają.
1. Zdjęcie James Day
2. Killswitch Collective
3. Samotny
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Ikona Werk
11. Neil Wilson Architekci
12. Nieformatowane
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink Londyn
17. Dumny twórczy
18. Kimag
19. Bernat Fortet
20. Cały dzień
Niektóre trendy
Jak widać, minimalistyczny wygląd strony internetowej ma pewne wyraźne trendy. Świadomość tych trendów pomaga nam ulepszać nasze projekty na wiele sposobów.
Nie tylko jesteśmy w stanie czerpać inspirację z układów, nad którymi pracowali inni projektanci, ale możemy świadomie zerwać z tymi trendami, aby stworzyć własną innowacyjną ścieżkę.
Omówmy kilka z tych trendów bardziej szczegółowo.
Czarny i biały
Jednym z najbardziej zauważalnych trendów jest szerokie zastosowanie czerni i bieli . Jest to dość oczywiste: kolor powinien zostać uproszczony wraz z teksturą, kształtem i zawartością. Ale może być przesadzone w tych dniach i wyglądają trochę nudne.
Spójrz na kilka witryn, które mają zdefiniowane kolory w pokazie powyżej i zobacz, jak wyróżniają się z innych minimalistycznych projektów. Pomyśl też o tym, jak udaje im się zachować minimalizm nawet przy tak silnym użyciu kolorów. Oto jeden przykład:
Ciekawa typografia
Projektowanie stron internetowych oparte na typografii jest ściśle związane z minimalizmem.
Gdy projektanci mają bardzo niewiele do podniecenia użytkownika, często wykorzystują ciekawą typografię. Można nawet posunąć się do tego, by używać typografii jako jedynego elementu wizualnego.
To odważna technika, ale wciąż sama w sobie . Poszukaj sposobów, dzięki którym typografia poprawi wygląd, pozostając wyjątkowym.
Lampa błyskowa
Zaskakująca liczba minimalistycznych projektów internetowych opiera się na technologii Flash. Przy tak niewielkiej ilości stymulacji wizualnej, projekt mógłby czerpać korzyści z subtelnej animacji (na przykład zaniku i zanikania tekstu) bez przytłaczania.
Flash eliminuje również pewne ograniczenia w procesie projektowania. Niekonwencjonalne makiety, typografia i inne elementy mogą być łatwiejsze do osiągnięcia dzięki Flashowi niż tradycyjnym metodom.
Zawijanie
Minimalistyczny design występuje w wielu formach, a jednak zbyt często powtarzamy tę samą formę. Trendy mogą stać się apodyktyczne i musimy walczyć z chęcią naśladowania, jednocześnie rozumiejąc, co to jest trend, który ma sens.
W każdym razie minimalizm może być piękny i będzie istnieć przez wiele lat, więc poznanie niektórych z jego technik może być niezwykle korzystne, zarówno dla klientów, jak i dla własnych projektów.
Nawet jeśli nie interesuje Cię styl minimalistyczny, lekcje i zasady mogą pomóc uprościć projekty, co zawsze jest dobre.
Napisany specjalnie dla Webdesigner Depot przez Kayla Knight.
Co zatem sprawia, że minimalistyczny design jest tak skuteczny i kiedy powinniśmy go unikać? Podziel się swoimi komentarzami poniżej ...