Skocz do zawartości

gregpmx

Użytkownik
  • Postów

    15
  • Dołączył

  • Ostatnia wizyta

Informacje personalne

  • Lokalizacja
    podkarpacie
  • Specjalizacja
    Webdesign

Osiągnięcia gregpmx

Nowy

Nowy (1/14)

8

Reputacja

  1. [quote="FoX"]Menu nie pasuje mi marginesem poziomym, względem logotypu w znaku graficznym.[/quote] Wrzuciłem lekko zmodyfikowaną wersję, mam nadzieję, że wygląda lepiej. Logo nie moje, jakiś darmowy wektor z freepik.com wrzucony na potrzeby layoutu, jedynie nazwę dodałem sam. [quote="Kri"]Widać,że to jest projekt na szybko ponieważ nic w nim nie ma.Marginesy nie równe (na z zwrócił już uwagę FoX) tekst z lorem ipsum.Chyba ćwiczyłeś wtapianie zdjęć bo nic innego tutaj niema.[/quote] Ogólny zamysł tego ćwiczenia był taki, żeby sprawdzić jak szybko da się poskładać sensownie wyglądający layout, który nie będzie podobny do 90% stron w sieci opartych o schemat "top->co robimy->nasze realizacje->co mówią o nas klienci->skontaktuj się z nami", podzielone na bloki tekstu. Tego typu strony większość z nas robi na co dzień i moim zdaniem warto od czasu do czasu zrobić coś, co nie jest standardowe. Nigdy nie wiadomo jaki klient nam wpadnie. Co do marginesów, to nie zwracałem aż tak dużej uwagi na idealne wyrównanie - nie jest to layout pod klienta, zresztą takie rzeczy można wyrównać przy kodowaniu. Mistrzem Photoshopa nie jestem, treści też za wiele tam nie ma, ale mam nadzieję że się trochę podoba Dzięki za dotychczasowe opinie i zachęcam do wrzucania następnych
  2. Szybki projekt treningowy. [url=http://imgie.pl/uploads/147181313577691.jpg][img]http://imgie.pl/uploads/thumbs/1.jpg[/img][/url]
  3. Dzięki za pozytywne opinie. Dostosowałem projekt do części wskazówek i zaktualizowałem link. Co do koloru stopki, omówiłem kilka wariantów z klientką i wybrany został aktualny. Wiadomo - klient nasz pan :d Rozdzielczość 1920px, jednak mój grid zamyka content w 1260px, więc bez problemu mieści się na standardowym ekranie laptopa. Po zakodowaniu całość będzie oczywiście w pełni responsywna.
  4. Nadszedł czas, żebym pokazał tu swoje wypociny. Na początek projekt sklepu z ręcznie robioną biżuterią. Projekt jest aktualnie w fazie wdrażania więc wszelkie poprawki mogę jeszcze zastosować. [url=http://imgie.pl/uploads/147181353286091.jpg][img]http://imgie.pl/uploads/thumbs/1.jpg[/img][/url] Wszelkie uwagi, spostrzeżenia i krytyka bardzo mile widziane.
  5. Fajna praca, coś innego niż zwykle się w sieci ogląda. Tak jak pisano wyżej - napis do zmiany. Z ciekawości - rysowałeś na tablecie czy myszą? PS. [quote="Qba."]... skojarzyło mi się z obrazem Da Vinci'ego p "Krzyk"[/quote] Autorem był Edvard Munch B|
  6. Pod headerem jest zbyt pusto, zwiastuny przesunąłbym nad stopkę. Po prawej zamiast quizów można wrzucić jakieś newsy, a same quizy umieścić na tym samym poziomie co zwiastuny. Po takich zmianach klient od razu trafi na to co najważniejsze, czyli repertuar i cennik. W headerze pokusiłbym się jeszcze o przycisk "sprawdź repertuar" obok "kup bilet online" Poza tym fajnie, prosty układ, dobrze dobrane kolory, bardzo dobre typo.
  7. [url]http://design.tutsplus.com/tutorials/learn-to-create-a-variety-of-beveled-lettering--vector-3943[/url] słowo "BREAK" jest zrobione w podobny sposób, kwestia kolorystyki
  8. to tak na szybko: [spoil][url=http://imgie.pl/uploads/147102046351491.png][img]http://imgie.pl/uploads/thumbs/147102046351491.png[/img][/url][/spoil] - nadal nie trzymasz się grida. Piszesz, że się poduczyłeś, jednak wydaje mi się, że po prostu podejrzałeś niektóre elementy na innych stronach i zrobiłeś coś podobnego u siebie, nie bardzo zastanawiając się czemu właściwie jest to tak a nie inaczej. Zaznaczyłem na szybko linie, które na Twoim projekcie wyznaczają wyrównanie elementów i treść się niestety trochę rozjeżdża. Menu i logo należałoby wyśrodkować w stosunku do sekcji "ABOUT US". Sekcję "NEWS" ściśnij między zewnętrznymi liniami. Tak samo z formularzem kontaktowym i mapką. Spróbuj to poprawić i sprawdź czy nie będzie to lepiej wyglądało. - typografia się poprawiła, jednak przy zwykłym tekście zaleca się używanie jednego rozmiaru czcionki (w "ABOUT US" jest mniejsza niż w "NEWS")
  9. Wciśnij CTRL+E w otwartym pliku i sprawdź czy obwódka zniknęła.
  10. [bbvideo=560,315]https://www.youtube.com/watch?v=BI7Qzabt3hg[/bbvideo]
  11. Więc tak: - kulek jest stanowczo za dużo, zostawiłbym tylko we w topie wokół monitora, przy sekcji "Cześć, nazywam się" i małe wokół telefonu, największe rozmyte do wyrzucenia. Wtedy spokojnie możesz je wprawić w ruch. W obecnym układzie ruchome kulki bardziej by rozpraszały klientów, co raczej nie jest wskazane. - font w menu 2px więcej i powinno być ok, jednak bardzo bym nie naciskał na zmianę - układ jest standardowy i nie ma tu powodów do narzekania bo całość prezentuje się bardzo dobrze. Jeśli bardzo chcesz się wyróżniać to zawsze możesz zrobić stronę przewijaną w poziomie, jednak taki eksperyment nie zawsze kończy się dobrze. Moim zdaniem strona w klasycznym układzie, ale ze świetnym designem zawsze wygra z fajerwerkami. Ogólnie to strona wygląda bardzo dobrze, kolory świetnie dobrane, całość czytelna i jako klient byłbym zachęcony do współpracy.
  12. gregpmx

    Dział DTP

    Zakładam, że wiele osób tutaj projektuje nie tylko www ale też na potrzeby druku. Zauważyłem, że ludzie wrzucają tego typu projekty w dziale INNE, jednak może warto się zastanowić nad osobną kategorią.
  13. gregpmx

    Inności Qbusia :D

    Trochę mało "odpustowy" ten bilet, brakuje żywych, imprezowych kolorów. Układ i napisy ok, na bilecie i tak nie ma za bardzo z czym szaleć. Czytelność najważniejsza.
  14. Jest słabo, poprzedni projekt z kawiarnią bardziej mi się podobał, mimo że zostały popełnione te same błędy. No to lecimy: - grid, grid i jeszcze raz grid - projektowanie najlepiej zacząć od ustalenia siatki strony, do której będziesz wyrównywał elementy. Dzięki temu Twoje projekty będą estetyczne, łatwe w odbiorze i przede wszystkim łatwiejsze do projektowania responsywnego (polecam Ci uczyć się tego od razu, będzie Ci łatwiej w przyszłości). Nawet kiepska graficznie strona wygląda lepiej w oczach odbiorcy, gdy jest zaprojektowana na gridzie. - typografia - łopatologicznie rozmiar czcionki, rozmiar nagłówków, odstępy między wierszami, krój czcionki itp., itd. Bardzo ciężki temat dla początkującego, musisz przeglądać jak najwięcej stron i obserwować jak to na nich wygląda. Polecam [url]https://themeforest.net/[/url], znajdziesz tam gigantyczne ilości bardzo dobrych przykładów. Jeśli choć trochę orientujesz się w kodzie stron, to zawsze warto obejrzeć plik CSS, będą tam podane wszystkie wartości dla czcionek użytych na stronie, co jest bardzo dobrym sposobem na wytrenowanie sobie typografii. Jeśli nie to szukaj w googlach. Złotego środka niestety nie ma, sam musisz ustalić co będzie najlepsze dla Twojego projektu. - dobór kolorów - zastanów się jaki kolor najczęściej kojarzy się z branżą, dla której robisz projekt i staraj się kręcić właśnie wokół nich. Nie jest to zasadą, ale na początek warto działać w ten sposób. Oczywiście możesz zaszaleć z jakąś kompletnie niezwiązaną paletą barw (branża medyczna i np. czerń i i biel), czasami taki zabieg pomaga, w większości przypadków jednak przeszkadza. Wcześniej postaw się na miejscu odbiorcy takiej strony i jakie on odniesie wrażenie przeglądając ofertę (ja na czarno-białej stronie medycznej czułbym się bliżej cmentarza ). Pamiętaj, że zawsze projektujesz pod przyszłych użytkowników strony - nie pod siebie, w mniejszym stopniu też pod osobę, która tą stronę zamówiła. Ogólnie projektowanie to temat rzeka, najważniejsze żeby początkowe krytyczne opinie dopingowały Cię do dalszej pracy, a nie zniechęcały. Nie da się projektować idealnie od samego początku, więc rób kolejne projekty, ćwicz i wrzucaj tutaj. Będziemy obserwować postępy. Na koniec jeszcze linki: [url]https://www.youtube.com/watch?v=niciawBUpYk[/url] [url]https://www.youtube.com/watch?v=wEbjDyvXfEo[/url] - seria filmików, które Ci pomogą
  15. Proponuję dodać opcję wyboru kolorystyki forum. Obecny szablon ma moim zdaniem zbyt mocno kontrastujące kolory, co przy wieczornym przeglądaniu forum powoduje wypalanie oczu. Jestem pewien, że podoba się wielu użytkownikom, jedna myślę, że znajdą się tacy, którzy chcieliby mieć alternatywę. Poniżej przykład zmiany kolorystyki. Modyfikacja ogranicza się jedynie do zmiany koloru tła dla kilku elementów w CSS. Zabieg jest bardzo łatwy do wdrożenia i nie wymaga dużych nakładów pracy, a czytelność forum znacząco wzrasta. Strona główna [url=http://imgie.pl/uploads/147056627905961.jpg][img]http://imgie.pl/uploads/thumbs/147056627905961.jpg[/img][/url] Podgląd tematu: [url=http://imgie.pl/uploads/147056638442221.jpg][img]http://imgie.pl/uploads/thumbs/147056638442221.jpg[/img][/url] Jest to tylko przykład i ma wiele braków, jednak dla zainteresowanych CSS w spoilerze [spoil][code]body { background: #263238; } .panel-forum>.panel-heading { background-color: #37474f; } .sidebar { background-color: #37474f; } #box-rotator { background-color: #37474f; } .icon-wrapper { background-color: #37474f; } .forum-read { color: #607d8b; } .buttonik_dzial { background-color: #37474f; color: #607d8b; } .sidebar_ico { background-color: #263238; } .sidebar_ico:after { border-left-color: #263238; } .liczba-glosow-propy { background-color: #263238; } .buttonik_sidebar { background-color: #263238; } #navi_m { background-color: #37474f; } .chat-message.state-notice { background-color: #37474f; } #chat-tabs li.active { background-color: #263238; } #chat-message textarea, #chat-dialog textarea { background-color: #37474f; } .panel-stats .output { background-color: #37474f; } .panel-post { background-color: #37474f; } .blog-meta { background: none repeat scroll 0 0 #263238; } .stopka_bg { background-color: #263238; } .stopka_ts3_info { background-color: #37474f; } .burned-asphalt { background-color: #37474f; } .postbody .content { background-color: #37474f; } .panel_moderacji_topic { background-color: #263238 } hr { border: 0 none #263238; border-top: 1px solid #263238; } .notice-like { background-color: #263238; border-top: 1px solid #263238; } .panel-forum>.panel-heading { background-color: #37474f; }[/code][/spoil]
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.