Tworzenie szablonu WWW jakościowo podobnego do tych na themeforest - jak to ugryźć?

Cześć,

w sumie to w temacie wyjaśniłem z jakim problemem się zmagam. Umiem kodować w HTML5/CSS3/JavaScript, więc chciałbym się zabrać za stworzenie jakiegoś bardziej jakościowego produktu. Jednak zastanawiam się w jaki sposób podejść do projektowania/planowania takiego szablonu. Skąd w ogóle czerpać inspiracje do takich templates, jakie znajdują się np. na themeforest? Czy istnieje jakiś zdefiniowany proces, który obejmuje planowanie, a następnie kodowanie takiego szablonu? Czy layout .PSD jest potrzebny? Czy najłatwiej jest zacząć od kartki papieru? Czytałem trochę o tym i właśnie w większości artykułów jest wzmianka, by rozpocząć z ołówkiem w ręku - jednak, ja mając przed sobą pustą kartkę w ogóle nie "widzę" tego co chciałbym stworzyć.

Cały proces rozpoczyna się od poszukiwania inspiracji - oglądanie wielu stron o podobnej tematyce i na bazie tego czujesz w jaki styl pójść. Później rozrysowujesz na kartce układ strony, wstępną treść. Gdy już przebrniesz przez to zabierasz się za prace z Photoshopem (czy innym programem graficznym), później już tylko cięcie, kodowanie i dopieszczanie layoutu :)

przecież większość tych layoutów niczym się nie rożni tylko zdjęcia są dobrane tematycznie, ewentualnie menu jest inne, a tak to slider, trzy słupki, czy kółka, trochę animacji i tyle, wystarczy spojrzeć na top popular theme ;)

Ale czy pojedynczy deweloper ma w ogóle szansę napisać tak profesjonalny layout? Czy nie trzeba być ekspertem w zakresie UX, UI itd?

Tak, też właśnie zauważyłem, że większość templates powiela ten sam schemat. Jednak przerażają mnie te różne warianty w szablonach np. home full width, home slider, home navbar itp. - w takich momentach mam wrażenie, że kodowanie takiego szablonu zajmie wieki, a samemu nie mam szans czegoś takiego wykonać.

to jest do zrobienia tylko najpierw musiałbyś poznać zasady projektowania pod urządzenia mobilne, nie ma sensu się rozpisywać, bo w necie masz trochę poradników

Jak dla mnie to dużą robotę w szablonach na Themeforest robi poczucie estetyki. To nie tylko podążanie za trendami (flat design, spore paddingi), ale umiejętność odpowiedniego dobrania fontów, grafik, kolorów, animacji itd. Jeżeli z tym masz problem to zawsze możesz wspierać się dodatkowymi narzędziami i podglądać co stosują inni.
Np. jeżeli masz problem z dobraniem dobranie odpowiedniej kolorystyki to skorzystaj z bezpłatnego Adobe Color CC, gdzie możesz używać gotowych "dobrych zasad" zestawiania kolorów (traida, przeciwstawne, uzupełniające). Łatwiejsze, wygodniejsze i szybsze od mozolnego ślęczenia nad kolornikiem :) Plus możesz korzystać z motywów zapisanych przez innych użytkowników, więc jest jeszcze łatwiej :P
Na Tympanus.net masz za to mnóstwo rzeczy "typowo" frontendowych z których możesz czerpać inspiracje. Masz zatem fajne animacje, ciekawe efekty, które uprzyjemniają korzystanie ze strony, nowe spojrzenia na jakieś zagadnienia. Jest co robić jeżeli tylko masz ochotę :)
Lubię odwiedzać rodzimy Grafmag, przeznaczony bardziej dla grafików, ale i frontendowiec, który chce się dokształcić z zakresu samego "dizajnu" ma tam czego szukać (a przynajmniej tak mi się wydaje). Wiele pięknych prac(cykl "Cudze chwalicie a swego nie znacie, inspirujące projekty Polaków". Jak dla mnie pokazują, że warto czasami sięgnąć do kieszeni po kasę na profesjonalistę), trendy, praktyczne porady, np. odnośnie typografi, zestawienia estetycznych fontów z polskimi literami diakrytycznymi(te z ogonkami ;) )
Mam nadzieję, że z takim "punktem zaczepienia" łatwiej Ci będzie podnieść swój "skill" ;)

Teraz mało która strona jest oryginalna. Ogarnij parę tamtych templateów to szybko zauważysz, że są patterny, które się powtarzają i są użyte w różnych kombinacjach :) Czasy oryginalnych designów póki co minęły :)