[kiubus95]

Witam wszystkich GIMPowiczów.
Jestem nowy w branży grafiki komputerowej, ale postanowiłem, że rozpocznę prace nad szablonem do strony WWW. Mam dla Was do oceny bardzo wstępną wersję prac (w załączniku).
Bardzo proszę o szczere opinie

[be@]

Przede wszystkim napis w logo strasznie wystrzępiony i nieestetyczny (wygląda jak nagłówki sprzed 10 lat). Po drugie napis poniżej (projektowanie stron...) jest zbyt blisko tego w logo. Jak na mój gust, to również napisy w menu są z byt blisko siebie. Kolorystyka nawet mi się dość podoba, chociaż chyba nieco inny odcień pomarańczowego bym wybrała do tego menu. A może jakiś bardziej żółto-złoty? W każdym razie mi te kolorki kojarzą się raczej z wojskiem lub grami niż z projektowaniem stron. Podobnie jak deseń pod nagłówkiem. Tego typu serwisy mają raczej strony wyglądające bardzo nowocześnie i schludnie.

[kiubus95]

Przede wszystkim napis w logo strasznie wystrzępiony i nieestetyczny (wygląda jak nagłówki sprzed 10 lat). Po drugie napis poniżej (projektowanie stron...) jest zbyt blisko tego w logo. Jak na mój gust, to również napisy w menu są z byt blisko siebie. Kolorystyka nawet mi się dość podoba, chociaż chyba nieco inny odcień pomarańczowego bym wybrała do tego menu. A może jakiś bardziej żółto-złoty? W każdym razie mi te kolorki kojarzą się raczej z wojskiem lub grami niż z projektowaniem stron. Podobnie jak deseń pod nagłówkiem. Tego typu serwisy mają raczej strony wyglądające bardzo nowocześnie i schludnie.

co masz na myśli mówiąc, że takie strony wyglądają bardzo nowocześnie i schludnie?

[be@]

Najlepiej, jeśli po prostu sobie takie stronki poprzeglądasz. Na czym się wzorować, to myślę, że najlepiej podpowie użytkownik Skwarek.

[Madzialena]

Aktualnym trendem jest tzw. "Flat design". Windows 8 jest chyba najbardziej znanym przykładem tego stylu. Ogólnie chodzi o prostotę, minimalizm i elegancję Im mniej tym lepiej
Tu masz parę rzeczy na ten temat:
Po co stworzyliśmy Flat design?
Flat design-co to jest? (ogólnie)
duuużo (dobrych) przykładów użycia tego stylu na stronach
To tak ode mnie

[kiubus95]

a jakieś typowe tutoriale są do tego rodzaju stylu? :p

[Madzialena]

Na gimpa nie ma, ale jak będę miała odrobinę czasu to mogę coś napisać takiego luźnego na ten temat (ale gwarancji nie daję). Chwilowo to zostaje ci robienie wedle referencji, tak jak ja się uczyłam. Patrz na dany layout ewentualnie 2 i spróbuj je odwzorować dodając coś od siebie (ale koniecznie w tej konwencji). Od siedmiu boleści zagraniczne fora które obfitują w tego typu poradniki... ale na PS'a i Ilustratora, nie ma jednak większych problemów z przerobieniem ich na Gimpie (tylko jest czasem więcej roboty)

[kiubus95]

ok ale mam jeszcze pytanie w kwestii menu. Jak mam je zaprojektować jeśli ma się ono wysuwać po najechaniu myszką? Mam w gimpie zrobić je tak, jakby było w pozycji wysuniętej? Bo wysuwanie to raczej będzie kwestia js/css?

P.S
Coś takiego z Flat Design zrobiłem, nie wiem czy idę w dobrym kierunku Pomiędzy tymi białymi kreskami planuję zrobić stałe menu z ikonkami, chyba, że znajdę więcej info o takim rozwijanym to przeprojektuję. Na chwilę obecną proszę o oceny.

[be@]

Ale dlaczego znów ten obrazek w logo (te dłonie) jest wystrzępiony? W jaki sposób go robiłeś, że ma takie krawędzie? I o ile się nie mylę, to takie cienie jak pod napisem w logo raczej nie są w stylu flat. Tam raczej nie używa się rozmycia ani gradientów.

[Madzialena]

be@ masz racje, nie używa się cieni i gradientów jako takich (delikatne, niemalże nie widoczne czasem występują) ale dla uzyskania jako takiego efektu 3D można dać coś takiego. na moim avku też jest, ale słabo widoczny, to się Long shadow nazywa
A co do tematu, to użyj tego:grid bo coś ci tak krzywo ten heder leży Ogólnie Grid ułatwia umieszczenie wszelkich elementów, dobór odległości jest ważny.
A i ten fiolet coś mi nie leży, ale pierw go skończ, a potem się zobaczy. Do logo to polecam używać ścieżek, długo się robi ale efekt jest bardzo dobry

[kiubus95]

te dłonie to ściągnąłem ikonkę w PSD z neta (darmowe) i takie wyszło.
A co do 960.gs to macie coś więcej informacji o tym? Chętnie bym poczytał

[be@]

W takim razie nie używaj takich wystrzępionych ikon ani słabej jakości obrazków, bo nie wygląda to estetycznie.

[kiubus95]

Zmieniłem, może takie coś? Skoro prostota w flat dominuje?

[Madzialena]

Wywal tą nazwę strony w postaci linku (usuń to .pdg.pl) bo trochę to lipnie wygląda Ewentualnie zrób to tak:
{Kubuss }
{Code   }
{Design }
Tylko to } ma być duże tak jak w oryginale u ciebie W logo możesz dać czcionkę Lato Normalną i dajesz na środek, a pod tym logo dajesz Lato Light mniejszą i dajesz to hasełko: Projektowanie(...). Ogólnie Logo czcionka większa, a hasełka pod mniejsza. Duża różnorodność rodzajów czcionek nie zalecana... ciężko się na to patrzy i czyta Link do czcionki
Odnośnie Grida:
960 Grid System – jak przyspieszyć projektowanie i cięcie projektu
960 grid system układ 12 i 16 kolumnowy