17 sposobów, aby uzyskać inspirację projektową z innych stron internetowych

Przeglądając blog deweloperski WPMU, przekonasz się, że wiele artykułów zawiera przykładowe zrzuty ekranu ze stron internetowych, które dobrze wykonują określoną technikę projektowania. W końcu, czy jest lepszy sposób na zademonstrowanie punktu niż poprzez dostarczenie prawdziwego przykładu strategii lub techniki projektowania stron internetowych?

Ale pomijając blogi WordPress, istnieje wiele miejsc, z których można czerpać inspiracje w Internecie. To tylko kwestia wiedzy, gdzie go znaleźć. Im lepiej zapoznasz się z zasobami, które najprawdopodobniej dostarczą inspiracji (i które pasują do Twojego stylu), tym szybciej będziesz w stanie dostosować te techniki projektowania stron internetowych i trendy do swojego przepływu pracy.

Jeśli obecnie nie korzystasz ze stron internetowych dla inspiracji i motywacji, przyjrzyjmy się, dlaczego to musi się zmienić. Następnie podam Ci sposoby 17, Aby uzyskać inspirację projektową z innych stron internetowych.

Inspiracja i motywacja strony internetowej: dlaczego jej potrzebujesz

Jako projektant WordPress spędzasz dużo czasu na samodzielnej pracy. Poza wstępnym rozpoczęciem i wstępnymi dyskusjami z klientami, jak wiele zewnętrznego wkładu i inspiracji jest zwykle wprowadzanych do twojego przepływu pracy?

Może niewiele.

Co nie zawsze jest złe. W końcu zbyt wiele rozrywek może spowolnić Twoje postępy. Zbyt wielu kucharzy w kuchni może stworzyć niejasną wizję. Zbyt wiele niechlujnych informacji zwrotnych może doprowadzić cię na ścieżkę pełzania lunety. Jeśli chcesz pozostać skupiony, produktywny i poświęcać mniej czasu na przeróbki, często łatwiej jest zablokować wszystkich i wszystko do czasu, który został wyznaczony na współpracę i opinie.

To powiedziawszy, nie jest rozsądne, a nawet praktyczne, aby pracować całkowicie na własną rękę. Po pewnym czasie każde nowe zadanie WordPress, które otrzymasz, będzie wyglądać podobnie do innych, które pojawiły się przed nim. Ostatnią rzeczą, którą chcesz zrobić, to utknąć w koleinie, w którym projektujesz tę samą stronę w kółko.

Właśnie dlatego powinieneś szukać inspiracji z innych stron internetowych. Możesz dowiedzieć się więcej o tym, co dzieje się w zakresie projektowania, możesz odkryć nowe fajne sposoby na rozwiązanie czegoś, czego w przeciwnym razie nie rozważyłbyś, i możesz to zrobić w swoim czasie.

Oto kilka sposobów, w jakie Inspiracja zewnętrzna może pomóc:

Odkryj Nowe Trendy

Korzystanie z inspirujących stron internetowych i zasobów, które agregują inspirujące projekty internetowe, pozwala łatwiej odkryć chłodniejsze i nowsze metody projektowania.

Pracuj Szybciej

Jeśli masz niezawodny zestaw zasobów i stron internetowych, z których wiesz, z czego czerpać inspirację, możesz pracować szybciej podczas burzy mózgów, tworzenia szkieletów i prototypowania części procesu.

Myśl Mniej

Inspirujące strony internetowe zabierają część pracy z procesu, ponieważ będziesz spędzać mniej czasu na badaniu lub eksperymentowaniu z podstawowymi technikami, a więcej czasu na wprowadzanie ich w życie.

Zwiększ Kreatywność

Ciągłe poszukiwanie inspiracji pozwala wchłonąć materiał i dać mu czas na marynowanie. Ten okres refleksji może dać Twojemu mózgowi przestrzeń do tego, aby ten inspirujący projekt był czymś wyjątkowym dla Ciebie lub aby zastosować go, gdy jest najbardziej odpowiedni dla projektu klienta (zamiast próbować go wymusić).

Zmotywuj Się

Kiedy zwracasz uwagę na to, co robią inne strony internetowe, może to być świetny sposób, aby nie nudzić się. Zainspirowanie się nimi może realnie zmotywować do tworzenia lepszej pracy i bycia bardziej kreatywnym.

Poprawa Komunikacji

Inspirujące strony internetowe nie muszą być tylko dla Twoich oczu. Jeśli natkniesz się na coś godnego entuzjazmu lub masz pomysł na coś, czego chciałbyś użyć w bieżącym projekcie, dlaczego nie zwrócić uwagi na stronę internetową swojego zespołu lub klienta? Posiadanie czegoś namacalnego do pokazania im zmniejszy szanse na jakiekolwiek nieporozumienie na temat tego, co zamierzasz zrobić.

Pamiętaj tylko, że nie chodzi o kradzież pracy innych osób (chyba że kupiłeś/pobrałeś szablon przeznaczony do licencjonowania i zmiany przeznaczenia). Szukanie inspiracji polega na znalezieniu miejsca na rozpoczęcie własnej pracy. Lub rozluźnienie się, gdy nie jesteś pewien, jak zdjąć coś, co swędzi w rogach mózgu, ale nie możesz tego zmaterializować na ekranie.

17 sposobów, aby uzyskać inspirację projektową z innych stron internetowych

Jak już wspomniałem, jeśli możesz znaleźć dobry zestaw inspirujących stron internetowych i zachować je pod ręką, zrobi to cuda dla Twojego przepływu pracy WordPress. Zacznę od tej listy inspirujących stron. Ale zachęcam do czytania, ponieważ jest wiele innych miejsc, z których można czerpać inspiracje projektowe. Musisz tylko być otwarty na przyjmowanie inspiracji z najbardziej nieprawdopodobnych miejsc.

1. Skorzystaj z galerii kuratorskich Behance

Behance posiada funkcję o nazwie Curated Galleries. Chociaż nie ma kategorii specjalnie dla „stron internetowych”, prawdopodobnie i tak nie próbujesz zainspirować się całą witryną. Zamiast tego szukasz czegoś bardziej konkretnego, do czego możesz się zagłębić. Dlatego kategorie dotyczące ilustracji, reklamy i projektowania gier mogą dać ci unikalny wgląd w to, co możesz robić z własnymi pracami projektowymi.

2. Sprawdź Najczęściej oglądane Dribbble

Dribbble jest doskonałym źródłem inspiracji i szablonów, w ogóle. Jest to jednak” Najczęściej oglądane ” ustawienie, którego powinni używać projektanci stron internetowych, próbując wyobrazić sobie, co będzie dobrze działać dla bieżącego projektu.

Nie sugerowałbym nawet klikania w żadną z tablic, aby rozpocząć. Wystarczy spojrzeć z lotu ptaka na to, co przyciąga uwagę ludzi w tej chwili. Czy ilustracje są bardziej popularne? Czy jest jakiś kolor, który pojawia się w kółko? Czy istnieje koncepcja, którą wcześniej rozważałeś, ale odrzuciłeś, ponieważ nie byłeś pewien, czy zadziała dobrze? Zobacz, co masy uważają za najbardziej atrakcyjne i czerp z tego inspirację.

3. Użyj kategorii Abduzeedo

Abduzeedo to strona internetowa znana z inspirujących materiałów. Zaletą struktury witryny jest to, że możesz wybrać sposób nawigacji, aby znaleźć tę inspirację. Możesz subskrybować i dostarczyć go na swoją skrzynkę odbiorczą. Możesz przeglądać kolekcje (jak to robi Behance). Możesz też użyć kategorii, aby kopać jeszcze dalej, gdy szukasz czegoś konkretnego.

4. Zwróć uwagę na zwycięzców Awwwards

Istnieje wiele sposobów korzystania ze strony internetowej Awwwards. Podobnie jak niektóre z powyższych zasobów, możesz użyć kolekcji, aby uzyskać dobre połączenie inspiracji na częściach witryny, na których się koncentrujesz (np. strony kontaktów, strony produktów, animacje itp.)

Oczywiście Awwwards to strona internetowa, która codziennie przyznaje nagrody stronom internetowym (stąd nazwa). Szukaj według kategorii lub po prostu przejrzyj ostatnich zwycięzców, aby dowiedzieć się, co w dzisiejszych czasach przewodzi paczce pod względem designu.

5. Użyj Inspiration Grid do brandingu Inspiration

Chociaż Inspiration Grid ma próbki projektowe wszystkich typów, sugerowałbym użycie tej strony specjalnie do inspiracji brandingowych. Projektowanie witryny WordPress jest ważnym przedsięwzięciem samym w sobie. Ale poproszony o zaprojektowanie logo i innych elementów markowych? Rozpoczęcie od zera może być trudne, jeśli klient nie ma pojęcia, co chce zrobić. To może dać im i Tobie kilka pomysłów.

6. Dodaj Do Ulubionych Tablice Pinteresta

W przeciwieństwie do wielu platform mediów społecznościowych, które zapewniają jeden kanał do przewijania, tablice Pinteresta i układy murarskie znacznie ułatwiają tworzenie inspirujących kanałów dla projektantów stron internetowych. I możesz czerpać inspirację z tego, co chcesz. Możesz szukać specjalnie dla stron WordPress. Możesz przypiąć obrazy z branży docelowej. Możesz nawet szukać inspiracji w pinach off-topic. Nigdy nie wiadomo, co może wywołać pomysł.

7. Zobacz strony internetowe stworzone dla projektantów stron internetowych

Strony internetowe, które sprzedają produkt lub usługę specjalnie przeznaczoną dla projektanta stron internetowych lub programisty, powinny znajdować się na liście inspirujących zasobów.

Webflow:

InVision:

Atom:

Tego rodzaju strony internetowe z oprogramowaniem mają za sobą ludzi myślących przyszłościowo i myślących technologicznie, co oznacza, że będą w czołówce projektowania. Nawet jeśli nie możesz znaleźć sposobu na wykorzystanie czystych, ale odważnych stylów tych stron internetowych w swojej pracy, możesz ich użyć jako sposobu na utrzymanie nowoczesnej witryny WordPress.

8. Obserwuj zmiany w blogach WordPress

Blogi WordPress to kolejny rodzaj strony internetowej, na którą należy zwrócić szczególną uwagę. Gdy ci eksperci od projektowania przeprojektowują swoje witryny i dodają do nich różne elementy (pamiętasz, kiedy nagle wszyscy mieli wyskakujące okienko z zamiarem wyjścia?), to dobry znak, że na boisku szykuje się duża zmiana.

Na przykład zauważyłeś najnowszy przeprojektowanie WPMU DEV, prawda?

Teraz porównaj go z innymi stronami internetowymi ekspertów WordPress, takimi jak:

Eleganckie Motywy:

I Kinsta:

Zauważyłeś trend tutaj?

Za każdym razem, gdy blogi WordPress zaczną dostosowywać się do podobnego trendu, zanotuj to i wykorzystaj w pracy z klientami.

9. Subskrybuj Blogi WordPress

Oczywiście nie zapomnij również subskrybować swoich ulubionych blogów WordPress. Te, które koncentrują się bardziej na samouczkach technicznych, mogą nie być do tego najlepsze, ale te, które obejmują podsumowania projektowania stron internetowych (takie jak WPMU DEV) na pewno będą.

Na przykład, oto kilka ostatnich blogów, które zawierają zrzuty ekranu stron internetowych, które zapewniają kontekst, a także służą jako inspiracja:

• 14 niesamowite nagłówki witryny dla inspiracji
• 10 kreatywnych i angażujących stron, które Cię zainspirują
• 14 kreatywne przykłady Referencje stronie wykonane dobrze

10. Czytaj blogi innych Web designerów

Czytanie blogów innych projektantów stron internetowych-nawet jeśli koncentrują się na innej niszy lub są na innym poziomie kariery niż ty–może być dobrym sposobem na zainspirowanie się. Wiesz, że będą pisać o rzeczach, o których myślisz regularnie, więc możesz używać tych blogów do inspiracji projektowych, a także do celów edukacyjnych.

Ogólnie rzecz biorąc, ich strona internetowa może być dobrym sposobem na wywołanie przyjaznych pożarów konkurencji, jeśli rzucisz okiem na godną pozazdroszczenia aktualizację, którą niedawno do niej wprowadzili. I należy zwrócić uwagę na ich portfolio. Ich strona i blog mogą nie zrobić tego za ciebie,ale praca, którą stworzyli dla innych klientów, może.

11. Subskrybuj Blogi branżowe

Obecnie większość z nas ma niszową branżę, w której się specjalizujemy. Co oznacza, że powinieneś również szukać inspiracji poza projektowaniem stron internetowych i witryn WordPress. Znajdź branżowe strony internetowe i blogi, które lubisz. Nawet jeśli nie masz czasu, aby przeczytać każdy post, będziesz miał regularne przypomnienie, aby odwiedzić stronę internetową. I nigdy nie wiadomo, jaką inspirację tam znajdziesz.

12. Obejrzyj Tutoriale Adobe

WordPress i Web design tutoriale czasami koncentrują się trochę zbytnio na implementacji wtyczki WordPress lub wykorzystaniu kodu w projektowaniu stron internetowych. To dobrze, ale nie ma się czym inspirować. Dlatego zasób taki jak Adobe jest dobry, aby mieć go pod ręką.

W szczególności zapoznaj się z samouczkami Creative Cloud. Chociaż mają one na celu pokazanie, jak korzystać z oprogramowania do projektowania i pracy z obrazami stockowymi, samouczki wykorzystują rzeczywiste przykłady, które mogą dać ci punkt wyjścia potrzebny w następnym projekcie.

13. Sprawdź w Google

Oczywiście Strona główna Google nie będzie inspirować wiele w sposobie projektowania stron internetowych oprócz tego, jak dobrze wykorzystuje minimalizm.

To powiedziawszy, jeśli jesteś użytkownikiem Google i logujesz się do innych jego właściwości–takich jak Mapy, Google+, Gmail, Dysk itp.- albo jesteś zapalonym zwolennikiem Projektowania Materiałów, miej oko na zmiany, które się tam dzieją.

Dysk Google właśnie przeszedł subtelną zmianę projektu:

To mała zmiana przycisku w lewym górnym rogu, ale warto to zauważyć. Ogólnie rzecz biorąc, jeśli jesteś ciekawy elementów interfejsu użytkownika, Google jest dobrym źródłem inspiracji.

14. Monitoruj trendy w projektowaniu aplikacji

Nawet jeśli nie projektujesz aplikacji mobilnych, nadal możesz czerpać z nich inspirację-zwłaszcza teraz, gdy projektowanie urządzeń mobilnych musi być traktowane priorytetowo. Ponieważ projektowanie aplikacji mobilnych nie może polegać na przewijaniu, ważne jest, aby uważać na to, co robią projektanci, aby usprawnić i poprawić wrażenia użytkownika.

Sugerowałbym obserwowanie zmieniających się trendów w każdej aplikacji mobilnej, do której regularnie się logujesz. Jeśli zauważysz zmianę w sposobie obsługi CTA, jeśli pojawiają się nowe czcionki lub cokolwiek innego, co przyciąga wzrok, czego wcześniej nie było lub może wcześniej było uważane za tabu, zanotuj to. Może dać Ci nowy pomysł na to, jak podejść do nadchodzącego projektu.

15. Odwiedź Strony Z Fotografią Stockową

Nawet jeśli jesteś przeciwny używaniu fotografii stockowej w swoich kreacjach projektowych, nadal warto się z nimi zapoznać, jeśli twoim celem jest inspirowanie się różnymi źródłami i typami projektów.

Weźmy na przykład iStock. Zdjęcie, które znajduje się obecnie na stronie głównej, prawdopodobnie nie jest czymś, co można by kiedykolwiek pomyśleć, aby użyć na żadnej ze swoich stron internetowych (patrz zrzut ekranu powyżej). Czy jednak zauważyłeś gradient tworzony przez naturalne światło i cień? Gradienty okazały się bardzo popularnym elementem w projektowaniu stron internetowych w 2018 roku, więc interesujące jest to, że znajduje to odzwierciedlenie na zdjęciu stockowym.

Myślę, że mówię o tym, że Zdjęcia stockowe niekoniecznie muszą być czymś używanym, gdy nie masz czasu ani budżetu na stworzenie niestandardowego projektu lub zrobienie własnych zdjęć. Jeśli widzisz coś innowacyjnego na zdjęciu lub zauważysz nowy styl trendy w różnych z nich, użyj go do poprawy własnej pracy niestandardowej.

16. Przeczytaj wiele Case Studies

Ogólnie rzecz biorąc, marketerzy wykorzystują studia przypadków, aby pomóc potencjalnym klientom w procesie zakupu. Jeśli mogą udowodnić, że ich rozwiązanie lub produkt działa dobrze dla podobnego typu klienta, to powinno być łatwo przekonać potencjalnego klienta, zbyt.

Uważam jednak, że studia przypadków stanowią również doskonałą okazję do inspiracji. Pomyśl o tym: każde studium przypadku tworzy obraz przed i po. Jeśli znajdziesz odpowiednie studia przypadków–zazwyczaj te, które koncentrują się na testowaniu stron internetowych A/B-możesz użyć tych kontrastowych ujęć i technik przeprojektowania, aby poprawić swój własny przepływ pracy.

17. Angażuj się w każdą odwiedzaną witrynę

Nie zapomnij również poświęcić więcej czasu na interakcję z odwiedzanymi witrynami. Nawet jeśli to tylko strona lokalnej restauracji, ty i twój małżonek patrzycie na to, jak ważycie dzisiejsze opcje gastronomiczne. Nigdy nie wiesz, jaki rodzaj zaskakującego wyzwalacza lub animacji lub po prostu ogólne doświadczenie możesz znaleźć.

Wrapping Up

Jeśli nie masz jeszcze nawyku robienia tego, zacznij ćwiczyć, aby mieć oczy otwarte podczas odwiedzania innych stron internetowych, niezależnie od tego, czy jesteś w połowie projektu, czy przeglądasz internet w godzinach wolnych od pracy. Naprawdę weź to, co widzisz, poświęć czas na myślenie o tym, a następnie wykorzystaj tę inspirację później, aby stworzyć unikalne i innowacyjne projekty dla swoich klientów.

Tagi:

• inspiracje
• projektowanie stron www
• strony internetowe