this post was submitted on 27 Aug 2023
17 points (100.0% liked)

wspólnota szmeru

1888 readers
2 users here now

O Szmerze - domyślna społeczność platformy

founded 4 years ago
MODERATORS
 

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 (c). 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ę.

you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] 5 points 1 year ago* (last edited 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