Dark mode oraz odświeżone logo 4programmers 🎉

Hejka 4programmers!

Mamy dla Was dwie ekscytujące wiadomości:

Tryb Ciemny – Pierwszy Krok Wprowadzony!

W odpowiedzi na Wasze prośby i oczekiwania, z dumą uruchamiamy pierwszą fazę trybu ciemnego! Na chwilę obecną, możecie cieszyć się nim na stronie głównej, stronach wątków oraz mikroblogów. To dopiero początek – planujemy dalsze prace, by stopniowo wprowadzać dark mode na kolejne podstrony. Przełącznik zmieniający motyw na ciemny znajdziecie już teraz obok przycisku Githuba (w nagłówku). Zapraszamy do korzystania i dzielenia się opiniami

Odświeżone logo 4programmers

Stale ewoluujemy, a nasz wizerunek wizualny od 2006 roku się nie zmieniał. Nadszedł jednak czas, by nasze logo przeszło subtelne odświeżenie. To nie rewolucja, lecz ewolucja– z szacunkiem do tradycji i historii, którą wspólnie tworzymy. Nowe logo 4programmers zachowuje klasyczne elementy, jednocześnie wprowadzając świeżość i lepszą adaptację do nowoczesnych mediów.

Nasz klasyczny sygnet, który od lat dumnie symbolizuje liczbę "cztery", jest sercem marki 4programmers. Pierwotny sygnet logo składa się z centralnego elementu, symbolizującego liczbę cztery – kluczowy komponent nazwy 4programmers. Po bokach znaku umiejscowione są obręcze w kolorach ciemnoszarym i jasnoszarym.

W ramach rebrandingu postanowiliśmy zrezygnować z obramowania i usystematyzować wygląd sygnetu, opierając go na siatce. Usunięcie obramowania i uporządkowanie znaku sprawiają, że jest on teraz bardziej czytelny i rozpoznawalny. Siatka, na której oparliśmy konstrukcję znaku, stała się fundamentem dla nowej identyfikacji wizualnej. Charakterystyczne elementy, które z niej wynikają, mają symbolizować użytkowników forum oraz ich różnorodne kompetencje. Użytkownicy ci, poprzez wymianę wiedzy, dopełniają się nawzajem, tworząc zwarty intelektualny monolit.

Aby zapewnić spójność z pierwotnym wyglądem znaku, postanowiliśmy wybrać typografię nawiązującą do oryginalnej koncepcji. Wyselekcjonowany krój pisma charakteryzuje się bardziej zharmonizowanymi proporcjami glifów. Ponadto, zdecydowaliśmy się na graficzne połączenie dwóch liter „m” w nazwie „4programmers”, co ma symbolizować nieprzerwaną wymianę wiedzy między użytkownikami.

I jeszcze jedno – w ramach tej odświeżającej zmiany, pożegnaliśmy się z rozszerzeniem .net w naszej nazwie, ale bez obaw domena pozostaje bez zmian Dlaczego? Ponieważ 4programmers to więcej niż strona internetowa; to społeczność, której wartość wykracza poza cyfrową przestrzeń.

Aby mieć pewność, że nasze logo znajduje się w dobrych rękach, powierzyliśmy jego odświeżenie Jankowi Magońskiemu – designerowi z wieloletnim doświadczeniem, wykładowcy akademickiemu na SWPS oraz mówcy TEDx. Współpracowaliśmy z Jankiem przy licznych projektach i jesteśmy przekonani o jego pełnym profesjonalizmie. Janku, składamy Ci serdeczne podziękowania za to, że włożyłeś swoje umiejętności i serce w odświeżenie naszej wizualnej tożsamości, nie tylko odświeżając wygląd, ale również wzbogacając go o symbolikę, która nawiązuje do naszego forum i jego historii.

<video src="https://4programmers.dev/newLogo.mp4"></video>

Droga społeczności, to dzięki Wam 4programmers nieustannie się rozwija. Czekamy na Wasze sugestie i komentarze, które pomogą nam w dalszym doskonaleniu forum.

Serdeczne podziękowania za bycie częścią tej ekscytującej podróży!

Miłego dnia!

boże myślałem, że ten ciemny jakiś dziwny, ale widze, że nowy biały też dziwny :(
nie wiem ocb, ale jest mniej czytelnie

A mi się tam bardzo podoba. Gładziej, bardziej nowocześnie i tak jak być powinno.

Mogę pisać i mi nie wypala oczu.

GJ GJ!

Czyli teraz mamy totalną niespójność, bo i kolory różne i raz mm połączone, a raz nie (bo w tekście się nie da).
#dobrazmiana ;-)

Zbyt jaskrawy ten zielony kolor #90ba1d:

Lepszy byłby bardziej stonowany odcień, taki jak na stronie głównej forum, czyli #5e7813:

Zmiany na duży +
Jednak nie do końca działa podświetlanie tematów z obserwowanymi tagami - w jasnym

w ciemnym

Jak dla mnie ciemny jest męczący w tym przypadku, jest też o wiele mniej przyjemny. Ale być może wiele u osobom będzie pasował.

Były badania swego czasu - że ciemny bardziej męczy wzrok przy długich tekstach oraz odpowiada szczególnie osobom poniżej 30 roku życia. Osoby starsze powyżej 30-stki w większości podobno woleli jasne. Natomiast przed 30 było to bez zdecydowanej przewagi.

Czytanie długich tekstów na ciemnym tle bardzo szybko dobija wzrok, męczy go.

Motyw jest całkiem niezły, ale wymaga poprawek i dokończenia. Dobrze, że taki niedorobiony jest na produkcji, bo przynajmniej feedback będzie płynął — niestety na serwer deweloperski użytkownikom wchodzić się nie chce, więc aby jak najszybciej opracować ten motyw, trzeba go wcisnąć użytkownikom i zmusić do feedbacku.

Co mi się jeszcze nie podoba to to, że tytuł wątku w okruszkach nie jest linkiem — używałem go do szybkiego przejścia do pierwszej storny wątku i usunięcia frazy kotwicy z paska adresu przeglądarki (abym mógł skopiować adres wątku, nie wątku i zakotwiczonego posta). Sugeruję, aby link powrócił, bo teraz aby przenieść się do pierwszej strony wątku, muszę użyć przycisku 1 w paginacji.

Nie podoba mi się też to, że przejście do zakotwiczonego posta powoduje, że ten post posiada ciemnozielone tło, które blednie do ciemnoszarego np. po ruchu kursorem. To samo jesli chodzi o przejście do edycji posta — tło staje się ciemnozielone i blednie. Lepiej by było użyć w takim przypadku nieco jaśniejszego szarego odcienia, który by bledł do podstawowego, ciemnoszarego tła.

I tak trzymać — ciemny motyw będzie super, już teraz zapowiada się bardzo dobrze, idealnie pasuje do ciemnego motywu Edge, bardzo przyjemnie się go używa. A każdy kto ma jakieś uwagi co do jego wyglądu, niech zgłasza wszystko — im szybciej się go dokończy i ustabilizuje, tym lepiej dla nas wszystkich.

BTW: nowe logo też spoko.

Jeszcze jedno — podkategoria Delphi ma jakąś prymitywno-starą ikonkę:

Sugeruję ustawić dla działu współczesną ikonkę Embarcadero:

Natomiast dla podkategorii Delphi ikonkę tego IDE lub ikonkę języka od tej firmy:

Ewentualnie inne ikonki, byle z oficjalnego źródła. Znajdziecie je tutaj — https://www.embarcadero.com/news/logo

podświetlenie nieodwiedzonych powiadomień jest mało widoczne

Czasami podczas odświeżania strony pojawiają się dwa logotypy. Jeden <img src=".../logo/light.svg"> oraz drugi <img src=".../logo/dark.svg">

Dlaczego ciemny jest domyślny (już sobie przełaczyłem).

Logo w nagłówku jak się wchodzi w wątek przez chwilę pokazuje się zduplikowane (na telefonie)

Tabelki są nieczytelne w darkmode, temat do poprawy ;)

Powiadomienia -> Nie widać które zostało już "przeczytane", a które jest nowe.

opiszon napisał(a):

Dlaczego ciemny jest domyślny (już sobie przełaczyłem).

Logo w nagłówku jak się wchodzi w wątek przez chwilę pokazuje się zduplikowane (na telefonie)

Ustawienie ciemnego motywu jest tożsame z poprzednim ustawieniem Ciemne menu, które wcześniej zmieniało jedynie kolor nagłówka.

Hmm, jeszcze parę dni temu pisaliście że jest w fazie wczesnych testów i na zgłaszanie błędów odpowiedzieliście że o wszystkich wiecie i to work in progress wręcz zniechęcając do wrzucania kolejnych uwag a dziś już na produkcji przed dopracowaniem wszystkiego.
Ciężko trochę się przyzwyczaić, ta zieleń bardzo bije po oczach
Rzeczy które się od razu rzucają w oczy:

input na górze po kliknięciu:

podświetlenie pozycji w powiadomieniach i wiadomościach

scrollbary

biała linia pomiędzy pozycjami i prawie niewidoczne loga pracodawców, tekst też jest bardzo ciemnoszary i mało widoczny:

tu tak samo ledwo widoczne nazwy użytkowników, wygląda jakby byli zbanowani:

te kropki zielone / pomarańczowe trochę za bardzo się wybijają moim zdaniem, bardzo grube białe obramowania

Ogólnie na plus choć ciężko mi się jeszcze przyzwyczaić, ale znów wydaje mi się trochę pospieszone i testowane na produkcji, zwłaszcza że niektóre podstrony są całkiem nieprzygotowane. Po co ten pośpiech?

Paskudne te kolory kodu:

Nie można by użyć czegoś ładniejszego, np. takiego jak mają w StackOverflow? Pastelowe kolory są ochydne. Sprawdziłem na SO jak by ten snippet wyglądał i cóż — o niebo lepiej:

W GitHub też jest całkiem spoko, choć kolory z SO lepiej pasują do obecnego, ciemnego motywu:

W GitLab też ładnie:

Pasuje zmienić kolorki lub po prostu użyć highlightera z lepszymi schematami kolorów.

Główna szukajka jest biała:

Domyślnie placeholder powinien być szary, aby nie wyglądał tak samo jak wpisany tekst. Obecnie jest biały:

obscurity napisał(a):

Ogólnie na plus choć ciężko mi się jeszcze przyzwyczaić, ale znów wydaje mi się trochę pospieszone i testowane na produkcji, zwłaszcza że niektóre podstrony są całkiem nieprzygotowane. Po co ten pośpiech?

Możesz przełączyć motyw na jasny przyciskiem Przełącz motyw w nagłówku.

Nie podoba mi sie nowe logo, ciagle sie zastanawiam co to mam za zakladke otworzona.

Kolor co drugiego wiersza w kategorii z wątkami pasujacymi do tagów użytkownika jest nienajlepszy.

Za ten kolor odpowiada styl klasy .card-topics .card-body.tagged:

.card-topics .card-body.tagged {
    background-color: #fff3cd;
}

Wyłączenie tego stylu daje pożądany efekt, całkiem ładny:

Przy okazji — popup z listą języków jest jasny:

Drodzy @4programmers.net ,
Dajcie niezalogowanym motyw według prefers-color-scheme, jasnozielone na ciemnym rani oczy.

Niemniej cieszę się z wprowadzeniu drugiego motywu dla ludzi o odmiennych preferencjach.

Ciemny motyw OK, ale co do loga to moim zdaniem tamto było lepsze.

Meh nowe logo wygląda jak kulki analne ułożone heksagonalnie :D

Ja najbardziej szanuję ludzi co znajdują problem i rozwiązują go dając kod, czyli na poziomie jak programista, bo krytykować można, ale krytykę się wybacza tylko jeśli da się alternatywe rozwiązania.

Tła avatarów powinny pozostać białe. Chyba, że mi automatycznie podmienicie avatara dla trybu ciemnego, bo mam takie.

Zdecydowanie za mało tematów styli może byście zrobili jeszcze poszczeóglne tematy styli dla każdej pory roku jeden w odcieniach zimy 1, 2 w odcieniach wiosny 3 w odcieniach lata a 4 w odcieniach jesieni.

wg. mnie samo czarne nie pasuje, bo bardzo "przytłacza" czcionkę, co utrudnia czytanie
więc albo zmiana czarnego na grafitowy, a kontener na ciut jaśniejszy kolor
albo można by zmienić czcionkę, żeby była bardziej widoczna

są generatory palet kolorów i tym bym się sugerował
wystarczy wziąć kolor podstawowy #90A84B i kolor dopełniający #D9681C i na tej bazie wygenerować resztę

może coś przygotuję to podrzucę

Czytanie tego wątku wygląda dobrze w dark mode, main wygląda trochę gorzej, ale już się przyzwyczaiłem i mi się podoba, ale szczerze to nie jest łatwe te style zrobić do wszystkiego, ale dobrze że ludzie mówią trzeba zrobić system gdzie się będzie to wszystko składowało bo w pewnym momencie się zapomni i pominie co jest do zrobienia i co zostało zrobione.

ja nie jestem fajnopolakiem więc się nie będę silić na uprzejmości: brzydki, mało czytelny, wnerwiający, a niedługo pewnie będzie niemodny bo to się tak cyklicznie zmienia
swoja drogą czy dark mode zawsze musi być czarny?