11 najpopularniejszych stylów projektowania blogów (z przykładami)
Nawet najbardziej unikalne projekty blogów zwykle podążają, przynajmniej częściowo, za jakimś predefiniowanym lub ustalonym stylem. Istnieje wiele stylów do wyboru, jeśli szukasz inspiracji.
Niezależnie od Twojego stylu, istnieją wzory, które można dostosować do własnych potrzeb estetycznych i potrzeb Twojej witryny. Często praca w ramach wcześniej określonego wzoru może zwiększyć kreatywność, pomagając skupić się.
Poniżej podsumowaliśmy jedenaście typowych wzorców projektowych widocznych w projektach blogów w Internecie. Ale tylko dlatego, że są powszechnie postrzegane, nie oznacza to, że nie są wyjątkowe i pełne indywidualności i kreatywności.
Dowiedzenie się, jak stworzyć własny, niepowtarzalny znak na powszechnie uznanym stylu, może okazać się twórczym wyzwaniem dla prawie każdego projektanta. Przeczytaj inspirację i pomysły na kolejne projekty.
1. Hand Drawn: A Relaxed Yet Artistic Style
Ręcznie rysowane blogi są wszędzie. Niektóre z tych projektów są bardzo charakterystyczne, podczas gdy inne są bardziej artystyczne. Mogą nadać bardziej zrelaksowany charakter projektowi bloga, a także zdrową dawkę kreatywności.
Jedną z najlepszych części tego stylu jest to, że jest tak konfigurowalny. Użyte ilustracje mogą naprawdę odzwierciedlać styl właścicieli lub pisarzy.
Więcej na temat projektowania odręcznego:
- 40 darmowych wysokiej jakości ręcznie rysowane czcionki
- 50 Piękny ręcznie rysowane projektowanie stron internetowych
Dziewczyna o niskim wpływie

Mark Forrester

SketchBlog

POSŁUGIWAĆ SIĘ. 19 Odzież

Blog Me Tender

Douglas Menezes

Uściski dla potworów

Życie kredki

Największe Apple

Demain J'arrete

Poznawanie

Kris Colvin

2. Grunge: nie tylko brudny
Styl Grunge jest obecny w sieci od kilku lat i nadal jest silny. Kilka dużych trendów w projektowaniu grunge to minimalistyczny grunge, gdzie motyw jest bardzo minimalny z wyjątkiem elementów grunge i bardziej wyrafinowanego grunge, który nie jest tak brudny jak wczesne wcielenia.
Ponownie, jest to styl, który ma mnóstwo miejsca na kreatywność i indywidualną ekspresję.
Więcej: 100 największych czcionek abstrakcyjnych i grungeowych (za darmo)
Religia CSS ”

Brooklyn Slate Company '

Triplux '

Ritchie Linao '

The Blizzards '

Impresario One ”

Kevin Lucius '

Iść na ryby'

Manuel Romero '

BienBienBien '

3. Minimalistyczny: Gdzie mniej znaczy zdecydowanie więcej
Minimalistyczne wzory mogą być jednymi z najtrudniejszych do wykonania, pomimo ich prostoty. Kiedy mniej znaczy więcej, każdy pojedynczy element staje się niezwykle ważny. Niektóre z cech wzornictwa miminalistycznego to dużo białej przestrzeni (lub negatywnej przestrzeni), prosta typografia i kilka obrazów.
Czytać: 100+ Czyste, proste i minimalistyczne projekty stron internetowych
Motywy księżyca

Lounge4

Dolce Touch

Surfstation

Huwshimi

Guillermo Esteves

Design Intelligence

ShareSomeCandy

Devlounge

Verbalized

4. Styl siatki i magazynu: Bringing Order to Chaos
Motywy dotyczące sieci i czasopism istnieją już od kilku lat. Są doskonałe, gdy masz bardzo ciężką stronę (jak wiele blogów) i dodają projektowi porządku i struktury. Ale pozostawiają też dużo miejsca na kreatywność, co ilustrują niektóre z poniższych projektów.
Magazyn szampana

Edition - We The People

Sok

Blog „Złoty ananas”

CreativeDepart

Cynosura

Kineda

Reforma i rewolucja

Jason Santa Maria

Sushi i roboty

DFCKR

Słupek

5. Kolaż: Unikalne, spersonalizowane Mashupy
Style kolażu są tak różnorodne, jak blogi, które projektują. Zasadniczo są to projekty, które pobierają wiele elementów (często fotografie lub realistyczne ilustracje) i łączą je, tworząc tło, które może przypominać tablicę ogłoszeń lub bałagan biurko.
To wyjątkowy styl, który pozwala na wiele indywidualnej ekspresji dzięki temu, co zawiera kolaż.
Ściana projektanta stron internetowych

Baia dos Golfinhos

Blup!

Tarek Shalaby

Właz

Przez ląd, morze lub powietrze

Klog - Koodoz Design

WorkAwesome

Fran Fernandez

Mesonprojekt

Designlab

Narfstuff

6. Galeria: Dla bardziej widocznie nachylonych
Blogi galerii nie ograniczają się tylko do wyświetlania obrazów. Wiele blogów, które koncentrują się głównie na tekście, wykorzystują układy galerii do swoich stron domowych, jako sposób na dopasowanie większej ilości informacji w mniejszej przestrzeni i pozostawienie rzeczy wyglądających na jednolite i zorganizowane.
Oczywiście istnieje wiele witryn, które używają layoutów galerii do tego, do czego były pierwotnie przeznaczone: zdjęcia, ilustracje i prace projektowe.
Foliotastyczny

Phototastic

Shocas

CHRISMDAY

Fernando Leite

Hugh Peachey Photography

IINSIGHT

Nocturn

Piekło Ciastko

Szeroki kąt

7. Piękna typografia: więcej niż tylko ładne litery
Doskonała typografia może naprawdę stworzyć bloga poza konkurentami. Nie tylko jest bardziej estetyczny, ale dobra typografia sprawia, że Twój blog jest łatwiejszy do czytania.
Projekt Ocon

Rustin Jessen

EightHourDay

Elysium Burns

Iokon Media

Wątpliwe postacie

Osobisty niepokój Marka Boultona

Sztuka niezgodności

Szykowny CSS

Der Gentleman

8. Niesamowite tekstury i wzory: wciąganie życia w inne proste wzory
Unikalne kombinacje tekstur i wzorów mogą prowadzić do bardzo kreatywnego i wyjątkowo pięknego tematu. Dostępne są tam tysiące tekstur, wiele darmowych do użytku osobistego lub komercyjnego, więc ten styl jest w dużej mierze dostępny dla wszystkich projektantów.
Barton Place Austin

Bracia Komfort

Mark Jardine

Myśl projekt

Pistolety i pączki

Brown Blog Films

TehCpeng.net

Henry Jones

panienka

David Hellmann

SimpleBits

9. Odważna grafika: bardziej formalna apel artystyczny
Odważne ilustracje i grafika mogą mieć duży wpływ na odwiedzających blog. Jasne kolory, oryginalne ilustracje i grafiki wektorowe są cechami charakterystycznymi tych blogów.
Pirata Londyn

Centrum nurkowe Kallianos

Sushimonstr

Świat Silas Toball - Duirwaigh Studios

Tendencias do projektowania

WebScienceMan

Langgatan 3A

Blog Co? Projekt

Badass Ideas

Brian Jeremy

10. Przejrzystość: dodawanie języka polskiego bez ważenia rzeczy
Przejrzystość może dodać odrobinę polerowania do każdego projektu blogu. W połączeniu z unikalnym tłem, przezroczystość tworzy zupełnie nowy poziom elegancji, której brakuje wielu projektom blogów. Niektóre blogi używają przezroczystości w swoich projektach, podczas gdy inne używają ich tylko w wybranych lokalizacjach, aby dodać trochę dodatkowej elegancji.
Go Media Inc

Push the Brand

Darren Hoyt Dot Com

Mateus Neves

Poziom krycia

LeBloe

Dezine Zync

Agenturblog

11. Wzory trójwymiarowe: Uproszczony Trompe l'Oeil
Prezentowane tutaj projekty wykorzystują elementy trójwymiarowe: składany papier, efekty typograficzne i podobne elementy projektu. Jest to nowszy trend w projektowaniu blogów (zwłaszcza efekt typografii), który zaczął się pojawiać dopiero w ciągu ostatnich kilku lat.
Jest to piękny styl i można go łączyć z wieloma innymi unikalnymi elementami projektu (często jest to widoczne np. W projektach kolażowych i grunge).
Matthew Achariam

Studio Bitter-Coffee

DAUNION

Komisja Projektowa

Mike Matas Blog

Sanimani.com

Stowarzyszenie Markup & Style

Blog Cocoia

31 Trzy

Marcel Muller

Adii Rockstar

Więcej powiązanych artykułów
- Projektowanie stron internetowych w stylu retro i vintage
- Piękne i kolorowe wzory blogów
- Minimalistyczne projekty stron internetowych
- Ręcznie rysowane projektowanie stron internetowych
- 100 miłych i pięknych projektów blogów
- Piękne i kuszące wzory blogów