Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: kiubus95 on 09.08.2016, 21:43:11



Tytuł: Szablon do oceny
Wiadomość wysłana przez: kiubus95 on 09.08.2016, 21:43:11
Witam.
Co prawda kiedyś brałem się za szablon w stylu flat, ale z powodu braku czasu jakoś projekt zamarł. Postanowiłem dziś od nowa zabrać się za ten projekt, na bazie starego. Przedstawiam Wam ten pierwszy szablon (w życiu) i w stylu flat do oceny :)

Pustka spowodowana tym, że nie wypełniałem go tekstem, nie mam pojęcia co ewentualnie tutaj można by było dodać

P.S
To co jest po prawej, co wyjeżdża poza białe górne i dolne linie to traktujcie jakby tego nie było - za duży rozmiar wziąłem :D


Tytuł: Odp: Szablon do oceny
Wiadomość wysłana przez: be@ on 10.08.2016, 01:43:50
Wg mnie ten header jest trochę za wysoki jak na to, że niewiele tam jest informacji czy ozdobników. Spokojnie można w nim zmniejszyć te elementy graficzne, bo są proste, więc i tak pozostaną czytelne. I zdecydowanie napis "Projektowanie i kodowanie..." za bardzo wchodzi na menu. Powinien być większy odstęp i można to jeszcze dodatkowo oddzielić jakoś np. innym odcieniem tła albo dodać trochę przestrzenności jak w stylu material design (https://cdn.colorlib.com/wp/wp-content/uploads/sites/2/material-design-wordpress-themes.jpg). A może w ogóle spróbuj dać logo po lewej a slogan po prawej, zamiast jedno pod drugim? Wysoki nagłówek ma sens chyba tylko wtedy, gdy w tle jest jakieś zdjęcie czy rotator. Wszystko jedną czcionką może i jest OK, ale przynajmniej powinno się użyć różnych jej grubości, bo teraz jest bardzo monotonnie. Do strony tego typu wybrałabym też jednak ciut poważniejszy font. Zwróć uwagę jak wygląda np. słowo "PROJEKTY" - pomiędzy literą "O" a "J" zieje wielka otchłań, natomiast "R" i "O" są ściśnięte, podobnie jak grupa "JEK". Z kolei w słowie "OFERTA", "F" wygląda na wyższe od "O". Wszystko to razem daje wrażenie niechlujności, bałaganu. Zresztą nie jestem pewna czy to wyłącznie wina czcionki, ale jakoś całość wydaje mi się niezbyt profesjonalnie wyglądać.
Podobają mi się ikonki w menu i nagłówku (chociaż nie jestem pewna, czy wszystkie do siebie pasują), sam je robiłeś? Kolorystyka dość przyjemna dla oka. Prostota także jest lepsza od przekombinowania i przeładowania ozdobnikami.
 Tak ogólnie, to nie do końca nazwałabym to szablonem, bo tutaj w zasadzie mamy tylko header i menu, a gdzie reszta? Możesz przecież wpisać już coś w stopce, a w treści dać jakieś "Lorem ipsum". Dodać jakieś ikonki/odnośniki do serwisów społecznościowych...
Sama projektowaniem stron się nie zajmuję, więc nie mam pewności, czy wszystkie moje uwagi są słuszne, w każdym razie starałam się każdą uzasadnić ;)


Tytuł: Odp: Szablon do oceny
Wiadomość wysłana przez: kiubus95 on 10.08.2016, 13:09:54
Dzięki za opinię. Co do headera, to wydawało mi się, że taki będzie ok :) Pomyślę ewentualnie nad przesunięciem napisu w górę. Czy logo po lewej a napis po prawej będzie dobrym pomysłem? Moim zdaniem wtedy będzie większa pustka w headerze niż obecnie :p Ale nie znam się zbytnio. Co do czcionki to znalazłem ją na jednej stronie, w której było TOP bodajże 40 czcionek do flata :p
Lorem ipsum zapomniałem, postaram się niedługo wstawić aktualizację. O ikonkach społecznościowych też zapomniałem :p


Tytuł: Odp: Szablon do oceny
Wiadomość wysłana przez: be@ on 10.08.2016, 13:17:39
Czcionka na pewno powinna być dopasowana do tematyki i charakteru strony. Wg mnie w menu ta czcionka nie wygląda za dobrze, a jak na mój gust, to w ogóle jest brzydka, jakaś kostropata.


Tytuł: Odp: Szablon do oceny
Wiadomość wysłana przez: Madzialena on 22.08.2016, 11:33:45
http://960.gs/ - to jest grid 960. Grid pomaga w rozmieszczeniu elementów na stronie i co powoduje, że strona z automatu wygląda lepiej. Wiesz też jaką szerokość powinna mieć. https://1200px.com/ - to jest też grid ale 1200. To samo działanie, ale przystosowany do nowoczesnych monitorów.

A co do "płaskiego dizajnu", to najlepiej zacząć do przekopania google grafika, wybrać sobie ze dwie, trzy prace i wzorując się na nich robić coś własnego ;) A z czcionek to polecam, roboto, lato, oswald, open sans.