Jeśli chcecie mnie wesprzeć to zapraszam do kupna mojego poradnika "Jakim jesteś Makiem?".

Zmiana designu Makowego ABC – edycja late 2012 [uaktualniono]

· Wojtek Pietrusiewicz · 53 komentarze

Dzisiaj dosyć drastycznie podszedłem do tematu i po wielu miesiącach szukania inspiracji wreszcie znalazłem ostatni brakujący klocek. W nowym wyglądzie przede wszystkim staram się nadal zapewnić maksymalną czytelność strony, bez konieczności korzystania z wszelkich wycinarek, a przy okazji mam nadzieję, że będzie również odrobinę bardziej elegancko.

Generalny układ bloga się nie zmienił – w menu nadal macie te same pozycje. Wyleciały co prawda przewijalne paski z różnymi kategoriami wpisów – być może kiedyś jeszcze powrócą, ale nie w najbliższych dniach. Kolorystycznie zrezygnowałem z niebieskiego, który był obecny przez tyle lat na Makowym ABC i w końcu przesiadłem się w pełni na czerń oraz używany od ostatniego redesignu (oraz znacznie wcześniej na nieistniejącym już blog.moridin.pl) #c40e27, który bardzo przypadł mi do gustu. Od teraz wpisy, które mają linki w nagłówku będą czarne, a ważniejsze i rzadziej pojawiające się wpisy właśnie w czerwieni.

Niestety na urządzeniach mobilnych jest jeszcze problem z DISQUSem, czyli komentarzami, którego już nie miałem siły dzisiaj usunąć. Jutro przeliczę wszystkie mobilne wersje strony na procenty i mam nadzieję, że to załatwi problem. Jeśli zauważycie gdzieś błędy lub problemy to zostawcie komentarz, a postaram się je jak najszybciej usunąć. Aha – ten obiecany od dawna search jest nadal w planach, a tymczasowo polecam przejście do Archiwum i skorzystania z ⌘f lub poprzez Google, który i tak lepiej daje radę niż WordPressowa wyszukiwarka.

P.S. Na dole strony macie linki do wszelkiej mojej działajności jak Twitter, FB, App.Net i tak dalej.

Smacznego!

Uaktualnienie

Wygląda na to, że wygląd mobilny dla iPhone’a, iPada i podobnych urządzeń został zakończony pomyślnie. Jeśli jeszcze zauważycie jakieś błędy to dajcie znać. Na obecną chwilę jeszcze średnio działa DISQUS (obcina go lekko) – postaram się to poprawić jak się dowiem co jest źle.

Zdjęcie: 2048px.com

Chcesz zwrócić mi na coś uwagę lub skomentować? Zapraszam na @morid1n lub na forum.

  • „Aha – ten obiecany od dawna search jest nadal w planach (…)”

    Przecież działa – http://www.makoweabc.pl/?s=philips ;)

  • Wojtek dla mnie bomba! Jest super czyste i czytelne, z dużymi grafikami/ fotkami.

  • Behinder

    Tylko nie przeliczaj wielkości ekranu na ten z iphone 5 bo reszta ajfoniarzy się zezłości :P

  • Bo znacz tricki i hacki. ;-)

  • Dzięki Pawle. :)

  • Kombinuj dalej ;)

  • PD

    Ładnie

  • Oj te grafiki chyba robione pod rMBP, na MBA jakoś tak dużo miejsca zajmują na ekranie, mi to średnio odpowiada ale i tak czytam bloga przez RSSy.

  • duchu

    Zajebiscei wyglada, dobra robota :)

  • Retina jest serwowana jak ktoś wejdzie z rMBP, iPad lub iPhone (lub innego tego typu).

  • Fantastyczna robota!

  • No to są duże te graficzki :P ale ważne że większości pasuje, a ja ponarzekałem żeby za słodko nie było :P

  • czarna czcionka menu jest trochę niewidzialna na tym tle.. może jakaś bardziej jasno szara by zachowała proporcje pomiędzy dyskrecją a jej widocznością…

  • taperPL

    Muszę przyznać że w Flipboard poprzedni wygląd bardziej mi pasował. Ale chyba jestem w mniejszości ;)

  • Thanks. :)

  • Ale ja nie mam wpływu na Flipboarda. Chodzi Ci o widok „tekstowy”?

  • Szybkie testy – wróciłem do jasnej.

  • Dzięki.

  • :)

  • All new design!!! The most amazing Makowe ABC yet!

  • Jesteś.

  • Ale czarna na grafitowym tle… styl iPhone 5 black & slate.

  • Jedna sugestia, może niepotrzebna. Próbowałeś zrobić „makowe” w logotypie w odmianie białej? Teraz wygląda dobrze, ale… ;-)

  • taperPL

    FlipBoard na iPhone 4S. Po przejściu na artykuł mam wersje html. Nie ma tragedii po prostu góra jest szara, a pod artykułem mam szary pasek, po czym biały i znów szary dół. W firefox wygląda fantastycznie..

  • Ok wszystko jasne.

  • Tak. Słabo.

  • ;-)))

  • Świetna decyzja. Twoja strona od razu stała się o wiele czytelniejsza, czego dowodem niech będzie to, że już zacząłem cmd-klikać na nowe wpisy w Reederze :)

  • Nie powiem, ładnie tu, ładnie. :) Jedyne nad czym można by pomyśleć, to może zastosowanie w artykułach czcionki szeryfowej, która nie męczy wzroku przy czytaniu tak bardzo jak bezszeryfowa. A wtedy w nagłówku czcionka bezszeryfowa. :)

  • Ja bardziej do treści przykładam wagę, a tej jest tutaj dużo i w najlepszym wydaniu. Jednak i opakowanie /design/ jest ważny i tu piątka. Pozdrawiam.

  • BGN

    O M G. Ta strona wygląda lepiej niż jakikolwiek blog, który widziałem. Geniusz. Teach me master: chciałbym kiedyś projektować chociaż w połowie tak dobrze.

  • Układ, fonty – wszystko pięknie, tylko to tło takie depresyjne… Za oknem ciemno, na Makowym ciemno i smutno… Może się przyzwyczaję jeszcze… ;)

  • K G

    Oj trochę bez konsekwencji ten nowy wygląd. W treści posta masz duże marginesy, a w komentarzach te marginesy są bardzo małe. Kolejna rzecz to to, że czerwony akcent w takiej kontrastowej kolorystyce w ogóle mi tu nie pasuje. Za dużo, stanowczo za dużo.

  • 0wczar

    Aktualne logo zniszczy nawet najlepszy layout na świecie.
    Zmień logo koniecznie a będzie dobrze.

  • mgabryelski

    Jak już kiedyś wspomniałem czytanie Mackowego ABC na iPhonie to czysta poezja, a teraz do tego podają jeszcze Cappuccino oraz ciastko… SUPER!

  • SSebastian

    Teraz jest fajnie, ale minimalizm psują mi jeszcze te działy po prawej od logo. Generalnie jest świetnie: czytelnie (zmieniłeś logo z czarnego na białe i jest teraz bardzo czytelne), estetycznie i ładnie. Bardzo mi się podobają zdjęcia na całą szerokość strony. Super.

  • Czy za utrudnianiem życia użytkownikowi, karząc mu czytać teksty krojem bezszeryfowym – mając nagłówki zapisane szeryfowym (!) – kryje się jakaś głębsza typograficzna idea, której nie znam czy po prostu na przekór całemu światu używasz krojów w sposób przeciwny do ich oryginalnego przeznaczenia? Jestem szczerze ciekaw.

  • Manikos

    A moze jeszcze taka mala zmiana?
    Wiem ze biale logo Ci nie pasuje, ale zmienilem jeszcze troche Menu na gorze i dalem troszke ciemniejsze tlo.
    Co myslisz? Pozdrawiam

    Ogolnie wprowadzone zmiany SUPER, duzo lepiej niz wczesniej!

  • Miłoszu, dobrze wiesz, że są dwie szkoły. Nie jest zwolennikiem ani jednej, ani drugiej, a kroczę swoją własną ścieżką tutaj. Nie spodziewałem się akurat po Tobie tak staroświeckiego podejścia do czcionek. Zresztą „oryginalne przeznaczenie” można podważyc na kilka różnych sposobów i o tym też dobrze wiesz. :-)

    P.S. Masz ortografa w pierwszym zdaniu.

    P.P.S. Odpisałem wczoraj w nocy, ale chyba komentarz zniknął.

  • Nie znam dwóch szkół, poważnie. I, bynajmniej, nie uważam mojego podejścia do kroju pisma za staroświeckie. Kieruję się tu prostymi zasadami czytelności. Oczywiście, że możesz kroczyć własną ścieżką na przekór wszelkim zasadom; nie podważam tego. Byłem jedynie ciekaw Twojej argumentacji, której jednak nadal nie znam.

    W kwestii oryginalnego przeznaczenia, absolutnie się nie zgadzam. Każdy krój jest tworzony w jasno określonym celu – każdy twórca Ci to powie. Nie wiem dlaczego ktoś miałby chcieć to podważać.

  • Właśnie o to chodzi w „zasadach”, że jedni są uwiązani do szeryfowych czcionek, których czytelność wywodzi się się z zupełnie innych mediów niż ekran komputera, a inni są zwolennikami sans z takich czy innych powodów, przy czym jeden jest ich większa czytelność na ekranach komputerów.

    Akurat w przypadku Proximy przemawia przede wszystkim do mnie jedna rzecz: jestem w tej czcionce absolutnie zakochany i w końcu zdecydowałem się na nią. Wystarczy jako argument? :) Poza tym ma wiele cech które mi zwyczajnie odpowiadają ale to temat na inną klawiaturę niż iPhone’ową.

    Drugim jest fakt, że nie znalazłem żadnej szeryfowej czcionki która spowodowałaby chęć wydania na nią kasy. Przynajmniej nie na taką która pasowałaby tu. Darmowych tym bardziej.

  • Dzięki za miłe słowa. :)

  • Ach, czyli stawiasz sympatię do kroju ponad czytelność – jest to jakiś argument. Ale czemu w takim razie w ogóle stosujesz szeryfową do nagłówków? Skoro i tak odrzucasz wywodzącą się z zasad hierarchię (nagłówek/treść) i skoro żaden szeryfowy krój Ci się nie podoba, to czy uwielbiona Proxima nie byłaby lepsza do tego celu?

  • Zawstydzasz mnie.

  • Masz ortografa w pierwszym zdaniu.

    Proszę nie stosuj takich argumentów bo dobrze wiesz że są dwie szkoły oraz za i przeciw dla obu.

  • P.S. Georgia jest tylko dlatego że jeszcze nie wybrałem partnera dla Proximy.

  • Nie znam dwóch szkół, poważnie. I, bynajmniej, nie uważam mojego podejścia do kroju pisma za staroświeckie. Kieruję się tu prostymi zasadami czytelności. Oczywiście, że możesz kroczyć własną ścieżką na przekór wszelkim zasadom; nie podważam tego. Byłem jedynie ciekaw Twojej argumentacji, której jednak nadal nie znam.
    W kwestii oryginalnego przeznaczenia, absolutnie się nie zgadzam. Każdy krój jest tworzony w jasno określonym celu – każdy twórca Ci to powie. Nie wiem dlaczego ktoś miałby chcieć to podważać.

  • Właśnie o to chodzi, że jedni są uwiązani do szeryfowych czcionek, których czytelność wywodzi się się z zupełnie innych mediów niż ekran komputera, a inni są zwolennikami sans z różnych powodów.
    Akurat w przypadku Proximy przemawia do mnie jedna ważna rzecz: jestem w tej czcionce absolutnie zakochany i w końcu zdecydowałem się na nią. Wystarczy jako argument? :) Poza tym ma wiele cech które mi zwyczajnie odpowiadają ale to temat na inną klawiaturę niż iPhone’ową.
    Drugim jest fakt, że nie znalazłem żadnej szeryfowej czcionki która spowodowałaby chęć wydania na nią kasy. Przynajmniej nie na taką która pasowałaby tu.

  • Ach, czyli stawiasz sympatię do kroju ponad czytelność – jest to jakiś argument. Ale czemu w takim razie w ogóle stosujesz szeryfową do nagłówków? Skoro i tak odrzucasz wywodzącą się z zasad hierarchię (nagłówek/treść) i skoro żaden szeryfowy krój Ci się nie podoba, to czy uwielbiona Proxima nie byłaby lepsza do tego celu?

  • Super design. Prawie jak fabryka, pikseli ale…
    Rażą rozjeżdżające się na szerokość tytuły, nie trzymają marginesów takich jak ma treść, (dla komentarzy również, na razie nie ma czystości i robi to bałagan) oraz kolorowe logo. Jakbyś je zamienił na jednobarwne np. na takie jak zaproponował @Manikos to dużo by poprawiło, bo te kolory na ciemnym tle psują ten ładny minimalistyczny design.
    Co do odwrotności stosowania szeryfowych i bezszeryfowych czcionek to już inni się wypowiedzieli. Na szczęście opcja Reader w Safari ładnie stronę zamienia.

    Ogólnie jeden z najładniejszych blogów jakie czytam.

  • Nagłówki są celowo szersze od treści.

  • Z nowym logiem witryna prezentuje się dużo lepiej. Tło również ma teraz ciekawszy odcień.
    Po prostu najładniejszy blog jaki dotąd widziałem. Śliczny, minimalistyczny ubarwiany pięknymi fotkami.
    Jak dla mnie mistrzowska robota!

  • Dzięki. :)