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 ekscentrykOP
    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