update: więcej propozycji w albumach imgur pod linkami

Graphic design is my passion.

Mega podoba mi się branding naszej instancji. Mówię o czcionce w głównym logu, poziomych pasach udających szum radiowy (albo szmer, ha!) i dwukolorowych, naśladującym stereoskopię reliefach.

Jednocześnie zauważyłem, że niektóre społeczności używają ikonek “bylejakich” z wyszukiwarki, albo nie mają ikon w ogóle. Postanowiłem wziąć sprawy w swoje ręce i wymyślić je, naśladując estetykę loga. Rzecz jasna nie porywam się na rysowanie nowych log dla wszystkich społeczności; tak robi instancja Beehaw i jakoś nie przekonuje mnie to. Rzecz jasna nie będę walczył o wprowadzenie moich znaków, nie obrażę się też jak zostaną zignorowane. Robiłem to w wolnej chwili i nie kosztowało mnie wiele czasu. Poniżej moje propozycje.

c/zapytajszmer

To logo powstało jako pierwsze – bolało mnie, że dosyć duża i charakterystyczna społeczność używała stockowego znaczka ©. Ponadto jest stricte powiązana z naszą instancją, jako chyba wciąż jedyną polską, więc priorytetowo chciałem zrobić jej pasujące logo.

c/wspolnota oraz c/meta

Pomysły na te dwa loga pasują mi do obu tych społeczności, więc nie wiem, które mogłoby być na której. Konceptem za kwadratowymi nawiasami są częste oznaczenia w metapostach (np. [meta] czy powinniśmy banować libków na naszej instancji?). Odwrócenie kolorów w logu szarym natomiast było inspirowane “pochodnością” społeczności tego typu: nie dotyczą żadnego konkretnego tematu, poza działaniem samego portalu. Odwrócenie kolorów skojarzyło mi się z taką funkcją serwisową: żeby było widać, czego dotyczy, ale różnica była jednocześnie całkowicie czytelna.

A jak już jesteśmy w temacie tych dwóch społeczności, to czym one się różnią, w założeniu?

c/wwa

więcej tu

c/wwa w tej chwili używa czarnego obrysu Pałacu Kultury, który jest całkowicie nieczytelny w trybie ciemnym. Mam zatem dwie propozycje – obie z Pałacem Kultury, jedna w kolorystyce szmerowej (stereoskopowy czerwono-niebieski), druga ma reliefy w kolorystyce flagi miasta (żółto-czerwony). W odróżnieniu od pozostałych, te dwa loga używają dziewięciu poziomych linii zamiast ośmiu – nie udało mi się przy użyciu ośmiu linii czytelnie oddać zarysu PKiN. Miało być trzecie z napisem “wwa”, ale 3 litery nie komponują się ładnie w tej skali i takim kształcie. Są cztery propozycje: dwie z PKiN, dwie z Syrenką, w dwóch wersjach kolorystycznych.

c/ekg

i więcej tutaj

Społeczność o pieniądzach naturalnie reprezentować miałby dolar: “$”. Stwierdziłem jednak, że co nam po szylingach kapitaluchów, może przynajmniej kolonialne srebrniki, więc miało być euro “€”. Ale w sumie nie przyjęliśmy jeszcze euro w Polsce, no to zostańmy przy złotówce.

EDIT: alternatywnie, logo ekg mogłoby używać reliefów złoto-brazowych albo zarysu dwóch monet. Jak wrócę do domku to narysuję

Tyle ode mnie; jak mówiłem, są to otwarte propozycje do dyskusji albo odrzucenia, nie obrażę się.

  • nudny ekscentryk@szmer.infoOP
    link
    fedilink
    Polski
    arrow-up
    5
    ·
    edit-2
    1 year ago

    A jeżeli ktoś się chce sam pobawić w rysowanie takich log, to w ramach wiary w opensource załączam manual:

    • program: ja używam Gimpa i rysunki robię jako pixelarty przy użyciu narzędzia ołówka z końcówką kwadrat 1px, potem skaluję
    • rozmiar znaków: litery na wysokość 15 pixeli (8 linii poziomych), szerokość 14 pixeli (poza wąskimi i szerokimi “ilmw”) wliczając kolorowe reliefy po bokach; symbole na 10 lub 11 linii wyglądają najlepiej (powyżej mam wrażenie że tracą rozpoznawalność)
    • paleta kolorów: tło 1f1f1f; znaki e2e2e2; relief niebieski 70cdde; czerwony ec2126
    • średnica: mierzę przekątną! znaku przechodzącą od najdalej wysuniętego narożnika przez środek ciężkości, zaokrąglam w górę, dodaje 6 lub 7 pixeli (zależnie od symetrii) i kadruję w kwadracie o takim boku
    • ustawienie: centruję środkiem ciężkości, czasami trzeba lekko przesunąć o jeden pixel pionowo lub na boki dla zrównoważonej kompozycji
    • skalowanie: skaluję do 300px, bez interpolacji!
    • wycięcie koła: zaznaczam całość poprzez ctrl+A, następnie zamieniam zaznaczenie na okrąg, z włączonym anti-aliasingiem, ale bez zmiękczania krawędzi; proporcja 1:1, ale powinno się automatycznie zrobić po zaznaczeniu kwadratowym. odwracam zaznaczenie Ctrl+I, wycinam rogi z koła
    • format: dla zachowania przezroczystości najlepiej wyeksportować do .png z kompresją 9, która daje lekkie zblednięcie i rozmycie kolorów
      • pfm@szmer.info
        link
        fedilink
        Polski
        arrow-up
        2
        ·
        1 year ago

        Mega! Czy możesz narysować dla c/trojmiasto ikonkę “3m”? 🤩

      • Ludrol@szmer.info
        link
        fedilink
        Polski
        arrow-up
        1
        ·
        1 year ago

        Granice polski wpisane w okrąg reprezentujące globus polski. Nie wiem jak bardzo to by było wykonalne bo jak na oko liczę to potrzeba około 15 linii w pionie.

  • nudny ekscentryk@szmer.infoOP
    link
    fedilink
    Polski
    arrow-up
    4
    ·
    edit-2
    1 year ago

    Rozważam też propozycję loga “VG” dla c/bezmiesa oraz “://” dla c/wolnyinternet, aczkolwiek tam już jest logo fediversu

    edit: może łodkę dla c/lodz? Taką jak w herbie

    editt: syrenka dla wwa?

  • Machefi@szmer.info
    link
    fedilink
    Polski
    arrow-up
    3
    ·
    1 year ago

    Wygląda genialnie! Wersje z kolorowymi akcentami dają moim zdaniem najlepszy balans między jednością a indywidualnością społeczności.

    Instancja Programming.dev miała swego czasu podobną akcję na poziomie administracji i ich ikonki są teraz podobnie charakterystyczne i rozpoznawalne.

    Od dawna zastanawiałem się co nadawałoby się na ikonę dla !manga@szmer.info, więc spróbuję pójść w tę stronę, choć wciąż nie wiem co konkretnie umieścić (może kanji?)

  • kolektyw Szmer@szmer.infoM
    link
    fedilink
    Polski
    arrow-up
    2
    ·
    1 year ago

    Ogromne dzięki i wielkie uznanie za twoje wspaniałe grafiki dla społeczności szmeru! Chcielibyśmy od razu to napisać i zachęcać mody do ich używania, ale natrafiliśmy na kompromitujący problem; nie da się obecnie zmieniać grafik społeczności… Niestety wymaga to od nas większej pracy technicznej i dodatkowo proces się opóźnia. Mamy nadzieję, że już niedługo się uda i będziemy mieli sprawniej działający oraz dzięki twojej wspaniałej pracy piękniejszy szmer! <3

  • lemmur@szmer.info
    link
    fedilink
    Polski
    arrow-up
    2
    ·
    1 year ago

    Ten moment kiedy wszyscy zastanawiają się:

    • Hmm, dlaczego wcześniej tego nie robiliśmy?