10 rzeczy, które każdy projektant stron internetowych powinien robić we śnie
Niektóre umiejętności, po prostu musisz wiedzieć. I lepiej je znasz tak dobrze, że możesz zrobić je prawie bez zastanowienia. Jeśli chodzi o projektowanie stron internetowych, wiele umiejętności może się zmieniać i ewoluować w czasie, ale jest kilka podstawowych rzeczy, które powinieneś być w stanie zrobić we śnie.
I nawet jeśli z zawodu nie jesteś „projektantem stron internetowych”, każda z tych umiejętności staje się obowiązkowa dla wszystkich projektantów pracujących dzisiaj. Z iloma czujesz się już komfortowo? Zanurzmy się i zobaczmy, co powinieneś być w stanie zrobić w „autopilocie”!
Przeglądaj zasoby projektowe
1. Kod z HTML i CSS
Niezależnie od tego, czy jesteś programistą, czy nie, każdy musi zrozumieć najbardziej podstawowy język projektowania stron internetowych. Musisz zrozumieć, jak czytać, edytować i rozwiązywać podstawowe problemy HTML. (W zależności od faktycznej pracy być może będziesz musiał wiedzieć o wiele więcej.)
W każdym razie bez zastanowienia powinieneś być w stanie wskazać pogrubienie, czcionkę, kolor lub rozmiar w HTML. Powinieneś być w stanie łatwo zastępować style w CSS. Są to umiejętności, które są łatwe do nauczenia się i będą Ci dobrze służyć na dłuższą metę.
Naucz się: zapoznaj się (lub naucz) z podstawami W3Schools. Samouczki są samodzielne, łatwe do zrozumienia i bezpłatne. (Nie ma powodu, aby nie mówić płynnie w języku internetowym).
2. Edytuj zdjęcia
W każdej dziedzinie projektowania prawdopodobnie będziesz pracować z obrazami przez cały dzień. Ma więc sens, że rozumiesz, jak nimi manipulować. Od podstawowego kadrowania po zmianę rozmiaru i trochę „oczyszczenia”, powinieneś być w stanie pracować ze zdjęciami z łatwością. Przynajmniej powinieneś czuć się komfortowo przy kadrowaniu i zmianie rozmiaru, a także pewnej korekcie jakości obrazu.
Naucz się: Digital Camera World ma sprytny przewodnik, który wyjaśnia sześć kroków, aby jak najlepiej wykorzystać zdjęcia. Porady są łatwe w użyciu i chociaż samouczek jest zakorzeniony w Photoshopie, można go zastosować w dowolnym oprogramowaniu.
3. Wykonaj wydruk
Podczas gdy Twoja praca może być w dziedzinie cyfrowej, części projektu będą niewątpliwie potrzebne do zastosowań drukowanych. Od ulotek po wizytówki i komunikaty prasowe - powinieneś być w stanie tworzyć i konwertować elementy w taki sposób, aby były również gotowe do wydruku.
Kluczowe rzeczy do zrozumienia obejmują rozdzielczości drukowania dla różnych rodzajów nośników i kolorów. Chociaż prawdopodobnie użyjesz wartości, takiej jak FF0000, aby blok tekstu był czerwony, to nie będzie działać podczas drukowania. (Będzie przynajmniej zabawnie wyglądać.) Mieszanki kolorów CMYK (cyjan, magenta, żółty, czarny) są standardem dla drukowanych przedmiotów.
Naucz się: na szczęście dla ciebie mamy przewodnik, jak przygotować coś do wydrukowania. Wyjaśnia różnice w kolorze, mediach, krojach, spadach i innych.
4. Napisz nagłówek
Wizualizacja projektu z lorem ipsum jako głównym nagłówkiem jest prawie niemożliwa. Słowa są klejem, który łączy elementy wizualne i przekaz. Twój nagłówek może nie zawsze się trzymać, ale zawsze powinieneś wpisywać wielkie słowa, kiedy wprowadzasz koncepcję projektową.
W praktyce słowa te mogą pomóc klientowi zrozumieć, ile miejsca jest dostępne na tekst. Dobry nagłówek pokazuje, że rozumiesz klienta i robisz wszystko, co w jego mocy, i pozostawia ludziom niezatarte wrażenie.
Naucz się: Copyblogger to świetne źródło informacji na temat tajników kopiowania. Zacznij od „Jak pisać nagłówki pracy”.
5. Chwyć dowolne urządzenie i nawiguj po stronie internetowej
Powinieneś mieć komfort na komputerach i urządzeniach, których większość ludzi nie ma. Może to wymagać oderwania się od ulubionych urządzeń, przeglądarek lub programów i grania z wieloma innymi rzeczami. (Jeśli to zrobisz, będziesz wdzięczny!)
Wszyscy tam byliśmy: nie ma nic gorszego niż klient wyciągający stary telefon lub pokazujący coś na małym ekranie w celu uzyskania pomocy i po prostu nie możesz tego z łatwością zrozumieć. Powinieneś być w stanie korzystać ze swojej witryny (i innych) w dowolnym środowisku i mówić innym, jak to zrobić.
Naucz się: po prostu zacznij grać. Pamiętaj, aby eksperymentować z różnymi przeglądarkami, a jeśli jesteś osobą Apple, wybierz urządzenie z Androidem (i odwrotnie).
6. Szkicuj z ufnością
Jedną z największych zalet szkicowania jest to, że możesz pomóc innym w wizualizacji tego, co myślisz. Pamiętaj, że wiele innych osób musi zobaczyć szkielet lub zarys, zanim zaczną wyobrażać sobie, co myślisz.
Pewne szkicowanie to świetny sposób na nawiązanie tego połączenia. Nie oznacza to, że musisz nauczyć się być najwyższej klasy artystą z dnia na dzień. Ale powinieneś być gotowy z podkładką i długopisem (lub ołówkiem), abyś mógł umieścić te pomysły na papierze i podzielić się nimi z zespołem.
Naucz się: Tuts + ma świetny podkład do nauki rysowania. Pierwszy krok? Przestań próbować być idealny.
7. Użyj wspólnej struktury
Nie ma się czego wstydzić przy użyciu frameworku do projektowania stron internetowych, aby rozpocząć projekty. W rzeczywistości powinieneś chyba, chyba że jesteś super-programistą.
Ramy powstrzymują Cię przed ponownym odkrywaniem koła przy każdym projekcie i są łatwe w użyciu dla innych, jeśli ostatecznie przekazujesz witrynę internetową klientowi, który spróbuje ją utrzymać i dokonać aktualizacji. WordPress jest popularną opcją, ale jest wiele innych do wypróbowania.
Naucz się: zacznij od WordPress. Jest to największy dostępny system i platforma do zarządzania blogami i treścią w witrynie. (I jest dość łatwy w użyciu.)
8. Pliki kopii zapasowych i pakietów
Chociaż witryna wydaje się być systemem samowystarczalnym, tak nie jest. Musisz zrozumieć, w jaki sposób i jak często tworzyć kopię zapasową witryny (i przywracać ją, jeśli to konieczne), aby zapobiec utracie danych, jeśli coś się stanie z witryną. (Lepiej być bezpiecznym niż żałować, prawda?) Nawet jeśli nie znasz dokładnej logistyki tego ćwiczenia we śnie, powinieneś wiedzieć, co jest zapisywane, jak często się dzieje i gdzie są przechowywane dane.
Ponadto powinieneś mieć dobry pomysł na to, jak tworzyć pliki pakietów dla stylów stron internetowych, projektować części i elementy i więcej, które mogą być użyte jako kopia zapasowa i mogą dostarczyć istotnych informacji dla klientów, którzy będą potrzebować użyć części. Pliki pakietów (do wydruku) są również niezbędną częścią procesu projektowania stron internetowych, więc klienci mają zestaw narzędzi do brandingu, które pasują do projektu strony internetowej w przypadku drukowanych promocji. (Klienci pokochają cię za to!)
Naucz się: każda witryna potrzebuje planu tworzenia kopii zapasowych. Pliki do pakowania pomogą ci przechowywać materiały, takie jak czcionki i obrazy, razem, gdy będziesz musiał wysłać je gdzie indziej.
9. Poznaj 3 trendy (i kiedy ich używać)
Powinieneś mieć stronę z windą trendów. Co to znaczy?
Po prostu powinieneś być w stanie porozmawiać z każdym, kto ma rozsądną wiedzę projektową na temat trendów w technikach wizualnych i dlaczego lub dlaczego nie powinieneś ich używać. Jak działają i co lubisz / czego nie lubisz w tych trendach.
Naucz się: czytaj blogi projektowe, takie jak ten, aby być na bieżąco z trendami i sposobami zastosowania tych technik projektowania.
10. Wyjaśnij teorię projektowania
Kolor, przepływ, równowaga i proporcje, odstępy: to wszystko, co powinieneś widzieć podczas pracy nad projektami. Ale to coś więcej niż dobre oko; teoria projektowania jest równie ważna. Ważne jest zrozumienie, dlaczego robisz to, co robisz i dlaczego tworzy to zrównoważoną estetykę.
A jeśli dobrze to rozumiesz, możesz to wyjaśnić i łatwiej obronić i wyjaśnić decyzje projektowe innym. Podstawy pomogą Ci opanować każdy projekt.
Naucz się: jeśli jeszcze go nie masz, być może czas wrócić do podstaw. Zacznij od „Podstawy projektowania” Stephena Pentaka i „Wzornictwo graficzne: nowe podstawy” Ellen Lupton i Jennifer Cole Phillips.
Wniosek
Ile elementów na tej liście możesz sprawdzić jako rzeczy, które znasz we śnie? Ilu innych chętnie chcesz dowiedzieć się więcej lub odświeżyć swój zestaw umiejętności?
Projektowanie stron internetowych - jak każdy inny rodzaj projektowania - jest zakorzenione w podstawach i posypane mnóstwem trendów i nowych technik. Dobre zrozumienie tej kombinacji pomoże ci się rozwijać i stać się lepszym projektantem, a także sprawi, że poczujesz się jeszcze bardziej pewny swoich decyzji projektowych i pracy.
Źródła obrazu: ekkun, lenep, Blake Patterson i cirox.
