Raz na jakiś czas muszę po prostu spróbować czegoś nowego. Może czuję, że moje umiejętności się poślizgną. Może chciałbym zainicjować neurony odpowiedzialne za moją kreatywność. Może się nudzę. Jest naprawdę wiele powodów, dla których warto podjąć wyzwanie projektowe.

Oto kilka: Możesz dodać projekty koncepcyjne do swojego portfela. Możesz blogować o swoich doświadczeniach i reklamować swoje umiejętności w tym zakresie. Możesz podjąć wyzwanie projektowe z innymi projektantami i być może rywalizować. Możesz lepiej zrozumieć technologię, z której korzystasz.

Chodzi o to, żeby zrobić coś inaczej niż zwykle. Zmiana ze względu na siebie nie zawsze jest wskazana, ale próbowanie nowych rzeczy jest tym, jak rozwijamy się jako projektanci i jako ludzie. Być może nie wykonuj żadnego z tych wyzwań w witrynie klienta, chyba że jesteś absolutnie pewien, że Ci się spodoba.

1. Spróbuj zbudować coś nowego

To jest właściwie moje osobiste wyzwanie. Próbuję coś zbudować - zwykle coś, co mam z układem - którego wcześniej nie budowałem. Może to być efektywny i dostępny interfejs z przewijaniem w poziomie, strona z trzema kolumnami, która faktycznie mi się podoba, lub pełnoekranowy obraz tła z absolutnym pozycjonowaniem.

możesz wypróbować nowsze moduły CSS ... nie martwiąc się zbytnio kompatybilnością z wieloma przeglądarkami

Jest to wyzwanie, w którym możesz wypróbować nowsze moduły CSS lub techniki, o których wcześniej nie pomyślałeś, bez obawy o zbyt dużą kompatybilność z różnymi przeglądarkami lub inne tego typu problemy.

2. Zmień swoje kolory

Wiem, że osobiście zawsze mam ochotę trzymać się tego, o czym wiem, że działa, jeśli chodzi o kolory. Uwielbiam moje wyciszone odcienie kolorów, moje szarości, moje przesycone zielenią i błękitem, i tak dalej. O ile nie musisz przestrzegać określonego stylu lub przewodnika po brandingu, możesz łatwo powrócić do tego, co wiesz.

Cóż, natychmiast wyjdź ze swojej strefy komfortu! Zbuduj witrynę ze schematem kolorów, którego normalnie byś nie używał. Dla mnie byłoby to użycie bardziej jasnych i odważnych kolorów. Musiałbym ogólnie zwiększyć nasycenie. Dla ciebie możesz rozważyć ciemny układ, jeśli zwykle robisz lekkie. Używaj spokojniejszych kolorów, jeśli masz tendencję do bycia jasnymi i odważnymi. Wielu z nas, włącznie ze mną, nie używa wystarczającego kontrastu w naszych projektach. Spróbuj dodać więcej. Heck, spróbuj projektu, który jest całkowicie czarno-biały i spraw, by działał.

3. Skopiuj skomplikowany układ

Okay, nie kopiuj dokładnie czyjejś strony. Po prostu znajdź stronę z ładnym, złożonym układem lub projektem i skopiuj ją, nie patrząc na źródło. Zbuduj wszystko od zera, sprawdzając główne elementy układu i zastanawiając się, jak zrobić to samemu. Nie używaj tego w przypadku witryny na żywo, ale jako proste ćwiczenie HTML / CSS / JS.

nie chodzi o to, aby stworzyć kopię idealną pod względem pikselowym, ale aby poznać zasady leżące u podstaw decyzji projektowych

Możesz skopiować jedną z tych fantazyjnych, eksperymentalnie wyglądających witryn, aby sprawdzić, czy możesz zarządzać tym samym wyczynem. Można też skopiować układ z dużej witryny detalicznej, aby dowiedzieć się, w jaki sposób można zarządzać taką ilością HTML i CSS w praktyczny sposób. Skopiuj witrynę z wiadomościami, aby zobaczyć, jak szybko reagują na skalowanie dużych ilości tekstu i obrazów.

Pamiętaj, że nie chodzi o to, aby stworzyć kopię idealnie dopasowaną do piksela, ale aby poznać zasady leżące u podstaw decyzji projektowych.

4. Zaprojektuj i / lub skopiuj witrynę za pomocą nowych narzędzi

Jeśli jesteś przyzwyczajony do Fundacji, wypróbuj Bootstrap lub mniej znany framework. Wypróbuj inny preprocesor. Wypróbuj inny CMS. Wypróbuj inny menedżer plików lub edytor tekstu. Jeśli jesteś programistą i / lub lubisz ból, upuść ulubiony framework JS i spróbuj innego.

Oczywiście, jeśli chcesz dogłębnie przeanalizować, będzie to jedno z dłuższych wyzwań, ale nie musi to zająć zbyt wiele czasu, aby poznać zasady działania nowych narzędzi. Kluczem nie jest koniecznie zmiana wszystkiego w obiegu pracy, ale ujawnienie się nowych i potencjalnie lepszych pomysłów.

5. Wypróbuj nową metodologię

Podobnie jak w ostatnim wpisie, możesz spędzić popołudnie lub dwie, próbując zupełnie innego sposobu pracy. Jeśli jesteś przede wszystkim specjalistą od grafiki, spróbuj spojrzeć na to, jak inni zaczynają i wypełniają swoje makiety. Zobacz, jak inni organizują swoje warstwy. Sprawdź, czy możesz się czegoś od nich nauczyć. Lub możesz zajrzeć do w pełni rozwiniętej metodologii projektowania, takiej jak Projekt atomowy .

Po stronie front-endowej możesz wypróbować nową metodologię CSS. Hongkiat ma dobry przegląd kilku z bardziej popularnych sposobów organizacji swojego CSS.

6. Ulepsz stary projekt

Kiedy patrzę na moje starsze prace projektowe, moje najczęstsze emocje to frustracja i niewielki odraza. W tym stanie często decydowałem się na pełne przeprojektowanie. Jeśli robisz to od jakiegoś czasu, prawdopodobnie twoja stara praca opiera się na solidnych zasadach. To po prostu musi zostać zaktualizowane i dopracowane.

zastosuj nową wiedzę do starego projektu, zamiast spalać wszystko od początku

Zrób stary projekt i zaktualizuj go, nie zmieniając jego podstawowych elementów. Być może zachowaj ten sam układ, ale zaktualizuj odstępy między elementami. Zachowaj wybrane kroje pisma, ale zaktualizuj style tekstowe, aby lepiej odzwierciedlały Twoją wiedzę o typografii. Zachowaj wybrane kolory, ale lepiej je wykorzystuj.

Zobacz, co się dzieje, gdy zastosujesz nową wiedzę do starego projektu, zamiast wypalania wszystkiego i zaczynania od początku.

7. Postępuj zgodnie z samouczkiem (The Hard Way)

Samouczki to często bogactwo informacji, nawet jeśli byłeś w tym od dłuższego czasu. Nie kopiuj i nie wklejaj kodu. Znajdź dobry, długi samouczek i wpisz każdą linię przykładowego kodu samodzielnie. Dokładnie obserwuj każdy krok w Photoshopie. Obserwuj, jak wszystko się zmienia, gdy dodawany jest każdy element układanki.

Jeśli jest coś, czego nie rozumiesz, Google to dopóki nie zrobisz. Wyzwaniem nie jest tu kreatywność, ale zrozumienie ... a może wytrzymałość.