35 Blogi dotyczące projektowania stron internetowych, które warto śledzić

Inspiracje przybierają różne formy, a rozwój zawodowy nigdy się nie kończy. Mając to na uwadze, przygotowaliśmy ogromną listę blogów o projektowaniu stron internetowych, które mogą karmić Twój mózg przez cały rok. I nie martw się – na tej liście nie znajdziesz żadnych niewypałów. Szanujemy Twój czas i uważamy, że zasługujesz tylko na najlepszych z najlepszych. Dlatego zebraliśmy tylko te blogi dotyczące projektowania stron internetowych, które zostały ostatnio zaktualizowane. Uruchom swoje konto Feedly i przygotuj się na dodanie więcej niż kilku subskrypcji.

1. Rozbijający magazyn

Rozpoczyna nas Smashing Magazine. Rzadko zdarza się, że można znaleźć publikację, która może opublikować tak wiele wysokiej jakości artykułów tak konsekwentnie, jak Smashing. Niektóre miejsca publikują wiele artykułów, które mają bardzo mało treści, ale ci faceci upewniają się, że prawie każde publikowane przez nich słowo jest istotne dla Ciebie jako projektanta i programisty. Niedawno uruchomili również warsztaty na żywo dotyczące front-endu i UX.

Odwiedź stronę

2. Awwwards

Awwwards dotyczy jednego: Ciebie. W momencie, gdy trafisz na stronę główną, możesz przeglądać setki najlepszych projektów w Internecie. Kuratorstwo, które trafia do Awwwards, jest oszałamiające, a podczas wizyty zawsze znajdziesz nową inspirację. Nie tylko to, ale publikują wywiady i zasoby, których możesz użyć, aby wzmocnić własną karierę. Dodatkowo, ich konkurs Site of the Month pozwala Ci zaangażować się w głosowanie na zasługującą na kredyt pracę, którą wystosowali inni ludzie.

Odwiedź stronę

3. Magazyn projektantów stron internetowych

Inspiracja, sprawdź. Technika, sprawdź. Biznes, sprawdź. Freelancer czy życie agencyjne? Sprawdzać. Jeśli chodzi o projektowanie stron internetowych, ten blog ma to omówione. Jeśli chcesz się o tym dowiedzieć, istnieje absurdalnie duża szansa, że ​​Web Designer Depot ma artykuł na ten temat. Poza interaktywnymi quizami i ankietami, które publikują regularnie, nie wspominając o angażujących artykułach, które publikują co tydzień (jeśli nie częściej), przeszukiwanie archiwów blogów rzadko jest tak zabawne i owocne jak ich.

Odwiedź stronę

4. Hongkiat

Na blogu Hongkiat dowiedz się, jak korzystać z narzędzi do projektowania dzięki ich samouczkom i uzyskaj dostęp do darmowych materiałów, takich jak pakiety ikon i czcionki. Mają też oczywiście posty na blogu poświęcone projektowaniu stron internetowych, w tym poradniki i porady dotyczące prowadzenia działalności jako projektant stron internetowych. (Omówiono też tematy związane z filozofią projektowania.) Ten blog istnieje już od dłuższego czasu i jest zdecydowanie jednym z bardziej ugruntowanych wpisów na tej liście, z mnóstwem wskazówek dla profesjonalnych projektantów, ale obejmuje tematy, które mogą rozumiem też, jak wstępy do CSS i FAQ.

Odwiedź stronę

5. Speckyboy

Prosty, przejrzysty i bezpośredni Speckyboy wypełnia lukę w Twoim życiu, w której potrzebujesz wskazówek dotyczących projektowania mobilnego, trendów, projektowania graficznego, badań UX i porad dla freelancerów. Nie tylko to, ale Speckyboy istnieje od ponad dekady i nadal konsekwentnie wypycha wysokiej jakości, dobrze zredagowane treści. Dodatkowo, nazwa jest zabawna, co jest zdecydowanie kolejnym punktem na jej korzyść.

Odwiedź stronę

6. Kreatywny blok

Cały projekt przez cały czas. Po prostu nie możesz się pomylić z Creative Bloq. A najlepsze jest to, że aktualizują się kilka razy dziennie w wielu kategoriach, więc zawsze będziesz mieć coś nowego i fantastycznego do przeczytania, co najprawdopodobniej będzie główną atrakcją twojego dnia (przynajmniej pod względem designu).

Odwiedź stronę

7. Subreddit do projektowania stron internetowych Reddit

Ok, więc Reddit nie jest do końca blogiem. To też nie jest forum. To tylko… Reddit. Niezależnie od tego, pomyśleliśmy, że zasługuje na miejsce na tej liście, ponieważ można tam znaleźć mnóstwo naprawdę wnikliwych postów na temat projektowania stron internetowych, a społeczność szybko się rozwija.

Odwiedź stronę

8. Układ

Flywheel nie tylko udostępnia jedno z najlepszych lokalnych środowisk programistycznych WordPress z Local, ale także publikuje świetny blog o projektowaniu stron internetowych. Układ jest ich wejściem w pole, a znajdziesz wszystko, od instrukcji dotyczących animowania SVG po upewnienie się, że Twoja witryna WordPress Gutenberg wygląda tak dobrze, jak to tylko możliwe. Czasami otrzymasz również zestawy ikon, a blog pozostaje na czasie, aby poinformować Cię, co jest na topie, na wypadek, gdybyś to jakoś przegapił.

Odwiedź stronę

9. Świat Boag

Projektowanie to nie tylko zasoby i samouczki. Wkłada się w to również dużo doświadczenia, nauki i zrozumienia. Musisz wiedzieć, jak uzyskać informacje zwrotne od użytkowników i zbadać ich nawyki. Boagworld może ci w tym pomóc. Pomiędzy postem na blogu a powiązanym podcastem tematy obejmują projektowanie cyfrowe i marketing, tworzenie treści i ogólną strategię cyfrową. Jest przemyślany i dobrze zrobiony, więc na pewno wrzuć go do swojego czytnika.

Odwiedź stronę

10. Mockplus

Jeśli lubisz listy „najlepszych” i „najlepszych”, blog Mockplus będzie Cię trzymał w zestawieniach tak długo, jak tylko zechcesz. Gromadzą przykłady projektowania stron internetowych, czcionki, samouczki, pakiety ikon i trendy na długich listach, dzięki czemu możesz wybierać te, które chcesz dokładniej poznać. Mają również szczegółowe przewodniki na tematy związane z projektowaniem, jeśli chcesz pozostać w jednym miejscu, aby zagłębić się w dany temat.

Odwiedź stronę

11. Siteinspire

Zamiast zwykłego bloga o projektowaniu stron internetowych z poradami i przewodnikami, Siteinspire jest galerią wspaniałych projektów stron internetowych, gdy chcesz – jak sama nazwa obiecuje – zainspirować się witryną. Prezentacja jest aktualizowana kilka razy dziennie, więc zawsze spotkasz się ze świeżymi projektami, które możesz sprawdzić i pokochać lub znienawidzić.

Odwiedź stronę

12. Sztuczki CSS

Projektanci stron internetowych używają CSS na co dzień. Ale w przeciwieństwie do minionych dni nie używamy tylko CSS do stylizacji i projektowania. CSS-Tricks wie o tym i zintegrował różne biblioteki JavaScript i inne, aby ułatwić tworzenie i projektowanie front-endu. Niezależnie od tego, czy jesteś deweloperem React, projektantem Vue, inżynierem aplikacji mobilnych czy testerem QA, CSS-Tricks ma w zanadrzu coś, co może ułatwić Ci życie.

Odwiedź stronę

13. ProjektTAXI

Jeśli potrafisz ominąć agresywne reklamy całostronicowe, DesignTAXI to świetne miejsce, aby uzyskać wskazówki dotyczące projektowania stron internetowych. Nie jest to dokładnie blog poświęcony projektowaniu stron internetowych, ale zawiera wiele ciekawostek związanych z projektowaniem cyfrowym, takich jak interesujące reklamy online znanych marek i aktualizacje oprogramowania w świecie projektowania stron internetowych (jak Photoshop). Jeśli Twoja miłość do projektowania obejmuje i wykracza poza budowanie stron internetowych, DesignTAXI to zabawny i pouczający przystanek.

Odwiedź stronę

14. Tryb projektowania

Designmodo słynie z wyjątkowych gratisów i niesamowitych ofert premium. Ponadto oferowane samouczki i zasoby sprawiają, że jest to świetne miejsce, w którym można się zatrzymać, jeśli potrzebujesz szybkiego przypomnienia na określony temat lub referencji, aby pokazać klientowi, jak Twój pomysł będzie działał w praktyce (i stojąca za nim teoria). Mają też sekcję poświęconą tylko WordPressowi, jeśli właśnie na tym koncentrujesz się teraz w swojej edukacji w zakresie projektowania stron internetowych.

Odwiedź stronę

15. Linia25

Obejmujący UI i UX design (wśród wielu innych), Line25 jest elegancki i elegancki. Publikują regularnie, więc Twój kanał nie zostanie zaniedbany, a skupiając się na WordPressie, powinny pasować do Twojej codziennej rutyny. Mają też darmowe pliki do pobrania, takie jak tekstury, tła i makiety.

Odwiedź stronę

16. 85 pomysłów

85ideas to kolejny blog poświęcony projektowaniu WordPress. Mają łapanki tematów niszowych, takich jak salony paznokci lub siłownie CrossFit. Mają również kolekcje wtyczek do dodawania wszelkiego rodzaju funkcji, takich jak profile użytkowników, zarządzanie mediami lub integracja z mediami społecznościowymi. A jeśli jesteś zainteresowany nauką o SEO, mają całą sekcję dedykowanych samouczków na ten temat.

Odwiedź stronę

17. UXPin

Oprócz tego, że jest świetnym oprogramowaniem, UXPin publikuje równie świetnego bloga. W przypadku tematów dotyczących UX (oczywiście) i projektowania interfejsu użytkownika, dodanie tego do kanału zwiększy wydajność i być może wprowadzi Cię w pewne pomysły, których nigdy wcześniej nie widziałeś. Dostępne są również samouczki i seminaria internetowe, w których można wykorzystać swoją edukację w praktyce.

Odwiedź stronę

18. Codropy

Dzięki linkowi do strony CSS Reference na ich stronie głównej wiesz, że Codrops to witryna, która stawia pomoc na pierwszym miejscu. Ich informacje są aktualne, a ich wersje demonstracyjne zawierają aktywne witryny i kod, które możesz wziąć i wykorzystać. W przypadku bloga poświęconego projektowaniu stron internetowych to prawie jak święty Graal. Szczególnie interesujący jest plac zabaw z artykułami, eksperymentami i wtyczkami, które pomogą Ci rozwinąć umiejętności i kreatywne myślenie.

Odwiedź stronę

19. Stoisko UX

Kiedy blog zawiera tematy związane z filozofią i strategią treści praktycznie obok siebie na swojej stronie głównej, wiesz, że z jego kanału może pochodzić pewien wysokiej jakości rozwój zawodowy. Obejmując tematy od sztucznej inteligencji (AI) po specjalistyczne projektowanie i zrozumienie analityki UX, UX Booth naprawdę podejmuje kroki, aby dostarczyć treści, których potrzebują projektanci stron internetowych. Jednak nie każdy temat jest aktualizowany według tego samego harmonogramu, więc jeśli nie widzisz ostatnio opublikowanego artykułu, kliknij inny temat, aby sprawdzić, czy jest tam coś nowszego.

Odwiedź stronę

20. Abduzeedo

Na górze ma tytuł strony internetowej, która jest zabawa, aby głośno powiedzieć, Abduzeedo może być miejscem do projektowania inspiracji (i jest to główny konkurent z Awwwards). Abduzeedo szczyci się tym, że jest w stanie dostarczać treści najwyższej jakości i to widać. Kolekcja zawiera wiele obrazów i jest oszczędna, jeśli chodzi o słowa – co jest świetną wiadomością, jeśli jesteś wzrokowcem lub inspirujesz się. Gdy znajdziesz kolekcję, która Ci się podoba, możesz nawet zobaczyć cały proces jej renderowania, w tym zrzuty ekranów oprogramowania. To piękne miejsce.

Odwiedź stronę

21. Tuts+

Envato jest dobrze znane w świecie WordPressa jako źródło wtyczek i motywów, ale czy wiesz, że mają również mnóstwo bezpłatnych treści samouczków pod marką Tuts+? Jeśli nie, zdecydowanie powinieneś to sprawdzić, ponieważ regularnie wyrzucają go z parku. Wiele ich treści dotyczy czcionek i Photoshopa, więc jeśli którykolwiek z tych tematów jest dla Ciebie bardzo interesujący, nie pomijaj tego bloga.

Odwiedź stronę

22. Projekt szałasu

Wystarczy spojrzeć na ich kategorie, aby przekonać się, że Design Shack zasługuje na swoje miejsce w czytniku kanałów. Biznes, CSS, Mobile, Nawigacja, UX, Typografia i wiele innych są regularnie omawiane. Treść tutaj wykracza również poza projektowanie stron internetowych. Na przykład możesz dowiedzieć się, jak sprawić, by kanał mediów społecznościowych był ładniejszy lub dowiedzieć się, jak zwiększyć produktywność dzięki programowi Word.

Odwiedź stronę

23. Natychmiastowa zmiana

Jedną z najlepszych części InstantShift jest strona z gratisami. Wspominaliśmy o nich wiele z różnych miejsc, ale InstantShift wyróżnia się tym, że nie są to wszystkie szablony WordPress lub widziałem-to-przed PSD. To, co robi InstantShift, to dostarczanie praktycznych gratisów do projektowania, takich jak szablony CV i banery internetowe, które wyglądają nieco niewłaściwie. Masz wrażenie, że ich gratisów nie znajdziesz nigdzie indziej.

Odwiedź stronę

24. Projekt Vandelay

To kolejny blog, który zawiera głównie podsumowania, choć od czasu do czasu mają tradycyjne artykuły, przewodniki i recenzje. Przeważnie jednak Vandelay Design dostarcza, jeśli chodzi o posty na blogu wypełnione muzą. Możesz przeglądać niezliczone wtyczki, elementy responsywne, makiety produktów, akcje Photoshopa, szablony itp.

Odwiedź stronę

25. Księga projektowania stron internetowych

Recenzje oprogramowania, inspiracje, podsumowania i najlepsze praktyki umieszczają na liście Web Design Ledger. Zawierają sekcje dotyczące typografii i ikonografii, sposobu pracy w środowiskach programistycznych oraz listy narzędzi, z którymi chcesz się upewnić, że jesteś zaznajomiony.

Odwiedź stronę

26. Grafika łyżki

Czcionki i gratisy obfitują w Spoon Graphics, blog poświęcony projektowaniu stron internetowych, który po prostu wydaje się odpowiedni. Ponownie, zamiast zapewniać te same stare zasoby, które można znaleźć w dowolnym miejscu, możesz uzyskać pędzle Photoshop, kolekcje czcionek i inne rzeczy, których faktycznie będziesz używać. Dostępne są również samouczki wideo dla programów takich jak Illustrator i Photoshop.

Odwiedź stronę

27. Design i UX na Medium

Medium zawiera tyle świetnych, wyselekcjonowanych treści, że trudno je znaleźć. Właśnie to chcemy wskazać na tagi dotyczące UX i projektowania. Podążaj za nimi, aby stworzyć kanał na Medium, który jest bardziej pouczający niż tylko szturchanie i wpadanie do dziury.

Odwiedź Średni UX | Odwiedź Średni projekt

28. Bomby projektowe

Nie, w Design Bombs nie chodzi o niepowodzenia, z których można się śmiać (chociaż tak właśnie myśleliśmy, kiedy je odkryliśmy). Design Bombs polega na zrzucaniu bomby na twoje projekty i wysadzaniu w powietrze z góry przyjętych wyobrażeń klientów o tym, co jest możliwe. Dostajesz poradniki, gratisy i mnóstwo treści opartych na WordPressie, dzięki którym ten blog o projektowaniu stron internetowych znajduje się na naszej liście.

Odwiedź stronę

29. Projekt wewnętrzny

Prawdopodobnie słyszałeś o InVision – to świetne oprogramowanie. Firma, która za nią stoi, publikuje również niesamowity blog o nazwie Inside Design. Dzięki wszystkim, od pakietów ikon i zestawów UI iOS po makiety, filmy instruktażowe, podsumowania inspiracji i prezentacje najlepszych praktyk, chcesz zasubskrybować ten. Blog obejmuje również wszelkiego rodzaju produkty cyfrowe, takie jak usługi przesyłania strumieniowego, a także aktualne tematy, takie jak projektowanie pod kątem włączenia.

Odwiedź stronę

30. Blog Davida Walsha

Blog Davida Walsha to ciekawa hybryda. Technicznie rzecz biorąc, jest to bardziej blog poświęcony tworzeniu stron internetowych niż blog projektowy, ale prawie niemożliwe jest omówienie jednego bez odrobiny drugiego. Najciekawsze posty to dema, w których otrzymujesz fragmenty kodu na żywo i uczysz się, jak ich używać w swoich projektach.

Odwiedź stronę

31. Przepływ sieci

Webflow naprawdę uderza w wiele problemów, które projektanci mają: jak złagodzić obawy klienta, dlaczego potrzebują określonego rodzaju witryny (zamiast tego , którego potrzebują) i jak ważny jest projekt dla ogólnej funkcji Internetu. Robią analizy trendów i podsumowania, które zgodnie z prawem będziesz chciał przeczytać. I wiesz, że wiedzą, co robią, ponieważ sam blog o projektowaniu stron internetowych jest wspaniały.

Odwiedź stronę

32. FastCompany Co.Projekt

FastCompany ma tendencję do bycia na szczycie wszystkiego, co dzieje się na świecie, a projektowanie nie jest wyjątkiem. Nie robią tak wielu samouczków, jak rzeczy do przemyśleń i przykładów dla projektantów. Otrzymasz listę zasobów, tak, ale otrzymasz również artykuły, które pokazują, jak kompozycja twojego tła może wpłynąć na fotografię, gdy zostanie ona wciągnięta na stronę internetową. Treść obejmuje wszelkiego rodzaju projekty, nie tylko projektowanie stron internetowych, więc jeśli jesteś miłośnikiem kreatywności, ten blog będzie drapać.

Odwiedź stronę

33. Lista poza

A List Apart absolutnie wyróżnia się z tłumu. Jest sprytny i dowcipny, a zawartość, którą zapewnia, wykracza o kilka kroków poza typowe przeglądy darmowych i zasobów, które można znaleźć na większości blogów poświęconych projektowaniu stron internetowych. Nawet sam projekt bloga nadaje temu motywowi, ponieważ szeryfowe czcionki i literacki styl nadają witrynie niepowtarzalny wygląd wśród ostrych krawędzi i płaskich układów w tym zakątku internetu.

Odwiedź stronę

34. Rynek kreatywny

Podobnie jak Tuts+ firmy Envato, blog Creative Market jest zasobem udostępnianym przez rynek. Znajdziesz łapanki trendów; darmowe zasoby, takie jak makiety, czcionki i szablony; i samouczki o tym, jak lepiej zaspokajać potrzeby swoich klientów, jednocześnie upewniając się, że użytkownicy otrzymują z Twojej pracy wszystko, czego chcą. Nie każdy zasób lub post będzie bezpośrednio związany z rodzajami projektów, nad którymi pracujesz, ale regularnie publikowanych jest wystarczająco dużo, aby zechcieć dodać ten do czytelnika.

Odwiedź stronę

35. Magazyn UX

UX Magazine publikuje przemyślane, angażujące treści o przyszłości naszej branży i o tym, jak wszyscy możemy pozycjonować się, aby odnieść w niej sukces. Traktują UX poważnie, jeśli nazwa tego nie czyniła, ponieważ nie mówią po prostu o tym, jak stworzyć najlepsze wrażenia użytkownika na stronie internetowej, ale w każdym otoczeniu, w którym ludzie wchodzą w interakcje. To, co razem połączyli, jest naprawdę fascynujące.

Odwiedź stronę

Ostatnie przemyślenia na temat blogów projektowych

Pomimo tego, że jest to dość długa lista, wciąż istnieje tak wiele blogów poświęconych projektowaniu stron internetowych, że trudno było je zawęzić do zaledwie 40 lub więcej. Gdybyśmy próbowali dostać się do „top 10”, moglibyśmy trochę oszaleć. Jesteśmy więc pewni, że bez względu na to, jaki projekt się zajmujesz – graficzny, cyfrowy, UX, UI czy cokolwiek innego – Twoje kanały będą o wiele bardziej aktywne, a Twoja praca będzie jeszcze lepsza niż jest.

Czy masz aktywnego bloga o projektowaniu stron internetowych, który kochasz i za którym tęskniliśmy? Zostaw to w komentarzach!

Polecany obraz za pośrednictwem Vectorium / shutterstock.com