Strona Główna » inspiracje, web-design

Najlepsze Strony Web Design WWW Grafika Przegląd

24 listopad 2009 Bez komentarza

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

web_design_znaker_35_544x418

  • 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.

    web_design_znaker_22_544x503

    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.

    web_design_znaker_16_544x261

    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

    web_design_znaker_20_544x361

    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.

    web_design_znaker_40

    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

    web_design_znaker_21_457x368

    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.
    web_design_znaker_28_544x748

    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.
    web_design_znaker_13_458x287

    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.
    web_design_znaker_39_544x380

    Stack Magazines
    web_design_znaker_14_435x482

    10    Typejockeys
    web_design_znaker_12_544x411

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

    12  Anebstar
    web_design_znaker_5a_543x359

    13  Jamie Gregory
    web_design_znaker_30_544x376

    14  Joe
    web_design_znaker_29_544x368

    15   Share Some Candy
    web_design_znaker_15_544x481

    16  Brian Hoff
    web_design_znaker_4a_543x287


    17 Fotografie Warszawy Magazynu Znaker są również layout ‘em godnym polecenia .

    Fotografie_Warszawy_Znaker

    web_design_znaker2

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

    Katalogi, serwisy
    • del.icio.us
    • Facebook
    • Wykop
    • Google Bookmarks
    • MySpace
    • StumbleUpon
    • Technorati
    • Yahoo! Bookmarks
    • E-mail this story to a friend!

    Posty o podobnej tematyce

    Jeśli spodobał Ci się ten artykuł możesz go przesłać automatycznie na swoje konta: Twitter i Facebook

    Facebook!

    Facebook

    Twitter!

    Twitter

    Twój komentarz sprawi mi ogromną satysfakcję!

    Dodaj komentarz poniżej. Możesz także wysłać trackback ze swojej strony. Jak również subscribe to these comments - czyli - subskrybować RSS.

    Z góry dziękuję za komentarz.

    Możesz skorzystać z tagów:
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    Twój gravatar będzie widoczny. Jeśli go nie masz zostanie Ci przydzielony automatyczny. Jeśli jednak chcesz mieć swój, możesz go uzyskać tu, na oficjalnej stronie Gravatar.

    znaker