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
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
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ę.
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
Bardzo mi się podoba! O takie ikony nic nie robiłem!
Szmeruję to i bardzo mi się podoba. !news@szmer.info i !wiadomosci@szmer.info mogłyby zyskać niepojęte walory estetyczne z twojej pracy.
<3 jak Ty lub ktoś podrzuci pomysł na symbol lub znak to narysuję w wolnej chwili
Mega! Czy możesz narysować dla c/trojmiasto ikonkę “3m”? 🤩
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.
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?
Syrenka❤
c/lodz to grupa do shitpostu. Dodaj kupę
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?)
好 (lubić) albo 本 (książka) mogło by nadawać się na logo. Kontur wysp japońskich. Pszczółka maja to anime albo Muminki z 1990 I dać postać w logo w stylu 4chana
Super
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
Swietny pomysł!
Ten moment kiedy wszyscy zastanawiają się:
- Hmm, dlaczego wcześniej tego nie robiliśmy?
Ale super, mega mi się podoba
Piękne.