jeśli jesteś zdecydowany nauczyć się projektowania stron internetowych na własną rękę, jesteś we właściwym miejscu.
to prawda, że projektowanie stron internetowych może być dość złożone i zniechęcające, ale wraz z rozwojem technologii i penetracją Internetu, urosło do epickich rozmiarów. Nic dziwnego, że bycie projektantem stron internetowych stało się popularnym trendem w obecnym pokoleniu.
w tym artykule przeprowadzę Cię przez naukę projektowania stron internetowych z zasobami i wskazówkami. Dla początkujących, którzy chcą wejść w tę ścieżkę, możesz posłużyć się tym artykułem jako przewodnikiem.
Krok 1: Zdecyduj się i zaplanuj
nauka projektowania stron internetowych to zadanie długoterminowe, pełne wyzwań. Musisz rzucić sobie poważne wyzwanie. Zdecyduj się już teraz i twórz plany w oparciu o Przewodniki edukacyjne, które przedstawiamy w tym artykule. Pamiętaj, że zrobisz to sam, jeśli zaczniesz uczyć się projektowania stron internetowych przez praktykę. Więc bądźcie gotowi!
Krok 2: Uzyskaj podstawową wiedzę na temat projektowania stron internetowych
„Jak mogę rozpocząć naukę projektowania stron internetowych?”To jest pytanie w twoim umyśle. Aby dokładnie nauczyć się projektowania stron internetowych, powinieneś zrozumieć odpowiedzi na co najmniej następujące 2 pytania:
co to jest projektowanie stron internetowych?
ludzie często źle rozumieją znaczenie projektowania stron internetowych.
czym właściwie jest projektowanie stron internetowych?
Visual + interaction = web design
projektowanie stron internetowych polega na rozwiązywaniu problemów. Obejmuje wszystkie aspekty strony internetowej-sztukę, umiejętności, naukę i technologię budowania wyglądu i funkcjonalności strony internetowej, a także sposoby interakcji użytkowników ze stronami internetowymi.
wielu młodych projektantów często mylnie rozumie koncepcję projektowania stron internetowych z koncepcją rozwoju.
pamiętaj: projektowanie stron internetowych polega na projektowaniu, a nie na kodowaniu i tworzeniu front-endu lub back-endu.
oczywiście lepiej jest, jeśli znasz niektóre języki kodowania (HTML, CSS, Java itp.), ale nie powinieneś zagłębiać się w rozwój front-endu lub back-endu, jeśli chcesz być skoncentrowanym projektantem stron internetowych. To nie jest sedno projektowania stron internetowych.
na czym polega proces projektowania stron internetowych?
projektowanie stron internetowych nie jest prostym zadaniem. Tworzenie pustej strony w kompletną stronę internetową jest dość trudne, ale interesujące. Jak możesz to zrobić?
musisz postępować zgodnie z głównymi fazami procesu projektowania stron internetowych. Są to:
- wyznaczanie celu
określ, jaki rodzaj strony internetowej zaprojektujesz. Czy to dla e-commerce, przedsiębiorstwa, promocji nowego produktu, czy projektu aktywności?
jeśli nie masz pojęcia, zacznij od bloga. Dla nowych uczniów budowanie bloga jest lepszym Wyborem niż tworzenie jakichkolwiek innych rodzajów rozbudowanej strony internetowej.
- Tworzenie harmonogramu
Utwórz oś czasu do projektowania stron. Przydziel zadania wszystkim zaangażowanym w projekt projektowania stron internetowych.
- Tworzenie mapy witryny i szkieletu
Brainstorm. Zamień pomysły w szkielet za pomocą długopisu lub narzędzi do drukowania. Musisz przełożyć swoje myśli na coś namacalnego, abyś mógł je zweryfikować na początku.
- tworzenie zawartości
dodaj zawartość z elementami projektu, wizualizacjami, kopiami i interakcjami. Jest to faza, w której wykorzystujesz wszystkie swoje umiejętności projektowe i rozwojowe. W tej fazie przekonwertujesz pustą stronę na gotową stronę internetową.
- testowanie
Przetestuj swoją stronę i zbierz przydatne informacje zwrotne. Rób to, dopóki nie zmaksymalizujesz jakości doświadczenia użytkownika, a następnie bądź gotowy do uruchomienia.
Udostępnij swoją stronę odwiedzającym i ulepsz ją na podstawie zebranych opinii.
możesz uzyskać bardziej kompleksowe zrozumienie procesu projektowania stron internetowych, przechodząc przez ten 43-minutowy Kurs projektowania stron internetowych.
Krok 3: rozpocznij naukę
po skonfigurowaniu się i zrozumieniu podstaw projektowania stron internetowych możesz zacząć przeglądać praktyczne zasoby i wskazówki do nauki.
projektowanie stron internetowych obejmuje zarówno wygląd wizualny, jak i funkcjonalny. Oznacza to, że musisz nauczyć się 2 głównych rzeczy:
- jak sprawić, by strona internetowa dobrze wyglądała?
- jak zrobić dobrą stronę internetową?
musisz nauczyć się projektowania interfejsów (typografia, nawigacja, obrazy, przestrzeń, animacje, kolory itp.), jak je kodować w języku tworzenia stron internetowych (HTML, CSS, Python, SQL, Ruby lub JavaScript), a także optymalizować witrynę pod kątem wyszukiwarek.
przeczytaj książki do nauki projektowania stron internetowych
jednym z najlepszych sposobów na naukę projektowania stron internetowych jest czytanie książek. Oto 5 najlepszych książek o projektowaniu stron internetowych, które są przydatne dla tych, którzy chcą nauczyć się projektowania stron internetowych na własną rękę.
- HTML i CSS: Projektowanie i tworzenie stron internetowych
- nauka projektowania stron internetowych: Przewodnik dla początkujących
- nie każ mi myśleć: Zdroworozsądkowe podejście do użyteczności stron internetowych
- uczenie się projektowania stron internetowych
- projektowanie ze standardami sieciowymi
czytaj blogi o projektowaniu stron internetowych
jeśli nie jesteś molem książkowym i uważasz, że czytanie jest żmudnym zadaniem, możesz śledzić najlepsze blogi o projektowaniu stron internetowych, aby karmić swój mózg. Używaj blogów jako alternatywy i subskrybuj swoje ulubione, aby uniknąć pominięcia czegokolwiek.
- Smashing Magazine
- Mockplus blog
- Webdesigner Depot
- Webdesignledger
- Web DESIGN LIBRARY
- Hacking UI
- 1stwebdesigner
- webappers
Ucz się z zawartością PDF
niektóre naprawdę przydatne treści są dostępne w formacie PDF do pobrania za darmo. Możesz go użyć do nauki projektowania stron internetowych krok po kroku. Oto kilka przykładów wartych twojego czasu.
- Web design – podręcznik
- Learning Web Design Third Edition – Semantic Scholar
- Web design 101 – MIT
- Zbuduj własną stronę internetową we właściwy sposób za pomocą HTML & CSS – X-Files
- kompletny przewodnik po projektowaniu stron internetowych.pdf-online Christian Library
Ucz się od profesjonalistów
śledź projektantów stron internetowych, od których chcesz się uczyć na portalach społecznościowych, takich jak Twitter, Dribbble, Behance, Github i innych platformach, na których są aktywni. Przeczytaj ich posty, kliknij przycisk „Lubię to” dla tych, które doceniasz, i skomentuj, jeśli chcesz dodać punkt lub zadać pytanie . Jeśli masz szczęście, możesz znaleźć sobie mentora w społeczności internetowej lub grupie. Ale nie przeszkadzajcie im i bierzcie ich pomoc za pewnik.
projektanci stron internetowych możesz śledzić:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wróblewski
dowiedz się z samouczków wideo do projektowania stron internetowych
w Internecie dostępnych jest wiele filmów z Youtube. Skróć czas oglądania zabawnych rzeczy i użyj Youtube, aby nauczyć się projektowania stron internetowych. Tutaj polecam 5 najpopularniejszych samouczków wideo. Miłego oglądania.
- samouczek projektowania stron internetowych dla początkujących na rok 2018-Część 1 2
- samouczek tworzenia stron internetowych dla początkujących 2018 / 2019-jak zrobić stronę internetową
- samouczek projektowania stron internetowych dla początkujących
- HTML CSS Tutorial dla początkujących-Web Development Tutorials dla początkujących
- kompletny HTML i CSS Web Design tutoriale dla początkujących
Ucz się z kursów online
Darmowe kursy online mogą być jednym z najlepsze zasoby. Możesz również dyskutować z innymi uczniami.
- Class central
Ucz się tworzenia stron internetowych dzięki darmowym kursom online i Mooc z Johns Hopkins University, University of Michigan, KU Leuven University, University of California, Berkeley i innych najlepszych uniwersytetów na całym świecie.
- Coursera
świetna strona internetowa dla początkujących do nauki projektowania stron internetowych. Możesz wybrać kurs z wybranej uczelni i zobaczyć, ile osób się go uczy. Dzięki prezentowanym danym masz wiele możliwości wyboru podczas wyboru kursu.
- Edx
zawiera wiele zasobów, aby budować swoje umiejętności projektowe i rozwijać swoją karierę. Możesz uczyć się tematów krok po kroku o różnym poziomie trudności.
- W3Schools
przydatne do nauki podstawowych języków programowania, takich jak HTML i CSS.
- Google Code University
dowiedz się, jak kodować od programistów Google.
- Code Avengers
szczególnie podoba mi się ta strona do nauki, ponieważ jest to po prostu wielka przygoda, która pozwala uczestniczyć w programach do kodowania i polowania na błędy.
więcej miejsc na kursy projektowania stron internetowych：
- Treehouse
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
Naucz się podstaw HTML i CSS
możesz zapytać, dlaczego powinienem uczyć się HTML? Ogólnie rzecz biorąc, korzystanie z aplikacji do projektowania stron internetowych, takiej jak Dreamweaver, jest w porządku. Ale obecnie większość stron internetowych jest responsywna na podstawie HTML5, a CSS jest skórą strony internetowej. Nowoczesne projektowanie stron internetowych nie jest możliwe bez CSS. Nauka podstaw HTML i CSS pomoże Ci w postępach w projektowaniu stron internetowych.
zasoby do nauki HTML i CSS：
- 30 dni do nauki HTML i CSS
- Przewodnik dla początkujących do HTML& CSS
- nie bój się Internetu
- 8 najlepszych darmowych responsywnych szablonów stron CSS
Możesz również dołączyć do społeczności CodePen. Jest to społeczność open-source, która pozwala edytować fragmenty kodu i udostępniać je innym.
Ucz się JavaScript
oprócz HTML i CSS, JavaScript jest ważnym językiem sieci, którego możesz się nauczyć. Jest to narzędzie, które pozwala tworzyć zaawansowane interakcje użytkownika, takie jak efekty paralaksy i potężne aplikacje internetowe.
zasoby do nauki Javascript:
- 32 of the Best Places to Learn JavaScript for Web Development Beginners
- Top 37 książek o języku JavaScript dla początkujących i doświadczonych programistów w 2019
poznaj elementy projektowania stron internetowych
jeśli jesteś dobry w obserwacji, przekonasz się, że większość atrakcyjnych nowoczesnych stron internetowych ma dobre ułożenie podstawowych elementów strony internetowej, takich jak:
1） Typografia
Typografia jest kluczem do doskonałego projektowania stron internetowych. Zapewnia czytelność treści i wpływa bezpośrednio na wrażenia użytkownika. Typografia jest ważnym aspektem wszystkich nowoczesnych stron internetowych, ponieważ oferuje zarówno estetykę, jak i funkcjonalność dla odwiedzających.
zasoby do nauki typografii internetowej:
- 17 Best Typography Design Websites & tutoriale
- 30 kreatywnych stron internetowych ze wspaniałą typografią & schematy kolorów
2）Animacja i transformacje
przejścia i transformacje przyniosą ulepszone interakcje z użytkownikami odwiedzających Twoją witrynę. Jednym z najlepszych sposobów tworzenia prostych animacji są przejścia i transformacje CSS. Ponadto efekty przewijania paralaksy i przewijanie poziome są doskonałym wyborem dla stron internetowych.
3) Schemat Kolorów
kombinacje kolorów strony internetowej odzwierciedlają estetyczne preferencje / styl projektanta stron internetowych i bezpośrednio wpływają na postrzeganie widza. Musisz nauczyć się mądrze używać kolorów w projektowaniu UI, aby stworzyć idealny interfejs UI.
4) czcionki
spersonalizowane czcionki mogą być zabawne lub wyraziste, ale nie zawsze są praktyczne. Jeśli chcesz, aby Strona internetowa była czytelna i profesjonalna, wybierz dla niej najbardziej odpowiednią czcionkę. Sprawdź 20 najlepszych czcionek internetowych Google dla doskonałego projektowania stron internetowych. Są bezpłatne!
5) Layout
projektowanie layoutu www skupia się na przecięciu technologii i sztuki. Projektowanie układu strony internetowej odnosi się do kombinacji elementów wizualnych, takich jak tekst i obrazy, aby strona wyglądała pięknie i była łatwa w nawigacji. Jest ważną formą komunikacji wizualnej i integralną częścią projektowania stron internetowych. Oto 9 najlepszych przykładów i pomysłów na układ strony.
6) grafika
obrazy dają ludziom wrażenie wizualne, które jest bardziej intensywne niż tekst. Mogą zwiększyć szanse na przyciągnięcie uwagi użytkowników.
7) Responsive design
Responsive Web design to zbiór technik tworzenia stron internetowych, które działają na wielu rozmiarach ekranu. Naucz się tego z tym 47-minutowym kursem CSS.
Naucz się podstaw szkieletu/prototypowania
Szkieletowanie/prototypowanie jest ważnym krokiem, aby położyć podwaliny pod Twoją stronę internetową w całym procesie projektowania i rozwoju strony internetowej. Pozwala na burzę mózgów, zrobić plan i uzyskać jasny obraz struktury witryny.
nie myl różnych terminów. Zapoznaj się z podstawowymi koncepcjami projektowania UI / UX: różnice między szkieletem, prototypem i makietą
poznaj narzędzia do projektowania stron internetowych
Photoshop – narzędzie do projektowania interfejsu użytkownika
może być używane do tworzenia i ulepszania zdjęć, ilustracji, grafiki 3D, projektowania stron internetowych i aplikacji mobilnych; edytuj filmy, symuluj obrazy z życia wzięte; i nie tylko. Możesz dowiedzieć się, jak korzystać z dowolnego z 22 najlepszych bezpłatnych samouczków Adobe Photoshop krok po kroku dla początkujących.
Dreamweaver-narzędzie do tworzenia stron internetowych
może być używane do tworzenia dynamicznych stron internetowych dla wielu platform i przeglądarek. „Program Dreamweaver umożliwia użytkownikom projektowanie, kodowanie i zarządzanie witrynami oraz treściami mobilnymi. Program Dreamweaver jest narzędziem IDE (Integrated Development Environment).”(Wikipedia). Zacznij od przewodnika dla początkujących po programie Dreamweaver.
Mockplus-narzędzie do prototypowania
Mockplus jest jednym z najlepszych narzędzi do prototypowania dla projektantów stron internetowych do tworzenia interaktywnej makiety internetowej. Możesz przeciągać i upuszczać komponenty, aby utworzyć witrynę i wyświetlić jej podgląd w formacie HTML lub innych formatach. Wystarczy 10 minut, aby rozpocząć Prototypowanie za darmo.
Ucz się za pomocą kreatora stron internetowych
zaczynając od Kreatora Stron Internetowych, możesz szybko zrozumieć najlepsze praktyki budowania i projektowania stron internetowych. Dzięki wstępnie zaprojektowanym szablonom i zestawom interfejsu użytkownika możesz po prostu dostosować elementy lub dodać fragmenty kodu, aby stworzyć witrynę, którą odwiedzający podziwiają.
twórcy stron internetowych, możesz spróbować:
- przegląd hosta internetowego
- Wix
- ConstantContact
- SITE123
- Jimdo
- WordPress
dowiedz się SEO
It dobrze jest mieć specjalistę SEO do czynienia z rzeczy Wyszukiwarki. Ale projekt jest dość związany z SEO, ponieważ treść na twojej stronie jest czytana przez wyszukiwarki i odgrywa rolę w rankingu. Jeśli chcesz zaprojektować stronę zoptymalizowaną pod kątem SEO, musisz znać podstawy SEO. Przynajmniej powinieneś wiedzieć o Meta opisach na stronach i elementach.
poznaj trendy w projektowaniu
trendy w projektowaniu szybko się zmieniają. Aby zaprojektować nowoczesną stronę internetową, musisz być świadomy najnowszych trendów w projektowaniu i technologii tworzenia stron internetowych. Możesz po prostu przejrzeć najważniejsze trendy i przykłady projektowania stron internetowych 10 w 2019 roku, aby uzyskać inspirację.
Krok 4: Zacznij od szkieletu
rozpocznij proces projektowania strony internetowej za pomocą szkieletu. Wireframing pomaga projektantom stron internetowych w burzy mózgów i sprawdzaniu ich myśli na początku. Rozpocznij tworzenie szkieletów z 10 praktycznymi wskazówkami dotyczącymi szkicowania szkieletów.
Krok 5: Użyj tego, czego się nauczyłeś, aby zaprojektować stronę internetową
teraz jest czas, aby przetestować to, czego nauczyłeś się w Kroku 3. Musisz nauczyć się projektowania stron internetowych, robiąc to. Wtedy będziesz wiedział, co rozumiesz, a czego nie.
Krok 6: poproś o opinię i ulepsz
jeśli utworzyłeś bloga lub inną stronę internetową, powinieneś zaprosić ludzi do niego. Postaraj się uzyskać jak najwięcej opinii, a następnie wprowadzić ulepszenia.
FAQ nauki projektowania stron internetowych：
jak długo trwa nauka projektowania stron internetowych?
uczenie się projektowania stron internetowych jest procesem ciągłym, ale można się go nauczyć w kilka miesięcy. Zwykle nauka HTML, CSS i podstaw JavaScript zajmie ci 5 miesięcy. Musisz także poświęcić czas na narzędzia do projektowania, takie jak Photoshop, Sketch i Mockplus.
ponadto powinieneś rozumieć standardy internetowe, zasady projektowania, projektowanie UX/UI, kompatybilność między przeglądarkami i responsywność. Nauka tych wszystkich zajmie ci od 3 do 4 miesięcy.
i najważniejsze jest to, że właśnie po tych wszystkich lekcjach wkraczasz w dziedzinę projektowania stron internetowych. Projekt się zmienia, Technologia się zmienia, więc musisz ciągle się uczyć.
Czy mogę zostać projektantem stron internetowych bez wykształcenia?
możesz zostać projektantem stron internetowych bez wykształcenia. Aby być projektantem stron internetowych, dyplom nie jest koniecznością, musisz mieć zainteresowanie programowaniem, znajomość projektowania wizualnego i kodowanie go w języku tworzenia stron internetowych, a także inne umiejętności w zakresie projektowania stron internetowych. Ale stopień może zwiększyć szanse na uzyskanie zatrudniony w większości przypadków.
co mogę zrobić po ukończeniu kursu projektowania stron internetowych?
po ukończeniu kursu projektowania stron internetowych możesz wziąć udział w projekcie na żywo, a następnie zatrudnić się w firmie zajmującej się projektowaniem stron internetowych lub zostać freelancerem i samodzielnie szukać projektów i klientów.
czy projektowanie stron internetowych ma przyszłość?
żyjemy w cyfrowym świecie pełnym stron internetowych. Przyszłość jest dość obiecująca.
zgodnie z przewodnikiem wynagrodzeń grupy kreatywnej 2019, front-end Web developer jest jednym z najlepiej opłacanych miejsc pracy w dziedzinie kreatywnej i marketingowej, wraz z projektantami UX, badaczami doświadczeń użytkownika, copywriterami itp. Według Glassdoor, twórcy stron internetowych zarabiają między $41.6 k-78.3 k rocznie, a według PayScale są oferowane $16.4 k-34.6 k rocznie. Średnia pensja projektanta stron internetowych wynosi około $49,693.
czy projektowanie stron internetowych jest łatwe?
to może wydawać się proste na początku, ponieważ możesz nauczyć się podstaw HTML & CSS w ciągu kilku miesięcy. Ale w miarę postępów w tej branży może okazać się to trudniejsze. Musisz stale uczyć się nowych technologii, aby nadążyć za wszystkimi zmianami. Ale jeśli jesteś zainteresowany budowaniem stron internetowych i aplikacji internetowych, projektowanie stron internetowych może być dla ciebie łatwe.
wniosek
jeśli chcesz nauczyć się projektowania stron internetowych na własną rękę, powyższe informacje mają wszystko, czego potrzebujesz, aby rozpocząć. Przestań marnować czas na Facebooku lub Twitterze „szukając odpowiedzi”. Chociaż możesz zbudować społeczność projektantów na tych platformach, nie możesz być projektantem stron internetowych, spędzając czas bez celu. Więc schowaj się i zacznij się uczyć. Nigdy nie rezygnuj z nauki i powodzenia!