Kilka dni temu jeden z najbardziej popularnych blogów traktujący o szeroko pojętej sieci, grafice oraz tworzeniu stron przeszedł gruntowny redesign.
Sam należę do stałych czytelników tego bloga i jestem naprawdę mile zaskoczony wszystkimi zmianami jakie tam zaszły.
Oto nowa wersja graficzna:
Oraz dla porównania stara wersja:
Jak widać na zamieszczonych wyżej screenach starej i nowej strony można zauważyć, że układ poszczególnych elementów nie uległ zmianie – jednak ich wygląd uległ zmianie.
Poniżej przedstawię zmiany jakie się pojawiły na stronie:
RSS
Wersja stara:
Nic ciekawego, mały button z średnio-czytelną liczbą subskrybentów z ikonką u góry.
Wersja nowa:
W nowej wersji natomiast mamy fajny panel z bardzo czytelną informacją o subskrybentach kanału RSS oraz śledzących ich na Twitterze wraz z miło wyglądającym obrazkiem po prawej 
Menu
Wersja stara:
Wersja nowa:
Jak widać, w nowym smashingmagazine menu oraz czcionka została powiększona, a tło menu przyciemnione (została dzięki temu zwiększona czytelność).
Na powyższym obrazku możecie zobaczyć jak wygląda teraz wybór kategorii wpisów – w przeciwieństwie do poprzedniej wersji zostało ono ‘ukryte’ w rozwijanym panelu. (mniejszy bałagan w menu jest dzięki temu)
Nagłówek wpisu
Stara wersja:
Nowa wersja:
Czcionkę nagłówka wpisu zmniejszono oraz zmieniono jego kolor na pasujący do reszty designu; resztę informacji zmniejszono i także dostosowano stosownie do całości.
Oferty pracy, itp.
Stara wersja:
Fajny design, dzięki kolorkom nadaje trochę życia layoutowi i przyciąga uwagę.
Nowa wersja:
Elegancko, dostosowane do całości; jednak imho ciut zbyt szablonowo potraktowane (w poprzedniej wersji było w tym trochę życia, teraz jakieś takie formalne ;p). Ale mimo tego i tak całkiem miły design.
Elementy układu strony
Stara wersja:
W starej wersji oddzielano elementy za pomocą dosyć łagodnego cienia jak widać powyżej.
Nowa wersja:
W nowej wersji zaś postawiono na całkowitą prostotę – cieniutkie szare i dosyć słabo widoczne linie.
Popularne wpisy
Stara wersja:
Nowa wersja:
Dostosowanie kolorystyczne czcionki nagłówka i dodanie eleganckiej ikonki reprezentującej element.
Paginacja
Stara wersja:
Imho ciut za mocny niebieski został tutaj użyty.
Nowa wersja:
W nowej wersji zobaczymy ciut łagodniejszy design, z przyjemnym błękitnym kolorem oraz ze zwiększoną czcionką dla większej czytelności.
Komentarze
Stara wersja:
Fajnie wyglądające błękitne pole z komentarzem, które w porównaniu do nowej wersji mogłoby się wydawać ciut banalne.
Nowa wersja:
Jak widać nowa wygląd komentarzy jest bardzo elegancki i piękny w swojej prostocie oraz niezwykle czytelny. (Id komentarza nie jest tak “prostacko” użyte jak w poprzedniej wersji ;p)
Stopka
Stara wersja:
Starej wersji lepiej nawet nie komentować…
Nowa wersja:
W nowym smashingmagazine zobaczymy odnowioną stopkę, zawierającą linki z ładnym podziałem na kategorie.
Możemy tam także zauważyć fajnie wyglądający rysunek będący odnośnikiem do podstrony z informacjami o jej autorach.
W nowej wersji strony znalazły się także nowe rzeczy, takie jak:
Wpisy stron partnerskich
Smashingmagazine po redesignie postanowiło zrobić swoistą sieć stron traktujących o internecie, grafice oraz stronach www, które są często aktualizowane i posiadają content (czyt. treść) wysokiej jakości.
Dlatego pod wpisami głównymi można zobaczyć skróty razem z odnośnikami do wpisów stron partnerskich (należących do tej sieci).
Przeglądarka tagów
Ciekawe rozwiązanie przeglądarki tagów – tagi podzielone na kategorie, a to wszystko pojawiające się za pomocą javascript po kliknięciu małego napisu “Popularne Tagi” (Popular Tags), znajdującego się po lewej stronie obok panelu z informacją o subskrypcji (RSS / Twitter).
To wszystko jeśli chodzi o redesign smashingmagazine.
A wy co myślicie o tej ciekawej zmianie? Zapraszam do podzielenia się własną opinią na temat tego redesignu w komentarzach
