Grafika strony www musi być przede wszystkim lekka. I to pod każdym względem. Dobry web-design musi funkcjonować jak dobry plakat, jak obraz malarski. Lekkość, skromność i przejrzystość – oto trzy elementy, o których należy pamiętać przy tworzeniu dobrze wyglądającej strony internetowej.
Lekkość dobrego layout ‚u, tematu, czyli widocznej powierzchni strony internetowej polega również na skromnym i zgrabnym doborze, układzie elementów. Dlatego też Znaker prezentuje w kategorii (magazynie) Web-Design przegląd jeśli nie-najlepszych to bardzo dobrych stron www, w których zostały spełnione powyższe zasady.
Przypomnijmy, że typowa strona składa się z kilku części takich jak: nagłówek (header), nawigacja, treść (content) stopka (footer). Przyjrzyjmy się zatem jak te trzy elementy wykonano na różnych stronach stworzonych przez profesjonalistów. Jeśli jesteś web-designerem z pewnością przyda ci się znajomość tych stron.
Minimalistyczny Web-Design
Oryginalność tego layoutu polega m.in. na okrągłym podglądzie postów. Brak zbędnej ornamentyki, nieruchoma nawigacja i ciekawa grafika czynią to portfolio przejrzystym, czytelnym i zrozumiałym. Zobacz stronę w oryginale Portfolio Hellopanos
Image may be NSFW.
Clik here to view.
Przegląd Stron, które trzeba zobaczyć:
Profesjonalna Grafika, Web-Design, Layouts
Pierwsza prezentowana strona odznacza się super-szybkim ładowaniem. Jest to też portfolio. W poszczególnych postach znajdują się grafiki Grphic Designer ‚a, z krótkimi i rzeczowymi opisami. Bardzo mała nawigacja ogranicza się do strony pt.: about i contact. Reszta to projekty widoczne w pliku: index.html. Skromnie, przejrzyście i pięknie.
Image may be NSFW.
Clik here to view.
Druga z kolei strona odznacza się przede wszystkim świetnie zaakcentowanym logo, kolorem czerwonym – będącym dominantą, a także ciekawie animowaną nawigacją. W przejściu a:hover menu nawigacji podświetla się na ręczny styl pisma. Na uwagę zasługuje template zatytułowany portfolio. Większe zdjęcia po lewej, treść po prawej, a wszystko wyświetlone jako display block. Każda z części odcięta czerwoną strzałką – leitmotive ’em obecnym we wszystkich pod-stronach. Mistrzowski web-design, a każdy z działów otwierany jest bardzo pięknie przygotowanym tekstem zapisanym w formacie png.
Image may be NSFW.
Clik here to view.
3 Noupe
Bogaty serwis. Przyda się z pewnością amatorom WordPressa. Mnóstwo cennych, przydatnych rad w działach tips and tricks. Znajdziesz tu Tutoriale z Photoshopa, teksty dotyczące CSS i technologii AJAX. Strona współpracuje ze Smashing, a to już o czymś świadczy. Różowo – Szara kolorystyka strony sprawia, że jest ona świetnie zapamiętywalna. Lektura obowiązkowa. Ciekawy podział. Cztery artykuły bieżące – rozwinięte, cztery – skrócone, oraz świetna nawigacja w technologii Ajax umieszczona poniżej – podzielona na kategorie. Ciekawy przegląd czcionek. Piękna Typografia w Web Design
Image may be NSFW.
Clik here to view.
4 Cssremix
Świetnie przygotowana galeria, w której w trybie live możesz podejrzeć ciekawe strony, templatki i layout ‚y. Znalazłem tu między innymi stronę do rysowania on-line, którą polecam każdemu on-line rysownikowi (Rysunki on-line). Bez zbędnej nawigacji, czarny minimal. Prawdziwy remix. Galeria, w której każdy znajdzie coś dla siebie.
Image may be NSFW.
Clik here to view.
Portfolio Grafika, Web-Designera, Ilustratora. Na uwagę zasługuje nawigacja. Klikając małą niepozorną strzałeczkę uruchamiamy scroll, który przedstawia nam wykonane prace z ich krótkim opisem. Całe portfolio składa się praktycznie z jednej strony. Szczyt minimalizmu graficznego? Ten sam autor prowadzi jednak bloga, który jeśli nie-skrajnie to w dużym stopniu odbiega od założonej minimalności portfolio. W blogu znajdziesz nawiązania do znanych grafików, ilustratorów i malarzy. Blog a zwłaszcza artykuł poświęcony plakatom podróżnym z początku XX wieku-Travel Brochure Designs
Image may be NSFW.
Clik here to view.
6 Kind Company
Portfolio firmy tworzącej strony internetowe. Przyznam, że mam słabość do stron, których pierwsza strona składa się z obrazków. Minimalny, jasny i przejrzysty nagłówek. Reszta informacji umieszczona w stopce.
Image may be NSFW.
Clik here to view.
7 International Office
Minimalistyczne portfolio składające się z jednej strony wyświetlanej poprzecznie. Na uwagę zasługuje zafiksowany absolutnie napis – logo, który wyjaśnia czym zajmuje się firma. Logo nie zmienia swojego położenia, gdy scroll ‚ujemy. Dodajmy, że strona nie ma nawet zewnętrznego arkusza stylów CSS. Wszystko jest w jednym kawałku.
Image may be NSFW.
Clik here to view.
8 David Bushell
Skromność, jasność i origami. Strona tytułowa utrzymana jest w tym samym stylu co portfolio i blog tego autora. Zielono – szaro – biało.
Image may be NSFW.
Clik here to view.
9 Stack Magazines
Image may be NSFW.
Clik here to view.
10 Typejockeys
Image may be NSFW.
Clik here to view.
11 Studio Luma
Tendencje dotyczące współczesnego logo Tendenze nel logo design 2009
Image may be NSFW.
Clik here to view.
12 Anebstar
Image may be NSFW.
Clik here to view.
13 Jamie Gregory
Image may be NSFW.
Clik here to view.
14 Joe
Image may be NSFW.
Clik here to view.
15 Share Some Candy
Image may be NSFW.
Clik here to view.
16 Brian Hoff
Image may be NSFW.
Clik here to view.
17 Fotografie Warszawy Magazynu Znaker są również layout ’em godnym polecenia .
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Zobacz również:
Inspirujące strony 2009
Dzięki