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

Przegląd Stron, które trzeba zobaczyć:

Profesjonalna Grafika, Web-Design, Layouts

1 Network Osaka

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.

2 Ribbons of red

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.

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

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.

5  Nick Sigler

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

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.

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.

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.

9  Stack Magazines

10    Typejockeys

11 Studio Luma
Tendencje dotyczące współczesnego logo Tendenze nel logo design 2009

12  Anebstar

13  Jamie Gregory

14  Joe

15   Share Some Candy

16  Brian Hoff

Zobacz również:
Inspirujące strony 2009
Dzięki

]]> http://znaker.com/2009/11/24/najlepsze-strony-web-design-www-grafika-przeglad/feed/ 0