Wersja do druku
Projektowaniem stron zajmuję się od 7-8 lat, przy czym prawie 3 "zawodowo", wcześniej były to jakieś drobne stronki na gotowych szablonach. Grafiką zajmuję się jakieś 9-10 miesięcy.
Korzystam z PHP 5, JQuery, FLASH, XHTML 1.0 Strict, css 2, rzadziej 3.
Do grafiki używam Photoshopa CS2, na razie nie stać mnie na nowsze wersje.
Dziennie to średnio 8-12h, przy czym to co daje na TORG to promil tego co robię.
Pozdrawiam i sorka za czekanie na odp.
A masz jakąś stronkę albo galerie do której wstawiasz swoje projekty?
Jeżeli jesteś studentem to możesz chyba za dużo mniejszą cenie kupić programy adobe i inne?
A tak przy okazji chciałem się zapytać co na forum na którym wstawiłem lay będe czekał miesiąc zanim dostanę odpowiedź.
Co myślisz o tym lay'u? http://img638.imageshack.us/f/snowzk.jpg/
Mam bardzo dużo zleceń i bardzo mało czasu i nawet nie mam kiedy swojej strony skończyć. Co do twojego layoutu
1. Dobór kolorów - zdecydowanie menu jest za ostre i nie komponuje się ze stroną. Proponuję zmianę koloru menu na biel.
2. Tło będzie straaaasznie ciężkie - takie zdjęcie będzie zajmowałem pewnie z 500KB+, a to mocno wpłynie na czas ładowania się strony.
3. Staraj się nie uzywać domyślnych ustawień, czyli jak robisz cień to popracuj nad nim a nie dajesz standardowy, jak psizesz tekst nie używaj podsatawowych kolorów a już na pewno nie #000000 i #FFFFFFF, chodzi o kontrast. Zbyt ostry - razi.
4. Podoba mi się pomysł ze zdjęciem chłopaka na desce i logo - może tylko mocniejsze bym je zrobił.
Ogólnie jest ok jak na początek! Pracuj, pracuj, pracuj!
Coś z nowszych projektów
http://starodaj.pl/allegro.jpg
http://starodaj.pl/manhattan_02.jpg
Oj widzę, że część linków poznikała :/
Generalnie design zszedł u mnie na drugi plan, bardziej zająłem się kodowaniem.
Coś nowszego
http://redclick.pl/images/xxx_02.jpg
Założenia projektu:
- prezentowanie swoich umiejętności i portfolio potencjalnym pracodawcom/zleceniodawcom.
- minimalizm
- każda podstrona będzie nieco inna, ze wspólnym topem.
Link - strona główna:
Link - podstrona "O mnie"
Ewentualne zmiany:
1. Czcionka bezszeryfowa dla tekstów contentowych.
2. Zmiana koloru na krwistoczerwony po najechaniu myszką na odnośniki.
Chcialbym sie zajac tworzeniem stron, kodowaniem itp. W tej branzy liczy sie wyksztalcenie czy wiecej naucze sie na wlasna reke? Jak to jest u Ciebie? Poszles na jakies studia, grafika czy moze informatyka? Jak w ogole zaczynales z web designem?
Wykształcenie nie ma praktycznie żadnego znaczenia.
Liczą się umiejetnośći, doświadczenie i portfolio.
Sam studiuję inf. na polibudzie, ale nijak am się to do mojej pracy.
Najwięcej nauczysz się sam. Ja zaczynałem od kodowania w html, podglądałem jak zbudowane są projekty profesjonalistów, niektore elementy powielałem i modyfikowałem pod siebie. Do tego masa tutoriali i praktyki.
Dalej uważam się za początkującego projektanta grafiki.
Następnie zianteresowałem się JS i JQuery.
W mięzyczasie dziubałem PHPa
Czesc. Chcialbym sie zajac web designem. Photoshopa od strony technicznej juz dosc dobrze ogarniam, a teraz chcialbym sie podszkolic bardziej w strone projektowania/kodowania. Moglbys polecic jakies materialy/strony/tutoriale na ktore warto zwrocic uwage?
Jak znasz obsługe programu to teraz tylko praktyka, praktyka i jeszcze raz podglądać lepszych.
Coś nowego:
http://fc08.deviantart.net/fs71/f/20...aj-d4g7tv9.png
Kolejny projekt - jeszcze wersja beta
http://darley.pl/darley_01.jpg
Ile już tworzysz? Robisz te prace w Photoshopie? Bo wyglądają interesująco ;)
W jakim programie to robisz? Ja sie bawilem w WYSIWYG, ale cuda wychodzilo, bo przegladarki roznie to pozniej pokazywaly ;D
Dziękuje za opinie. Zawsze to inaczej, gdy temat nie zawiera tylko postów mojego autorstwa hehe
Cytuj:
Paciek napisał
Grafiką zajmuje się od kwietnia 2010. Kodowaniem - od 2008. W projektach, które umieszczam tutaj korzystam zazwyczaj z Photoshopa CS2, czasem wspomagam się Illustratorem.Cytuj:
Maniek900 napisał
Projekt z Photoshopa "ciacham" i "składam" za pomocą HTML i CSS. Jest lekko, szybko i działa wszędzie.Cytuj:
Maniek900 napisał
Cytuj:
Haan napisał
o kurde w samym html i css jest sporo zabawy, trzeba miec wprawe i pamietac te wszystkie kody/znaczniki, mialem to w szkole, nie jest tak bajecznie, ale dziala na kazdej przegladarce, szacun ; D
btw. w ostatnim projekcie domek+napis na nim wygladaja niesamowicie sztucznie
Widzę, że idziesz do przodu, keep going! / Jędrzej!
Dom jest oswietlony z zupelnie przeciwnej strony niz slonce na zdjeciu, a trawa wokol niego w ogole jest jakos zacieniona - wyglada to dosc smiesznie ;p
Zgadza się. Jedyne co mam na swoje usprawiedliwienie - to, że klient uparł się, że wstawiamy to konkretne zdjęcie. Starałem się je wtopić najlepiej jak umiałem.
2 nowe, dla V-ce mistrza świata w pływaniu
http://redclick.pl/czerniak2.jpg
http://redclick.pl/czerniak.jpg
up pierwszy ładniejszy jak dla mnie.
Mnie to ciekawi skąd bierzesz inspiracje, i czy jak zaczynałeś to się na czymś wzorowałeś robiłeś strony dla siebie czy coś. Ja ogólnie nieraz coś się pobawię w robienie szablonów ale problem mam zawsze z tematyką szablony itp
Przeglądam np. dribble, deviantart, cssbeauty i czasami dostaje zajawki na jakis styl, pogladam ciekawe rozwiazania graficzne, generlanie staram sie rozwijac "warsztat", o ile mozna tak to nazwać.
Co do początków to tak jak już pisałem - od kilku lat zajmuje się kodowaniem i często budżet projektu nie pozwalał na zatrudnienie profesjonalnego grafika, więc miałęm do wyboru - zapłacić "studentowi" lub sprobować zrobić zlecenie sam. I tak jakos poszło dalej.
Link do screenu
Wyjaśnienie:
1. Belka na górze - zsuwana na dół - taki maly menadzer jak na Androidzie/Iphone
2. 'Szare Kulki' na górze strony - nawigacja typu 'rownoległe pulpity'
3. skrót SMS - to link do artykulu
4. Ikonki będą podswietlane na hover, aby pokazać, że są odnośnikami. Rozważam też opcje przyciemnienie + wjazd tekstu s krotki opisem sekcji
Ikonki po kolei:
- grafika rastrowa
- Front-end
- Projekty FLASH
- Grafika wektorowa
- O mnie
- Rózne projekty - eksplorator
- Ustawienia - zmiana tła, czcionki, moze cos jeszcze (cookies jS)
- Kontakt - wysuwana klawiatura 'dotykowa' oraz formularz
Całość chciałbym zrobić bez przeładowywania. Zamierzam zrobić to w JS i (może) AJAX.
Nie mam jeszcze zaprojektowanej galerii, widoku artykułu, klawiatury, forms etc. Chcę posluchac opinii innych co myślą o takim pomyśle.
IMO powinienes zmienic tlo na jakis spokojny odcien szarosci matowy albo cos podobnego bo przy takich kolorowych ikonkach jeszcze to tlo takie kolorowe wyglada na zbyt przejaskrawione i daje gorszy efekt.
Reszta spoko, idziesz w dobra strone :) (taka, ktora mi sie podoba)
Tło będzie mozna sobie zmienic w Ustawieniach :) jeszczepomysle nad defaultowym
Dzięki za opinie
No, no.. bardzo fajne design'y .
Ten ostatni - fajny, przypomina trochę wyświetlacz iPada :D
P.S
Co mógłbyś polecić aby nauczyć się kodować, oraz coś do PHP, JS.
Zależy czy jestes całkime zielony, czy posiadasz juz jakąs wiedzę.
'coś do php i js' - chodzi ci o edytor, tutoriale, biblioteki....?
tak z czystego czepialstwa się - find us on facebook i follow me on twitter
hehe
ogolnie to bez czytania posta, myslalem, ze to jakis motyw do iphone'a/ipada, a rozumiem, ze styl portfolio mial wlasnie takowy przypominac, takze imo bardzo git ;d
Mozna wiedziec skad bierzesz stocki?
O krytyke tez mozna prosic?
dzięki za komentarze
@Malpa of Hell
1. Stocki -> istockphoto,fotolia, freebies + to co klient podeśle
2. Graficznie jest bardzo fajnie, tylko poprawilbym usability:
- content jest bardzo nisko - trzeba scrollowac, aby go zobaczyc - to trzeba poprawic
- menu za mala czcionka wzgledem wolnej przestrzeni
- miedzy topem a contentem jest ok 50px niewykorzystanje przestrzeni - trzeba to zagospodarować
Chodzi mi o tutoriale, biblioteki ;pCytuj:
Haan napisał
Cos nowego
APP na facebook
http://fc01.deviantart.net/fs70/f/20...7c-d4pwrkm.png
logo tez robiles?
jak tak to spoko, jak nie to nic specjalnego ;d
Logo - moj redesign na bazie starego
Przewodnik po Disneylandzie - jeszcze nie ostateczna wersja.
http://fc05.deviantart.net/fs70/f/20...aj-d4ql29i.png
Nikt sie nie wypowie? ;)
Co tu dużo mówić, zajebiście. Zapewne znam się o wiele mniej, ale według mnie top 10 attractions lepiej by wyglądało oddzielone od tego pola z lewej. Po prostu nie łączy się to zbyt dobrze :D i może jeszcze otwartą zakładkę odznaczyć inaczej niż tym niebieskim. Może na złoto, tak jak niektóre elementy? Jakby się to bardziej wyróżniało to mogłoby być lepiej.
Moim zdaniem lista top 10 atrakcji powinna być jakoś urozmaicona, chociaż jakimiś obrazkami bohaterów disney'a.
OK jak dla mnie, wpisuje się w trendy. Nie napisałeś czego dokładnie to ma być strona, więc nie wiadomo czego oczekiwać od laya. Jeśli to ma być po prostu przewodnik, bez żadnych wodotrysków to jest po prostu ok.
Kolejny projekcik. Tym razem strona firmowa firmy zajmujacej sie bramami, ogrodzeniami, automatyka,
Link
Świąteczny newsletter. In progress.
http://img841.imageshack.us/img841/4729/87351806.png
Bardzo ładnie! Prosty a zarazem czytelny wygląd. W dodatku nieźle dobrane zdjęcia, kolory i te efekty świąteczne :P
Już nie pamiętam kiedy ostatnio robiłem "firmową stronę www". Od roku już praktycznie nie robię takich projektów. Jednak kilka dni temu trafił się klient, który potrzebował małej strony www. No to... dlaczego nie? :)
http://mojadebica.pl/images/psy.png
Niesamowite to świąteczne... Nie wyobrażam sobie ile pracy w taki efekt trzeba włożyć. Piękne
@ProEda
Do tego newslettera użyłem kilka gotowych elementów, które "przerobiłem" pod potrzeby projektu. Tak, czy inaczej dziękuje!
W ostatnim poscie wcięło mi załacznik, więc wrzucam jeszcze raz:
prosta "firmówka":
http://mojadebica.pl/psy.png
EDIT Nie wiem dlaczego, ale jakosc wrzuconego screena woła o pomste do nieba :/
Cześć, fajnie tak ogladac jak przez ten czas sie rozwijales, ja również zajmuje się projektowaniem layoutow, niestety nie potrafie jeszcze kodowac (moze kiedys sie naucze!). Naprawde podobaja mi sie twoje prace, czasem jest kilka elementów do zmiany, ale generalnie na +, sam robie grafiki od ponad 4 miesięcy, tutaj kilka moich prac, chetnie poddam je waszej ocenie :D
http://vantrilio.deviantart.com/art/...vantrilio&qo=0
http://vantrilio.deviantart.com/art/...vantrilio&qo=2
http://vantrilio.deviantart.com/art/...F41524767&qo=4
http://vantrilio.deviantart.com/art/...F41524767&qo=6
http://vantrilio.deviantart.com/art/...F41524767&qo=7
i wiecej tutaj(nie tylko layouty):
http://vantrilio.deviantart.com/
+ najnowszy
http://img405.imageshack.us/img405/8756/harvester.png
Minal prawie rok od ostatniej aktualizacji i ponad trzy od zalozenia tematu...
Dla przypomnienia, wklejam jeden z pierwszych projektow :)
http://img248.imageshack.us/img248/4739/43406918g.jpg
3 lata temu myslalem, ze bede sie rozwijal w kierunku graficznym, ale troche sie pozmienialo i od dluzszego czasu skupiam sie na front-endzie. Ostatnio troche ciupie w C# i ASP.NET MVC, czyli juz calkiem skrecam w kierunku programowania.
Sporadycznie zdarza mi sie zaprojektowac GUI, przyciski, panele itd...
Aktualnie pracuje nad strona firmowa dla irlandzkiej firmy. Ponizej wklejam projekt strony glownej i widoku kategorii.
Nie jest skonczony - musze wszystko wyrownac, pomierzyc itd... ale pewnie gdy to zrobie, to jak zwykle zapomne o aktualizacji tematu na forum. Dlatego wklejam od razu:
Strona glowna:Załącznik 299640
Widok kategorii:
Załącznik 299641
w sumie to za bardzo nie znam sie akurat na web designie, ale wypowiem sie jak typowy grafik co wedlug mnie tutaj nie pasuje. Gdybym jebnal jakas glupote z gory przepraszam. :)
W pierwszej pracy leza buttony (zarejestruj, zaloguj itp.) przede wszystkim czcionka nie pasuje, i sa za duze
dodatkowo napisy na stopce sa troche za male i wydaja sie byc za bardzo na lewo.
druga praca jest akurat bardzo fajna, wedlug mnie
jest chyba jeden maly nieznaczny blad: Na dole zamiast pisac "drzwiczki" pisze "dzrwiczki" ale w sumie to tyle. :D
Pozdrawiam
Dzieki za komentarz.
Pierwsza praca to; jak wspomnialem wczesniej; probka moich umejetnosci sprzed 3-4 lat.
Druga praca to aktualny projekt.
Zestawilem je w celu porownania jak ewoluowal moj styl i umiejetosci w tym czasie.
Zdaje sobie sprawe, ze nadal nie jestem topowym designerem, ale jest to poziom wystarczajacy na odnalezienie sie na rynku.
a tekst w projekcie to takie "Lorem ipsum", czyli zwykly wypelniacz bloku, placeholder.