Specyfikacje techniczne dla projektanta stron internetowych. Jakiej wiedzy wymaga się od projektanta stron internetowych? Wyzwania związane z takim projektem są

Ci, którzy studiowali układ i dostali pracę w branży IT, a dzisiaj będziemy kontynuować temat szkoleń. Kolejnym obszarem ściśle powiązanym z układem jest projektowanie stron internetowych. Tym razem poprosiliśmy rosyjskich ekspertów internetowych o porady dotyczące rozwoju zawodowego dla początkujących projektantów.

Oczywiście wymaga to wytrzymałości i wytrwałości. Znam osobę, która zaczęła zajmować się projektowaniem na tej stronie i po trzech miesiącach odnalazła się stały klient z USA na podstawie umowy.

Lepiej zacząć od prostych seriali, bo Sherlocka czy Teorię wielkiego podrywu będzie trudno oglądać. Sam zrobiłem duże postępy w języku angielskim oglądając Lost podczas treningu. Angielski jest bardzo prosty, a fabuła tak prosta, że ​​nawet bez tłumaczenia jest jasne, co się dzieje.

Kursy online

Jeśli opanowałeś pisanie bezwzrokowe i potrafisz przeczytać przynajmniej trochę po angielsku, możesz przejść dalej. Wypróbuj na przykład kursy technologiczne online. Jest ich mnóstwo, niektóre płatne i bezpłatne. [...]

Ale dania mają problem: przeżuwają wszystko bardzo stopniowo i powoli. Udaje ci się zasnąć, nie dochodząc do sedna.

Premia: kilka przemówień Antona na temat projektowania i prototypowania.

Zadanie skojarzenia jest zwykle podawane na temat projektowania.

Zadania te służą rozwojowi wyobraźni i myślenia skojarzeniowego.

Ćwiczenie nr 1

Podaje się słowa i, w zależności od przyszłego zawodu, wykonuje się na nich zadania. Jeśli jest to zadanie na lekcję rysunku w szkole lub klubie artystycznym, to możesz dać zadanie jak dla zawodu - nauczyciela plastyki lub projektowania obiektów. Podaję przykłady słów, ale możesz wymyślić o wiele więcej, najważniejsze jest być kreatywnym!

Karuzela

Architektura

Jeśli Twoją specjalnością jest projektowanie wnętrz, następnie ty podajesz słowa, a uczniowie to robią różne projekty wnętrze na słowa, to znaczy samo wnętrze powinno być podobne do słowa, które wypowiedziałeś. Dostajesz nie jedno słowo, ale listę słów i dla każdego słowa musisz wykonać projekt wnętrza.

Jeśli Twoją specjalnością jest nauczyciel plastyki, następnie podajesz te same słowa, ale już prosisz o wykonanie jakiejś abstrakcji lub kompozycji fantasy - może to być prawdziwe postacie zarówno obiekty, jak i abstrakcja. Na przykład słowo karuzela: Tworzysz prawdziwe dzieci, ale możesz je ułożyć w dowolny sposób, narysować karuzelę, gdzie chcesz, lub zamiast karuzeli w ogóle rysuj, że dzieci trzymają się wstążek i siedzą na nich jakieś konie lub dziwaki, możesz narysować konfetti lub po prostu kropki różne kształty. Oznacza to, że w swoim zadaniu fantasy możesz użyć wszystkiego, co chcesz. Najważniejsze, że patrząc na twoją pracę, od razu można było rozpoznać, jakie słowo zadałeś.

Jeśli Twoją specjalnością jest projektowanie mody, następnie podajesz listę słów i prosisz o wykonanie projektów ubrań w oparciu o te słowa. Podobnie jak z wnętrzem, tyle że z ubraniami potrzebnymi do wykonania zadania.

Jeśli Twoją specjalnością jest projektowanie środowisko tematyczne lub projekt obiektu, wtedy oczywiście podajesz słowa i rysujesz na nich obiekty, obiekty te powinny wyrażać te słowa.

Dzięki projektowaniu otoczenia obiektu i projektowaniu ubioru jest jeszcze ciekawiej, można też podać słowa, nazwać konkretne zwierzęta (na przykład kota), ptaki (na przykład wronę), muszle, rośliny, kwiaty, drzewa, itp.

Ćwiczenie nr 2

Ćwiczenia z projektowania skojarzeń:

Jedno z ulubionych ćwiczeń dla dzieci w każdym wieku (od 3 do nieskończoności) według projektu:

Nazywam go „małymi chłopakami Kaki”.

Na formacie A4 powinieneś mieć sześć rysunków wykonanych ołówkiem. Rysujesz jedno: my rysujemy maluchy, tak jak rysują małe dzieci. Następnie zaczynamy patrzeć na ten rysunek i szukać, jak mógłby wyglądać. Można znaleźć kilka linii lub jedną, która wygląda jak ptak, zwierzę, muszle, zwierzęta morskie, meduzy, postacie z kreskówek, cokolwiek. Na przykład zdecydowaliśmy, że wygląda jak ptak: bierzemy tego ptaka i rysujemy to, czego brakuje: dziób, skrzydło, oko i uzupełniamy brakujące szczegóły. Bardzo często „znajduje się” stylizowane głowy z kreskówek: starą kobietę, dziadka, mężczyznę, kobietę, chłopca, dziewczynkę. Zwykle są to śmieszne twarze, jak z kreskówek. Obraz można obracać różne strony, możesz nawet patrzeć do góry nogami i rysować, to znaczy rysunki mogą być rozmieszczone w bardzo różnych kierunkach. Zaczynamy robić rysunki jeden po drugim. Niezbędne szczegóły można obrysować ołówkiem. Na jednym rysunku może znajdować się nawet kilka rysunków. Tutaj naszkicowałem układ rysunków w formacie A4 w wektorze. A obok jest gotowy rysunek, tak jak należy to zrobić - ołówkiem.

Kern Type, gra w kerning

Co sprawdza: zadatki na projektanta typów


Projektant interfejsu Mark McKay stworzył grę, której nie polecamy osobom nadmiernie drażliwym. Zadanie polega na wyrównaniu przestrzeni międzyliterowej, maksymalnie zbliżonej do oryginału. Później możesz porównać swoją wersję z idealną i obliczyć, jak dokładnie wykonałeś zadanie w 100-punktowej skali.

Prawdziwe lub Photoshop

Co sprawdza: umiejętność rozróżniania przetworzonych zdjęć


Z okazji 25. rocznicy Photoshopa firma Adobe zaproponowała obejrzenie 25 zdjęć i sprawdzenie, czy zostały one przetworzone w programie, czy nie. Twórcy testu pokazali w ten sposób, jak bardzo Photoshop wpłynął na nasze postrzeganie świata, podejście do kreatywności i autentyczności.

Jak dobrze znasz swoje logo

Co sprawdza: znajomość logo


Interaktywny test magazynu Time sprawdza nie tylko twoje wytrenowane oko, ale także umiejętność rysowania. Gracz musi jak najdokładniej odtworzyć 10 znanych logo, m.in. Apple, McDonalds, Chanel i Toyota.

KOLOR

Co sprawdza: wyczucie koloru


Jeśli nie masz problemów ze wzrokiem, to z pewnością potrafisz rozróżnić zielony kolor z czerwonego. Ale czy potrafisz znaleźć odpowiedni zielony kolor wśród 10 niemal identycznych odcieni zieleni? Jak przekonał się twórca testu KOLOR, Jorge Moreno, jest to o wiele bardziej skomplikowane, niż się wydaje na pierwszy rzut oka.

Pixactly

Co sprawdza: poczucie przestrzeni


Prawie przewyższający Kern Type pod względem złożoności, Pixactly testuje, jak dobrze dopasowujesz dane parametry piksela do rzeczywistej przestrzeni na ekranie - 30 pikseli może być trzy razy mniejsze, niż początkowo się wydawało.

Gra Beziera

Co sprawdza: opanowanie Photoshopa


Gra Bezier sprawdza Twoją znajomość narzędzia Pióro (T Narzędzie Pióro) w Photoshopie i oferuje możliwość wyboru danego kształtu, mając na stanie ograniczoną liczbę punktów. Prostota jest zwodnicza: z poziomu na poziom liczby stają się znacznie bardziej złożone. Rzadki przykład testu, który przynosi niemal natychmiastową korzyść (i które można np. polecić jako zadanie do wykonania).

Strzelaj do szeryfa

Co sprawdza: uwagę na czcionki


Najprostszy test w kolekcji okazuje się podstępny. Wydaje się, że nawet osoby dalekie od pracy z czcionkami są w stanie rozróżnić czcionkę z szeryfami i bez - jednak gdy liter jest więcej i czcionki są mniej znane, bardzo łatwo jest popełnić błąd.

Załóżmy, że masz pilną potrzebę stworzenia własnej reprezentacji w Internecie. Powody mogą być różne, na przykład chcesz po prostu stworzyć stronę o sobie, której celem będzie znalezienie nowych znajomych, wyszukiwanie przyjaciół o podobnych zainteresowaniach.
Lub istnieje potrzeba poszerzenia kręgu konsumentów Twojego produktu lub usługi. I nie ma znaczenia, kim jesteś, dużą organizacją, małą firmą czy prywatnym przedsiębiorcą, nie powinieneś zaniedbywać możliwości przyciągnięcia klientów do swojego obszaru działalności. Nigdy nie wiadomo, dlaczego zadanie stworzenia strony internetowej stanie się priorytetem.
Jak rozwiązać ten problem, to już inna sprawa. Istnieją dwa możliwe opcje rozwiązań tego problemu. Po pierwsze, jeśli masz doświadczenie w tej dziedzinie Technologie informacyjne I czas wolny, całkiem możliwe jest samodzielne opanowanie podstaw tworzenia stron internetowych, a nawet dogłębne ich przestudiowanie. Dla osoby znającej przynajmniej jeden język programowania zadanie stworzenia prostej wizytówki składającej się z kilku statycznych stron nie powinno być trudne. Stworzenie własnego nie będzie dla niego trudne źródło informacji przy użyciu popularnych silników informacyjnych, na przykład Wordpress lub Joomla.
Po drugie - jeśli nie masz absolutnie żadnego doświadczenia technologia komputerowa na poziomie przynajmniej zaawansowanego użytkownika, jeśli chcesz skonfigurować, powiedzmy, programy biurowe, zapraszasz specjalistę, wtedy jest tylko jeden sposób na rozwiązanie Twojego problemu - znajdź kompetentnego projektanta stron internetowych. Jest jednak całkiem możliwe, że sam możesz doskonale stworzyć dowolną stronę internetową, ale po prostu nie masz na to wystarczająco dużo czasu.
Znalezienie kompetentnego projektanta stron internetowych może być również trudnym zadaniem. Tutaj możesz polegać na projektach, które zrealizował, na opiniach niezainteresowanych osób, dla których wykonywał podobną pracę, i oczywiście na swoim doświadczeniu i tym, co to doświadczenie powie ci już na pierwszym spotkaniu.
Jeśli na przykład zaraz po podaniu projektantowi strony internetowej tematu Twojej witryny, zamówisz witrynę, na której odwiedzający będą mogli kupić elektroniczną nianię (zdalny sposób monitorowania dzieci). I właśnie powiedzieli kilka słów o tym, czego dokładnie oczekujesz od projektanta stron internetowych, czyli zamieszczenia cennika, danych kontaktowych. A projektant mówi, że wszystko jest dla niego jasne, że wszystko będzie w porządku w najlepszym wydaniu, nie zadając ani jednego pytania, kopnij takiego projektanta w szyję. A Ty zaoszczędzisz pieniądze i czas. Ale jeśli natychmiast zaczną się wyjaśniać, prowadzić i na pierwszy rzut oka zupełnie trywialne pytania, na przykład, czy jest to zaplanowane Informacja zwrotna, czy potrzebny jest formularz rejestracyjny, czy będą rabaty dla klientów stałych czy hurtowych, w końcu jaki kolor widzisz w tle, chwyć takiego projektanta i trzymaj go obiema rękami. Wyraźnie zna znaczenie tych pytań i rozumie, że wynik pracy i jej cena będą zależeć od twoich odpowiedzi na nie.
Dlatego przed rozmową z projektantem musisz mieć jasne pojęcie o tym, co chcesz uzyskać. Oznacza to, że w rzeczywistości konieczne jest opracowanie specyfikacji technicznych dotyczących rozwoju witryny.
Wskazane jest przelanie wszystkich życzeń na papier. Pozwoli Ci to, po pierwsze, jaśniej sformułować to, co chcesz otrzymać; po drugie, będzie unikać sytuacje konfliktowe jak - „nie powiedziałeś mi tego”.
Jakie pytania należy uwzględnić w SIWZ na tworzenie stron internetowych?
1. Opisz strukturę zawartości informacyjnej serwisu. Oznacza to, że wyraźnie wskaż, jakiego rodzaju informacje będziesz mieć, podziel je na sekcje. Na przykład, informacje ogólne o Twojej firmie, usługach, przykładach prac, cenniku, Informacje kontaktowe. Nie byłoby błędem włączenie sekcji na przyszłość, na przykład pytań i odpowiedzi, aby wybrać najbardziej odpowiednie narzędzie do rozwoju witryny i możliwości późniejszego rozszerzania jej funkcjonalności.
2. Jeśli to możliwe, naszkicuj szkic wygląd. Czyli jak powinien wyglądać nagłówek strony, gdzie umieścić menu, czy będą tam pozycje na jednostki reklamowe, pozycje wyszukiwania. Jeśli, jak mówią, Bóg nie dał talentu do rysowania, przynajmniej w formie opisowej, na podstawie tego, co widział np. nagłówek taki jak ta strona, bloki reklamowe, jak na takiej stronie. W każdym razie projektant stron internetowych będzie wiedział, co lubisz, a czego nie.
3. Wybierz szablon witryny. Czyli wskaż, ile kolumn ma zawierać witryna i gdzie powinny się one znajdować. Tutaj również wypadałoby wskazać kilka witryn, których układ informacyjny Ci odpowiada. Pamiętaj, aby od razu określić, jaki będzie typ szablonu strony internetowej - gumowy czy o stałej szerokości. W tym miejscu należy pamiętać, że piękne strony internetowe można dość łatwo stworzyć przy użyciu szablonów o stałej szerokości, jednak nie należy zapominać, że taki szablon wygląda raczej słabo na monitory panoramiczne, gdzie szerokość wynosi jedną trzecią użytecznej powierzchni ekranu.
4. Utwórz i przynajmniej schematycznie narysuj strukturę menu. W tym miejscu należy pamiętać, że menu powinno być logicznie skonstruowane i zapewniać łatwy dostęp do ustrukturyzowanych informacji. Jesteś ekspertem w swojej dziedzinie i jeśli powierzasz tę pracę całkowicie projektantowi, to powiedzmy, informacja o wyborze zdalne fundusze monitorowanie dzieci (nianie elektroniczne, nianie wideo) może równie dobrze należeć do sekcji dotyczącej rodzajów mebli dziecięcych. Postaw się w roli odwiedzającego witrynę, który musi znaleźć konkretny produkt i mentalnie przejść przez ścieżkę jego odnalezienia. Jeśli w tym celu musisz wykonać więcej niż 3-4 przejścia w menu, musisz coś zmienić.
5. Konieczne jest także przygotowanie opcji kolorystycznych, przynajmniej na poziomie przykładów. Być może masz już logo i styl formy, wówczas, jeśli to możliwe, wskazane jest stworzenie witryny właśnie w tych kolorach, aby zwiększyć jej rozpoznawalność. Jedyne, o czym nie powinieneś zapominać, to to, że nie powinieneś zamieniać swojej witryny w paletę artysty. Czas stron internetowych „wszystkich kolorów tęczy” już dawno minął i taki design wywołuje jedynie irytację.
Przestrzeganie tych zaleceń określi niezbędną przyszłą zawartość witryny, jasno określi zadania projektanta strony internetowej, skróci czas i nerwy związane z koordynacją każdego szczegółu, a ostatecznie pozwoli uzyskać produkt wysokiej jakości, który może konkurować z podobnymi zasobów i pomóc Ci osiągnąć cel, dla którego strona została przez Ciebie stworzona.

Jeśli przyjrzysz się jakiemukolwiek Słownik, to dowiesz się, że projektowanie, w skrócie, to konstrukcja artystyczna. Oznacza to, że działalność projektowa to miecz obosieczny – z jednej strony racjonalny i praktyczny, a z drugiej kreatywny i intuicyjny.

Technik czy artysta?

Design to szeroka dziedzina obejmująca projektowanie wnętrz, projektowanie reklamy, Wzornictwo przemysłowe, projektowanie krajobrazu i oczywiście projektowanie stron internetowych. Tym, co odróżnia projektanta stron internetowych od innych projektantów, jest jego zamiłowanie do programowania i umiejętność pracy z nim redaktorzy graficy, rodzaj symbiozy umysłów twórczych i technicznych.

Bazując na swoim szkoleniu jako projektant stron internetowych, powinieneś umieć:

samodzielnie tworzyć strony internetowe z niezbędną zawartością graficzną i tekstową;

efektywnie wykorzystywać animacje, umieszczać informacje w formie logicznych bloków, optymalizować elementy graficzne;

projektować strony internetowe o dowolnej złożoności i uruchamiać je online;

projektować strony internetowe zgodnie z życzeniami i oczekiwaniami użytkowników, celami i zadaniami serwisu;

ustanowić interakcję pomiędzy stronami serwisu.

Wszystkie te punkty są wyjaśnione jasno i szczegółowo w różnych płatnych i bezpłatnych kursach wideo, które w ciągu zaledwie kilku miesięcy nauczą Cię, jak zostać projektantem stron internetowych od podstaw.

Jakiej wiedzy wymaga się od projektanta stron internetowych?

Ogólnie rzecz biorąc, radziłbym na początek zaopatrzyć się w jakąś sensowną książkę o projektowaniu, do której można stale sięgać po szczegółowe wyjaśnienia tej czy innej koncepcji. I dalej etap początkowy szkolenia, aby zostać projektantem stron internetowych, będziesz miał wiele pytań, gwarantuję ci to.

Na początku możesz przeczytać tutorial po przekątnej, aby zapoznać się z podstawami projektowania stron internetowych, co pozwoli Ci działać bardziej profesjonalnie zadania praktyczne. W szczególności potrzebujesz podstawowa wiedza o strukturze strony internetowej, zasadach i elementach projektowania stron internetowych, podstawach istnienia i promocji stron internetowych w Internecie, teorii koloru, typografii, układzie strony internetowej, podstawach programowania (opcjonalnie).

Nawet jeśli nie zamierzasz samodzielnie projektować stron internetowych, nadal powinieneś znać CSS i HTML. Dobrym pomysłem byłoby również zapoznanie się z WordPressem, platformą, na której działa większość stron internetowych.

Na wszelki wypadek dodam jeszcze: znajomość podstaw pracy w Internecie, interfejsu systemu operacyjnego Windows i przynajmniej szkolnego minimum z zakresu język angielski- jest to coś, co każdy powinien wiedzieć przed rozpoczęciem szkolenia na projektanta stron internetowych.

Jakie programy musisz opanować?

Kolejne pytanie najczęściej zadawane przez początkujących, którzy zastanawiają się, jak zostać projektantem stron internetowych, dotyczy programów, których należy się nauczyć.

Osobiście wyznaję minimalizm w tej kwestii. Uważam, że aby studiować i zostać projektantem stron internetowych wystarczy wiedzieć Adobe Photoshopie I Adobe Illustratorze, które pozwolą Ci przetwarzać i wycinać obrazy, składać układy i wiele innych funkcji.

Na początek wystarczy Photoshop. Jednak ten program musi być doskonale opanowany, więc będziesz musiał spędzić dużo czasu na jego nauce.

Jak widać opinia pracodawców jest nieco odmienna od mojej – większość z nich uważa, że ​​dobry projektant stron internetowych powinien przede wszystkim umieć Programy Adobe Photoshop (96,6% respondentów), CorelDRAW (50%), Adobe Flasha(36,6%), Adobe Illustrator (23,3%).

Współczesne tendencje i podejścia do tworzenia stron internetowych

Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych

Najważniejsze jest praktyka!

Jeśli zastanawiasz się, jak samodzielnie zostać projektantem stron internetowych, bez konieczności uczęszczania na żadne wymagane kursy, rozwiązanie można podsumować jednym słowem: PRAKTYKA! Możesz przeczytać tysiąc książek, ale nie staną się one bronią w twoim arsenale. Jak wspomniałem powyżej, informacja może stać się wiedzą jedynie poprzez praktykę.

Nie ma wstydu uczyć się od innych projektantów stron internetowych. W praktyce możesz nawet kopiować witryny, które lubisz. Nadal otrzymasz coś innego niż oryginał. Ale rozwiniesz swój gust i będziesz lepszy w szkoleniu praktycznym.

W przyszłości, aby nauczyć się zarządzać elementami projektu, możesz wziąć jakiś wysokiej jakości motyw WordPress i poświęcić czas na dokładne przestudiowanie jego kodu. Nawiasem mówiąc, ten zdemontowany kod można następnie wykorzystać jako podstawę do przyszłych projektów.

Możesz także skorzystać z kompleksowych szkoleniowych kursów wideo, które zawierają zarówno wiedzę teoretyczną, jak i zajęcia praktyczne. Nawet dają ci pracę domową, a potem cię sprawdzają.

Dołącz do społeczności projektantów, spotykaj się z kolegami i wymieniaj z nimi opinie - dzięki temu Twój trening jako projektanta stron internetowych będzie maksymalnie owocny.

Podsumujmy to

Zatem, aby zostać profesjonalnym projektantem stron internetowych, wcale nie trzeba uczęszczać do szkoły artystycznej, kończyć uniwersytetu ani zasiadać długie godziny w klasach kursy komputerowe, postępując zgodnie z instrukcjami wczorajszego nauczyciela informatyki, z przestarzałą wiedzą i podstawowymi umiejętnościami obsługi Photoshopa.

Proponuję spędzić swój cenny czas na zdobywaniu najważniejszych cech projektanta stron internetowych poprzez ciągłe samokształcenie i samodoskonalenie:

doskonały gust artystyczny i estetyczny;

doskonała pamięć, wyobraźnia i analityczne myślenie;

kreatywność;

umiejętność przełączania uwagi;

logiczne myślenie;

uwaga;

systematyczny;

wytrwałość;

dokładność;

dokładność.

Rozwijanie tych cech pozwoli Ci radykalnie rozwijać się w swoim zawodzie i tworzyć naprawdę piękne, funkcjonalne i kompetentne strony internetowe.

Tym się pożegnam. Będzie mi miło widzieć Cię w gronie stałych subskrybentów naszego bloga. Subskrybuj i udostępniaj przydatne materiały ze znajomymi w sieciach społecznościowych. Do zobaczenia!

Nowoczesne trendy i podejścia w tworzeniu stron internetowych

Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych