20 przydatnych witryn do inspiracji do projektowania stron internetowych

Jeśli nie zauważyłeś, żyjemy w złotej erze kreatywnego projektowania stron internetowych. Część z tego przypisałbym temu, że tworzenie stron internetowych zyskało na popularności. Ale także fakt, że marki są skłonne podejmować duże ryzyko, jeśli chodzi o tworzenie projektów, które się wyróżniają .

Design jest napędzany ilustracjami? Wiesz, że to jest rzecz. Animowane sekwencje do tworzenia efektownych podróży użytkownika na stronie? Tak, zyskują na popularności. A potem masz wiele podzbiorów stylów projektowania, takich jak neumorfizm, neobrutalizm i szczypta podejść w stylu retro kreskówek.

I niezależnie od Twojego doświadczenia w projektowaniu stron internetowych, zawsze miło jest zobaczyć, co robią wszyscy inni. W związku z tym w tym artykule wymienię moje ulubione strony internetowe, w których można znaleźć inspirację do projektowania stron internetowych. Być może znasz już niektóre z nich, a może niektóre z nich będą dla Ciebie nowe – nie zaszkodzi wrzucić je do folderu zakładek na przyszłość.

Sieć, urządzenia mobilne, efekty, makiety i nie tylko

W tym poście omówię wiele odmian.

W tym galerie, które koncentrują się na projektach mobilnych, galerie prezentujące przykłady „specjalnych” efektów oraz kilka zasobów, które koncentrują się na makietach projektowych. Docelowo strony te są przeznaczone do przeglądania, gdy szukasz inspiracji, szczególnie w przypadku budowania strony internetowej.

1. Lapa Ninja

Mam Lapa Ninja na pasku zakładek od czasu jego pierwszego uruchomienia w Product Hunt, czyli 7 lat temu. Obecnie witryna rozrosła się i zawiera wiele zasobów dotyczących projektowania, ale jej główny cel, jakim jest wyróżnianie najlepszych projektów stron docelowych, pozostał taki sam.

Witryna ma obecnie ponad 5000 zgłoszonych stron głównych. Możesz poruszać się po nich, przeglądając najnowsze zgłoszenia lub filtrując według kategorii. Możesz także filtrować według kolorów, jeśli szukasz projektów, które mają ten sam schemat kolorów, co Twój nadchodzący/istniejący projekt.

2. Pobożny

Jedną z rzeczy, które kocham w Godly, jest to, że naprawdę skupia się na nowatorskich projektach. Jak powiedziałem na początku, jednym z kluczowych trendów w projektowaniu stron internetowych jest obecnie animacja. Godly świetnie się spisuje, podkreślając najlepsze projekty, które wpisują się w te trendy.

Nie musisz też odwiedzać każdej witryny, ponieważ Godly osadza 15-20 sekundowe filmy, aby zaprezentować podstawową koncepcję każdego projektu. Np. Jeśli coś wpadnie Ci w oko – możesz to wtedy odwiedzić.

3. Brutalistyczne strony internetowe

Czym jest brutalizm w projektowaniu? Jak elokwentnie ujęła to Kate Moran: „Brutalizm w projektowaniu cyfrowym to styl, który celowo próbuje wyglądać na surowo, przypadkowo lub bez ozdób. Odzwierciedla strony internetowe w stylu wczesnych lat 90. (pomyśl Craigslist i Drudge Report). Czasami ten aspekt brutalizmu wyrażany jest w postaci gołej, prawie nagiej strony HTML z niebieskimi linkami i monochromatycznym tekstem Monospace”.

Jeśli chodzi o mnie, uwielbiam minimalistyczne podejście do projektowania, które również jest jednym z elementów, które implementuje wiele z tych brutalistycznych projektów internetowych. Jedynym „zastrzeżeniem” jest to, że wszystkie projekty są wymienione od razu na stronie głównej. Przypuszczam, że trzymam się całego brutalistycznego pomysłu.

4. UI Jar

UI Jar robi kilka rzeczy. Po pierwsze, jest to starannie dobrana kolekcja inspirujących projektów internetowych, które można filtrować według koloru, stylu i branży. Ale dodatkowo możesz również zapoznać się z sekcją Branding, w której prezentowane są projekty marek oparte na produktach. I UI Jar zawiera również sekcję Kolekcje. Kolekcje mają na celu prezentację najlepszych projektów z określonej kategorii, np. portfolio, typografii itp.

5. HOVERSTAT . ES

hoverstat.es skupia się na niekonwencjonalnych, kreatywnych i eksperymentalnych rodzajach projektowania. To także dobry zasób, aby sprawdzić, co jest możliwe w przeglądarce. Witryna działa od 2012 roku, więc istnieje ogromny katalog witryn do zbadania. To powiedziawszy, hoverstat.es publikuje raz na jakiś czas , ale w dużej mierze ma to na celu zawężenie uwagi do naprawdę wyjątkowych i ekscytujących projektów.

6. Księga gruntów

Moją ulubioną cechą Land-booka jest rozbudowany system filtrowania. Możesz zawęzić wyszukiwanie do typów witryn, takich jak portfolio lub eCommerce, a następnie możesz zastosować filtry, takie jak style, branża i typ.

A moją najmniej ulubioną cechą Land-booka jest konieczność założenia konta. Oczywiście nie jest to łamacz transakcji, a możesz go utworzyć w kilka sekund za pomocą połączenia Google lub Twittera. Rejestracja oznacza, że ​​możesz przeglądać wszystkie projekty, ale także zapisywać je w osobnym katalogu do wykorzystania w przyszłości.

7. Miłość na jedną stronę

Rob Hope uruchomił One Page Love w 2008 roku, a jeśli już, to strona jest absolutną skarbnicą zarówno dla aktualnych trendów w projektowaniu, jak i obserwowania, jak wyglądały projekty dziesięć lat temu.

Wszystkie aukcje mają pełnowymiarowy zrzut ekranu, który przyda się w przypadku starszych projektów, ponieważ prawdopodobnie niektóre witryny zostały całkowicie przeprojektowane lub zostały porzucone. To powiedziawszy, One Page love ma doskonały interfejs kategoryzacji. Możesz także zasubskrybować aktualizacje za pomocą RSS lub zapisać się do biuletynu – dzięki czemu będziesz na bieżąco z 10 świeżymi jednostronicowymi projektami.

8. Podziwiaj sieć

Admire The Web zawiera ponad 130 stron z inspirującymi projektami stron internetowych, a zgłoszenia pochodzą sprzed 11 lat. Możesz wyświetlić podgląd aukcji, klikając ich nazwę (a nie obraz), ale z tego, co mogę powiedzieć – zrzuty ekranu pokazują tylko pierwszy widok witryny.

Istnieje wiele tagów do przejrzenia, szczególnie jeśli szukasz inspiracji na konkretny temat, na przykład duże stopki lub efekty paralaksy i tym podobne.

9. Społeczność Figma

Wszystkie projekty zaczynają się w Figma, prawda? Cóż… w każdym razie w wybranej aplikacji do projektowania.

Tyle, że Figma naprawdę przyjęła aspekt społecznościowy polegający na łączeniu projektantów z całego świata na jednej zunifikowanej platformie. I to działa.

Jeśli nie dla zasobów społeczności, Figma jest również znana z obszernej kolekcji wtyczek, co znacznie usprawnia przepływ pracy dla projektantów graficznych. Możesz pobrać dowolny zasób (plik, szablon lub wtyczkę) z jego strony, klikając przycisk Pobierz kopię i gotowe!

10. Minimalna galeria

Minimalizm w projektowaniu stron internetowych polega na tym, aby białe znaki i typografia wykonywały ciężkie zadania. W tej galerii znajdziesz najlepsze minimalistyczne projekty stron internetowych, które możesz przeglądać i analizować.

Kuratorem strony jest Piet Terheyden i nie ma żadnych „ograniczeń” w projektach nadesłanych w tej galerii. Możesz znaleźć wszystko, od przeprojektowania marki po kreatywne portfolio osobiste. Innymi słowy, dopóki projekt pozostaje wierny minimalizmowi, istnieje szansa, że ​​zostanie zaprezentowany na tej stronie.

11. Mobbin

O wiele łatwiej jest zarządzać projektami internetowymi niż mobilnymi. Z tego powodu witryna taka jak Mobbin jest darem niebios, jeśli szukasz inspiracji do projektowania urządzeń mobilnych. Istnieje szansa, że ​​jeśli pracujesz nad projektem/przeprojektowaniem witryny, w końcu będziesz musiał wprowadzić ulepszenia pod kątem urządzeń mobilnych.

W takim przypadku Mobbin zapewnia prawdopodobnie najlepszy przegląd tego, co ludzie i duże marki robią ze swoimi wyborami dotyczącymi projektowania urządzeń mobilnych. I nawet jeśli większość z nich to projekty aplikacji mobilnych, istnieje wiele małych elementów UI/UX, z których można się zapoznać i z których można się uczyć.

Wszystkie aukcje Mobbina (ponad 500) zawierają setki zrzutów ekranu w aplikacji, zarówno na iOS, jak i na Androida. Przechowują też historię, więc jeśli aplikacja została przeprojektowana – możesz cofnąć się w czasie i zobaczyć, jak wtedy wyglądała. Brzmi zbyt pięknie, aby mogło być prawdziwe, prawda?

Cóż, jako darmowy użytkownik – masz pewne ograniczenia, takie jak liczba kolekcji, które możesz utworzyć (3 dla poziomu bezpłatnego), i nie możesz skorzystać z filtrów/funkcji wyszukiwania premium.

12. ZAPISZ

SAVEE to platforma do spraw projektowania i powiedziałbym, że pod tym względem jest dość niszowa. Obejmuje różne projekty, a jeśli interesuje Cię konkretnie projektowanie stron internetowych, musisz go poszukać.

Głównym powodem korzystania z tej platformy jest szukanie inspiracji projektowych, które nie są zwyczajne. Platformy takie jak SAVEE przyciągają bardziej specyficzny tłum (w tym przypadku projektantów), więc inspiracja projektowa może obejmować zarówno rzeczywiste projekty internetowe, jak i obrazy i fotografie.

Ostatecznie nawet zdjęcia odgrywają rolę w projektowaniu – więc zobaczenie, co robią inni, może być świetnym punktem wyjścia dla nowych pomysłów.

13. Drybling

Po tylu latach Dribbble wciąż się rozwija. I jest to prawdopodobnie najlepsza platforma na świecie do projektowania graficznego wszystkich rzeczy. Często zdarza się, że użytkownicy Dribbble publikują przykłady projektów, które stają się trendami. A ponieważ platforma jest również mocno kojarzona z zatrudnianiem projektantów, cholernie dobrze wiesz, że użytkownicy dołożą wszelkich starań, aby ich projekt się wyróżniał.

14. Zachowanie

Behance jest również jednym z tych weteranów, którzy wciąż są silni. Podobnie jak Dribbble, jest to platforma społecznościowa dla wszystkich typów projektantów. Osobiście uwielbiam w Behance to, jak dopracowana jest jego funkcja wyszukiwania. Możesz przeprowadzić zwięzłe wyszukiwania, używając wyłącznie wbudowanych funkcji, które przydają się podczas wyszukiwania inspiracji dla określonego stylu/schematu.

15. Awwwards

Awwwards to platforma projektowo-rozwojowa, która promuje innowacyjne i nieszablonowe projekty stron internetowych, które są następnie oceniane przez wybranych specjalistów. Ci specjaliści, jury, są wybierani co roku niezależnie i każdy może zgłosić się do tego panelu.

Strona działa od 2014 roku, więc jest mnóstwo historii do odkrycia! W przypadku wszystkich aukcji głosy oddane przez jury są publiczne, podobnie jak głosy oddane przez użytkowników. Jury może również pozostawić notatki, ale jest to tylko liczbowe, więc nie ma rzeczywistych opinii.

Mimo to Awwwards jest dobrze znany w społeczności, a ludzie są dumni z umieszczenia jednego z banerów Awwwards na swojej stronie internetowej. Poza tym, ze względu na to, jak duża platforma rozrosła się na przestrzeni lat, jest to również miłe miejsce do przyciągnięcia potencjalnych pracodawców poprzez zaprezentowanie własnych umiejętności!

16. Strona inspiruje

Siteinspire przetworzyło do tej pory ponad 7700 aktywnych zgłoszeń. Jest to, jak można się spodziewać, galeria stron domowych wykorzystująca ciekawe i nowoczesne praktyki projektowania stron internetowych. Ale na pewno są pewne cechy, które czynią tę galerię wyjątkową. Jednym z nich jest możliwość filtrowania wyników według projektanta/agencji, do której można uzyskać dostęp z sekcji Katalog.

Kolejną funkcją jest możliwość sortowania wyników według stylów, typów i tematów. A jeśli założysz konto, możesz również tworzyć własne, dostosowane do potrzeb kolekcje.

17. Muzli

O Muzli dowiedziałem się w tym roku po opublikowaniu artykułu o różnych sztuczkach CSS dla deweloperów front-end.

Kilka dni później zobaczyłem znaczną liczbę gości z Muzli – sprawdziłem projekt i rzeczywiście, to jest rzecz! Tak bardzo, że rozszerzenie Muzli Chrome ma ponad 300 000 użytkowników.

Własnymi słowami

Muzli natychmiast dostarcza najnowocześniejsze projekty projektowe i wiadomości za każdym razem, gdy w przeglądarce zostanie otwarta nowa karta. Odkryj najlepsze inspiracje do projektowania stron internetowych, najlepsze strony internetowe, najlepsze logo, trendy internetowe, najlepsze strony i aplikacje mobilne, minimalistyczne strony internetowe, brutalistyczne strony internetowe, innowacyjne ilustracje, funkcje projektowe, unikalne strony internetowe, projekty fotograficzne i sztuki wizualne, a także opinie i artykuły od ekspertów projektowych w sieci i na całym świecie.

Muzli wykonuje niektóre kuracje automatycznie (ze stron takich jak Dribbble i innych z tej listy), a następnie użytkownicy mogą również przekazywać własne opinie. To trochę jak czytnik RSS dla projektantów/programistów na sterydach.

18. FWA

Oto The FWA – kolejna strona w stylu galerii, która skupia się na nagrodach. W przeciwieństwie do Awwwards – FWA ma jury składające się z ponad 500 projektantów i programistów z całego świata. Podobnie jak Siteinspire, FWA posiada również katalog najlepszych agencji i osób prywatnych.

19. I/O 3000

Dobra, więc wysłuchaj mnie na tym. Powszechnie wiadomo, że podejście do projektowania różni się w zależności od regionu, a dotyczy to szczególnie krajów takich jak Japonia. W ciągu ostatnich kilku miesięcy byłem zalany ciekawością japońskiego podejścia do projektowania stron internetowych.

W szczególności, jak japońscy projektanci, czy w tym przypadku blogerzy, projektują swoje blogowe strony i tworzą unikalne doświadczenia dla czytelników. Z tego, co widziałem, japońscy projektanci są bardzo chętni do tworzenia komunikatywnych doświadczeń użytkownika. Sprowadza się to do elementów projektu, które prowadzą użytkownika do konkretnego rozwiązania lub konkretnych elementów, które podkreślają ważną cechę.

Galeria I/O 3000 skupia się zarówno na projektach japońskich, jak i zachodnich. Jeśli kiedykolwiek poczujesz się na siłach, gorąco polecam sprawdzić, co robią ludzie za granicą! I tak, to jest gra słów zamierzona.

20. Typ wilka

Przyglądaliśmy się wielu witrynom/galeriom, które prezentują kompletne witryny, a Typewolf też to robi. Ale bardziej niż projektowanie graficzne, Typewolf koncentruje się na najnowszych trendach w typografii. Typewolf korzysta z systemu „Site of the Day”, ale znajdziesz również wiele artykułów i zasobów, aby dowiedzieć się więcej o tym, jak typ wpływa na ogólny projekt, który tworzysz.

Jeśli kiedykolwiek sprawdzałeś pary czcionek, prawdopodobnie Typewolf był jedną z witryn, na których trafiłeś.