I'm Sailing

[miroshu]

Witam, jestem poczatkujacy w tworzeniu stron, moze nie mam takiego talentu jak niektórzy z tego forum ale nadal sie ucze! Prosze o rady, krytyke, oceny



<a class="ipsAttachLink ipsAttachLink_image" href="https://grafinity.pl/uploads/monthly_2016_06/13223516_570096299830588_1867956888_o.png.1bc0d80509c9014a6eeb9ecf4f18a547.png">[img]https://grafinity.pl/uploads/monthly_2016_06/13223516_570096299830588_1867956888_o.thumb.png.61326f10d6e43c89b3e1ca8ba7319a13.png[/img]</a>




Dzięki!

[Jeffrey]

górna belka jak dla mnie jest brzydka, popracuj tam nad czcionką i elementami nawiązującymi do reszty  

[miroshu]

a jak ten?


[url=http://imgie.pl/][img]http://imgie.pl/uploads/146727787933191.jpg[/img][/url] Edytowane 30 Czerwca 2016 przez Gość

[Damian]

Wrzuć no go w pełnych rozmiarach...

[miroshu]

poprawione

[Damian]

Wszystkie elementy są wręcz ogromne. Projekt jest mało przemyślany. Po co panel użytkownika? Po co wyszukiwarka? Polecam Ci korzystać z tego http://grafinity.pl/viewtopic.php?f=23&t=2508. Jeśli masz problem z dobraniem kolorów to użyj [url=https://color.adobe.com/pl/explore/most-popular/?time=all]tego[/url]. W formularzu kontaktowym strasznie duże odstępy + brak buttonu do wysyłania wiadomości.

Małe niedociągnięcia:
[img]https://i.imgur.com/B19FmUx.jpg[/img]

No cóż, ćwicz dalej

[miroshu]

[img]http://tomphoto.esy.es/server/php/files/tyrytymtym.jpg[/img]
jest jakis progres ?
Robione w affinity xd

[Damian]

Wciąż to samo. Strasznie duże elementy, kiepskie kolory, krzywe odstępy pomiędzy sekcjami jak i ułożenie elementów. Warto pierw poczytać trochę teoretycznych poradników, a potem wziąć się ponownie za projektowanie.

[miroshu]

Na konkurs robiony zajęte dumne drugie miejsce appaK
Co sądzicie? Jest progres?
[url=http://imgie.pl/][img]http://imgie.pl/uploads/147056163588091.jpg[/img][/url]

[Mikołaj]

Słabiutko. Musisz nadrobić sporo teorii - przede wszystkim:

- DBAJ O RÓWNE ODSTĘPY!!! Nie wiem czy wiesz co to GRID ale bez tego za dużo nie zrobisz. Zwróć uwagę na "zespół" - na prawdę nie widzisz, że tam jest krzywo?
- Różnice w wielkości fontów nie mogą być tak duże. Przyjmujesz jedną wielkość dla nagłówków, treści, jeszcze jedną do jakichś dodatków i powinno być ok - u Ciebie jest za duży misz masz przez co strona traci sporo na czytelności
- Wiem, że to projekt dla treningu, treść to lorem lipsum itd. ale nie mieszaj polskiego z angielskim - po prostu tego nie rób, wygląda to dziwnie a utrzymując jeden język przez cały projekt wyrobisz sobie nawyk i nie będziesz w przyszłości popełniał głupich błędów z tym związanych
- Te kreski w nagłówkach wyglądałyby fajnie jakbyś założył ten temat 6 lat temu. Jeśli nie przeglądasz projektów zgodnych z aktualnymi trendami, i nie szukasz za bardzo inspiracji to zacznij. Jeśli nie masz to załóż konto na przykład Behance, zfollowuj paru dobrych designerów i po prostu - patrz i się ucz. Jeśli faktycznie nie masz konta a założysz to napisz mi pw, wyślę Ci parę profili które na prawdę warto sprawdzić

Jest słabo, ale jak dopracujesz warsztat i przemyślisz swój zmysł artystyczny powinno być spoko - więcej bierz z innych projektów, więcej czytaj teorii i przede wszystkim dbaj o detale. W tym momencie projekty są strasznie niechlujne, niczym nie nadrabiają marnego wykonania.

[gregpmx]

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ą

[miroshu]

dzieki za wszystko
troche sie pouczyłem o pooglądałem :d
[img]http://tomphoto.esy.es/server/php/files/kappahi.png[/img]

[gregpmx]

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")

[miroshu]

Po dłuższej przerwie :
[url=http://imgie.pl/][img]http://imgie.pl/uploads/1200-grid-15-col-1-.jpg[/img][/url]

[Ola]

Niezbyt. Trzeba pamiętać podczas projektowania stron www o gridach. Mam wrażenie, że tutaj wszystko jest rozlatane.
Fonty nie pasują tutaj, każdy element jest innej wielkości. Napis na headerze gigantyczny, maluteńka, ledwo widoczna nawigacja, kontakt jeszcze mniejszy.
Te kreski w backgroundzie strasznie denerwują, przesadnie skupiają na sobie uwagę.

[Marek]

@miroshu
Ojć, wejdź do pobieralni i pobierz sobie "ZESTAW 5 GRIDÓW BOOSTRAPOWYCH", a następnie zobacz sobie na poradnikach jak takie gridy się stosuje i jak na nich pracuje. Musisz dużo oglądać i czytać poradników, bo potrzebujesz wyczucia estetyki i podstaw jeśli chodzi o układ stron www. Wielkości fontów i niektórych elementów też do poprawy, więc póki co to, co wymieniłem powinno być dla Ciebie priorytetem, jeśli chcesz zabrać się za projektowanie stron internetowych. Pamiętaj o tych poradnikach, patrz jak inni stosują gridy i jak na nich pracują. Trzymaj się i czekam na efekty!

[miroshu]

[url=http://imgie.pl/][img]http://imgie.pl/uploads/v2grid.png[/img][/url]

[miroshu]

A jak ten?
[img]http://imgie.pl/images/2017/08/23/wedd9cd0.jpg[/img]

[miroshu]

refresh ;D

[Damian]

Marginesy panie kolego. Dolna część pracy wygląda bardzo słabo, chodzi mi o stopkę, styl formularza oraz porozrzucane informacje kontaktowe. W galerii dałeś border z tyłu jednak w innych sekcjach nie ma on żadnego nawiązania. Ćwicz dalej.