3 sposoby na nauczenie się, jak mieć lepsze oko do projektowania

Witamy w pierwszej części naszej mini serii „Zasady skutecznego projektowania stron internetowych Divi”, w której badamy skuteczne praktyki projektowania, aby pomóc nowym projektantom stron internetowych i tym, którzy identyfikują się jako osoby bez „oczka do projektowania”.

W dzisiejszej epoce wizualnej design jest ważniejszy niż kiedykolwiek. Dobry projekt może stworzyć lub zepsuć Twój biznes, jeśli chodzi o przekształcanie potencjalnych klientów w klientów. Może to być różnica między dokonaniem sprzedaży a tym, że potencjalny klient kliknie z Twojej witryny w poszukiwaniu bardziej profesjonalnej usługi lub produktu. I chociaż nowi projektanci stron internetowych i programiści często twierdzą, że mają „oczko do projektowania”, istnieją pewne podstawowe zasady projektowania, które każdy może zastosować, aby pomóc stać się lepszym w „projektowej” części projektowania stron internetowych!

Przedmowa serii:

• Strategie, praktyki i taktyki, które omówimy w tej serii, mają zastosowanie do projektowania stron internetowych w ogóle i nie są specyficzne dla Divi, ale ta seria będzie oparta na moim doświadczeniu jako projektanta stron internetowych Divi. Wiele z wymienionych odniesień, układów i punktów początkowych będzie dotyczyć konkretnie Divi.
• Ta seria jest w dużej mierze przeznaczona dla osób, które albo są nowe w projektowaniu stron internetowych, albo mają nastawienie programistów, którzy czują, że nie mają naturalnego oka do projektowania. Miejmy jednak nadzieję, że wiele z tych koncepcji posłuży jako inspiracja lub odświeżenie również dla już uznanych projektantów.
• Świetne zasady projektowania stron internetowych zostały wspomniane już wcześniej na blogu, więc będziemy łączyć się z niektórymi wcześniejszymi postami i zasobami w całej serii. Jest to przede wszystkim wskazówka dotycząca niektórych najważniejszych zasad dobrego projektowania, które stosuję jako odnoszący sukcesy projektant stron internetowych Divi, które również możesz zastosować!
• Wreszcie, jeśli chodzi o dobry projekt, nie ma dobra ani zła. W rzeczywistości jest to kwestia zrównoważenia popularnej opinii, twojej osobistej opinii kreatywnej i życzeń klienta. Wszyscy mieliśmy klienta, który uważał, że coś wygląda świetnie, a my wiedzieliśmy, że wygląda okropnie, prawda? Nie wszyscy zgodzą się z tymi podstawami projektowania, ale można śmiało powiedzieć, że te zasady są powszechnie podzielane przez profesjonalnych projektantów Divi i całą społeczność projektantów stron internetowych.

Oto zarys mini-serii, gdy patrzymy w przyszłość:

• Część 1 – 3 sposoby na nauczenie się, jak mieć lepsze oko do projektowania
• Część 2 – 3 Skuteczne zasady projektowania stron internetowych dla osób nie będących projektantami
• Część 3 – 3 ważne obszary projektowania, na których należy się skoncentrować przy każdej budowie witryny

Zanim zagłębimy się w temat, muszę powiedzieć, że chociaż rozumiem, że niektórzy ludzie są bardziej uzdolnieni w kreatywności niż inni, zdecydowanie twierdzę, że MOŻESZ nauczyć się dobrych podstawowych zasad projektowania. Być może nie zostaniesz Michałem Aniołem Divi, ale ogólnie możesz nauczyć się dobrych praktyk projektowych, które można zastosować w swoich projektach internetowych. Oszczędzę wstydu związanego z opublikowaniem kilku moich pierwszych projektów internetowych, ale powiem tylko, że moje „oko do projektowania” stale ewoluuje i dojrzewa coraz bardziej z każdym dniem. W żadnym wypadku nie zacząłem tam, gdzie jestem dzisiaj. I szczerze mówiąc, projektowanie jest ważne nie tylko w projektowaniu stron internetowych. Odgrywa dużą rolę w porządkowaniu treści, pisaniu e-maili, robieniu dobrych zdjęć telefonem i nie tylko. Dlatego bardzo ważne jest, aby znać kilka podstawowych zasad, które można zastosować również w innych aspektach swojego życia.

Tak więc, jeśli kiedykolwiek przyłapałeś się na mówieniu któregokolwiek z poniższych;

• „Po prostu nie mam oka do projektowania”.
• „Nie mam twórczej kości w moim ciele”.
• „Potrafię kodować, ale nie umiem projektować”.

W takim razie ta seria jest dla Ciebie! Przejdźmy do tego.

3 sposoby na przygotowanie się i nauczenie się, jak mieć lepsze oko do projektowania

W świecie projektowania stron internetowych ludzie identyfikują się z jedną z dwóch grup:

Projektant stron internetowych – Projektant stron internetowych, znany również jako front-end designer, prawdopodobnie zainteresuje się projektem, kolorami, układem i estetyką projektowania stron internetowych. Prawdopodobnie będą pochodzić z tła graficznego lub być może bardziej wizualnego medium, takiego jak fotografia lub inne sztuki twórcze. Jeśli bardziej interesuje Cię, jak rzeczy wyglądają i działają, a nie jak szybko się ładują, jak czysty może być kod lub jakie dostosowania zostały wprowadzone do plików php i css, to jesteś bardziej niż prawdopodobne w tej łodzi

Web Developer – Web developer, znany również jako back-end developer, będzie prawdopodobnie bardziej zainteresowany matematyką, liczbami oraz dziedziną projektowania stron internetowych, kodem, funkcjonalnością i backendem stron internetowych. Podczas gdy „projektant” może widzieć kształty, kolory, wygląd, styl itp., osoba bardziej zorientowana na programistę może zobaczyć coś podobnego do matrycy – kod, funkcjonalność, użyteczność i rzeczy, które leżą pod powierzchnią witryny.

Oba są kluczem do udanego projektu strony internetowej i moim zdaniem odnoszący sukcesy projektant stron internetowych musi mieć zdrową mieszankę wiedzy z obu światów. Osobiście, chociaż jestem teraz dobrze zorientowany w projektowaniu i rozwoju, nadal pociąga mnie projektowa strona rzeczy. Muszę coraz ciężej pracować, aby wziąć pod uwagę czasy ładowania, czysty kod i funkcjonalność, zamiast ciągłego skupiania się na projekcie, układzie, wyglądzie i działaniu. Ale dla tych, którzy są przeciwni mnie, równie ważne jest skupienie się na przyjemnym dla oka projekcie, w przeciwieństwie do okropnie wyglądającej strony internetowej, która szybko ładuje się czystym kodem.

To, o czym tak naprawdę mówimy, to połączenie lewej i prawej półkuli. W tym momencie prawdopodobnie nie jest to dla większości tajemnicą, ale istnieje wiele badań, że lewa strona mózgu jest analityczna, matematyczna, sekwencyjna, logiczna itp. Prawa strona mózgu jest artystyczna, twórcza, wnikliwa, obdarzona wyobraźnią itp. Jest to klucz do zrozumienia, DLACZEGO możesz być zainteresowany byciem projektantem lub programistą.

W skrócie,

Deweloper = Myśliciel lewej części mózgu
Projektant = Prawidłowy Myśliciel

Zrozumienie tego prowadzi nas do pierwszego głównego punktu.

1) Przygotowanie swojego sposobu myślenia

Jeśli jesteś bardziej kreatywny, prawdopodobnie będziesz musiał ciężej pracować nad kodowaniem i bardziej logistyczną stroną projektowania stron internetowych i odwrotnie, jeśli twoje tendencje skłaniają się ku lewej półkuli mózgu, Będziemy musieli trochę ciężej pracować, aby wypracować dobre oko do projektowania. Jak wspomniano powyżej, jestem bardziej myślicielem prawej części mózgu i kreatywnością. Chociaż uwielbiam CSS i mogę teraz stać się niebezpieczny z PHP bez zbytniego pocenia się, nie zacząłem w ten sposób. Musiałem ciężko pracować w obszarach projektowania stron internetowych, w których nie byłem dobry.

Ale zaczęło się od mojego sposobu myślenia. Wiedziałam, w jakich dziedzinach jestem silna i w której pracy potrzebuję. Chcę Cię jeszcze raz zachęcić do tego tematu, MOŻESZ nauczyć się dobrych zasad projektowania i MOŻESZ rozwinąć oko do projektowania, jeśli jesteś nowy lub jeśli jesteś programistą bez twórczej kości w swoim ciele.

W tym momencie prawdopodobnie mówisz: „Wszystko świetnie, ale co mogę zrobić, aby przygotować moje nastawienie do nauki dobrych technik projektowania?” Chociaż wszyscy uczymy się inaczej, powiem ci, co zadziałało dla mnie i co wiem, że działało dla wielu innych projektantów Divi w społeczności.

2) Jak uczyć się i rozwijać oko do dobrego projektowania?

Ucz się, replikując dobre projekty stron internetowych – tak, powiedziałem. Jeśli widzisz dobry projekt, spróbuj go odtworzyć, kopiując jego kolory, kroje pisma, odstępy, układy itp. Nie mówię, że zdzieraj stronę, aby sprzedać ją jako motyw potomny lub jako swoją pracę, ale z punktu widzenia edukacyjnego , jednym z NAJLEPSZYCH sposobów na poprawę projektowania jest powielenie już pięknie zaprojektowanej witryny. Zdziwisz się, ile się nauczysz i jak wzmocnisz się, naśladując piękny projekt, który możesz naśladować.

Aby uzyskać inspirację związaną z Divi, możesz często znaleźć dobre przykłady projektów tutaj na blogu ET za pośrednictwem comiesięcznych witryn, takich jak ta, poprzez przykłady motywów Divi lub śledząc swoich ulubionych projektantów Divi i sprawdzając, co wymyślą!

Ucz się, badając projekty na całym świecie — chociaż projekty drukowane i inne reklamy mogą nie być idealną nauką dla trendów w projektowaniu stron internetowych, nadal możesz poznać cenne zasady projektowania. Na przykład, być może widzisz reklamę z wyrazistym obrazem z tekstem zaprojektowanym w nowoczesny, elegancki sposób, możesz bardzo dobrze wykorzystać ten sam pomysł i zastosować go jako efektowny projekt w swojej witrynie! Nie boję się teraz wycieczki z żoną do centrum handlowego i chodzenia do sklepów z makijażem, ponieważ używam tego jako „modny projekt Josha wymaga czasu”. Czas spędzony wcześniej na wpatrywaniu się w telefon jest teraz często wydawany produktywnie sprawdzając nowe pomysły i koncepcje projektowe, które mogę zastosować w moich projektach internetowych!

Ucz się, budując bibliotekę Divi – Jedną z najbardziej magicznych rzeczy związanych z projektowaniem witryny za pomocą Divi jest to, że zawiera ona pełną bibliotekę sprawdzonych, skutecznych układów i projektów, z których możesz budować. Jeśli dopiero zaczynasz projektować i Divi lub czujesz, że utknąłeś patrząc na puste płótno, możesz załadować jeden z gotowych układów z biblioteki, zmienić kolory, zastąpić obrazy i zacząć od razu! Zobacz, jak przerobienie już profesjonalnego projektu zacznie ćwiczyć Twój mózg do następnego projektu.

Ucz się, pobierając i budując bezpłatny cotygodniowy pakiet Divi Layout - Jeśli jesteś nowym członkiem Elegant Themes lub jeszcze nie wiesz, na blogu dostępne są profesjonalnie zaprojektowane pakiety Divi Layout, które są dostępne do pobrania BEZPŁATNIE. Są one nie tylko doskonałym źródłem wiedzy i inspiracji, jeśli chcesz być lepszym w projektowaniu, ale podobnie jak wymienione powyżej elementy biblioteki, są to świetne punkty wyjścia, jeśli dopiero zaczynasz projektować!

3) Uzyskaj informacje zwrotne i konstruktywną krytykę swojej pracy

Wreszcie, jednym z najlepszych sposobów na ulepszenie swoich kotletów projektowych jest uzyskanie opinii od innych. Często, gdy jesteś osadzony w projekcie, łatwo jest stracić orientację w tym, co wygląda dobrze, a co źle. Uzyskanie opinii i konstruktywnej krytyki na temat swojej pracy jest kluczem do lepszego projektowania.

Teraz rozumiem, łatwiej to powiedzieć niż zrobić. I prawdopodobnie chcesz uniknąć zniszczenia lub zdemoralizowania, zwłaszcza jeśli nadal się uczysz, ale jeśli używasz Divi, automatycznie masz dostęp do najbardziej zaangażowanej, wspierającej i pomocnej społeczności online. Istnieje wiele punktów kontaktowych z narodem Divi, ale moimi osobistymi preferencjami są grupy Divi na Facebooku. Celowo stworzyłem grupę Divi Web Designers na Facebooku, której głównym celem jest możliwość publikowania prac, aby uzyskać profesjonalną, pomocną krytykę i opinie, które pomogą nam wszystkim stać się lepszymi Divi Web Designers. Jeśli masz zaufaną rodzinę, przyjaciół lub może kolegów z branży projektowania stron internetowych, którzy mają dobre oko do projektowania, bardzo polecam również zapoznanie się z ich przemyśleniami, jeśli nie chcesz otrzymywać opinii online.

Uważam, że bardzo przydatne jest uzyskiwanie informacji zwrotnych, ponieważ często wskazują one na zły projekt, który został przeoczony, obszary wymagające poprawy lub więcej. Na przykład obszarem, w którym nie mam wielkiego naturalnego daru i nad którym muszę ciężko pracować, jest typografia. Nie tak dawno pracowałem nad stroną, która według mnie wyglądała niesamowicie od stóp do głów, a kiedy otrzymywałem informacje zwrotne, powiedziano mi, że typ, którego użyłem, nie pasował do „wrażenia” witryny. Po odrzuceniu początkowej dumy projektanta zdałem sobie sprawę, że nie mogli mieć więcej racji. Rodzaj rzeczywiście nie odpowiadał klimatowi strony. Od tego czasu nauczyłem się być bardziej świadomym krojów, które wybieram, starając się, aby pasowały do ​​​​właściwego wyglądu i stylu witryny, zamiast trzymać się mojego „przejdź do”.

Więc jeśli czujesz się na tyle odważny, aby otrzymać konstruktywną krytykę, możesz to zrobić w naszej grupie Divi Web Designers na Facebooku lub w dowolnej innej społeczności Divi Online, jeśli przestrzega ona wytycznych grupy. Na marginesie, jeśli jesteś kimś, kto przekazuje opinię, chcę zachęcić Cię do szczególnej ostrożności w słowach i konstruktywnej krytyce. Przekazując informację zwrotną, pamiętaj, aby spróbować podbudować osobę, a nie zburzyć jej.

W zamknięciu

Mam nadzieję, że to wprowadzenie do zasad efektywnego projektowania stron internetowych Divi zainspirowało Cię do dalszej części serii! Ponownie, ten pierwszy post był raczej wstępem i przygotowaniem do tego, co nas czeka, ale jest jednak ważny, ponieważ zanim zaczniesz doskonalić się w projektowaniu, zaczyna się od przygotowania nastawienia do nauki.

Czy masz jakieś inne przemyślenia lub praktyki dotyczące tego, jak nauczyć się lepszych technik projektowania stron internetowych? Daj nam znać w komentarzach poniżej!

Jutro: 3 skuteczne zasady projektowania stron internetowych dla osób nie będących projektantami

Teraz, gdy omówiliśmy przygotowanie i naukę, jak mieć lepsze oko do projektowania, nadszedł czas, aby zapoznać się z praktycznymi, praktycznymi zasadami projektowania, które pomogą przenieść twoją grę projektową na wyższy poziom! Do tej pory!

Pamiętaj, aby zapisać się do naszego biuletynu e-mail i kanału YouTube, aby nigdy nie przegapić ważnego ogłoszenia, przydatnej wskazówki lub gratisów Divi!