Projekt nowej strony głównej

[Piotr93]

No, no ładnie to się prezentuje, gratuluję ciężkiej pracy.

[DzordZ]

Super, fajny, bardzo świeży efekt daje nowa strona.

Na gorąco:

• Odczułem, że główny baner jest wysoko, przecięcie paska z menu od reszty dałbym +- w okolicach tekstu "Strona główna"
• Fajny zabieg z pobraniem w zielonym kolorze
• Może dodatkowo pierwsza (górna lewa) aktualność też by prowadziła do artykułu z najnowszym wydaniem
• Tekst zakładki "Symulator Maszyna ..." + "Aktualności" wyrównałbym, żeby zaczynał się i kończył tak jak linki do artykułów
• Czat / Forum / Wiki widziałbym bez kursywy i podkreślenia, tak jak zakładki "Kontakt", "Galeria"
• Chyba spacing pomiędzy "O symulatorze" i "Galeria" jest większy od reszty, pierdoła
• Może jeszcze w przypadku :hover (najechanie na obszar danego banera) poszczególne teksty "O symulatorze" ... zmieniałyby kolor z białego na maszynowy zielony?

edit: daty przy aktualnościach dałbym na obrazek, przy "1 kwietnia 2023" jest mało miejsca przy tekście artykułu, przykład do inspiracji https://www.prezydent.pl/aktualnosci

[jakubg1]

Odczułem, że główny baner jest wysoko, przecięcie paska z menu od reszty dałbym +- w okolicach tekstu "Strona główna"

Dałem go trochę niżej, ale teraz mam wrażenie, że jest tam brzydka pusta przestrzeń. Może powinienem podwyższyć trochę pasek z menu?

Może dodatkowo pierwsza (górna lewa) aktualność też by prowadziła do artykułu z najnowszym wydaniem

Na stronie głównej jest link w treści, i zawsze przycisk do pobrania jest widoczny w górnym pasku, w zielonym kolorze. Myślę, że wystarczy, każdy zauważy.
Docelowo na stronie pobierania będzie również odnośnik do artykułu z najnowszym wydaniem symulatora.

Tekst zakładki "Symulator Maszyna ..." + "Aktualności" wyrównałbym, żeby zaczynał się i kończył tak jak linki do artykułów

Przesunięte.

Czat / Forum / Wiki widziałbym bez kursywy i podkreślenia, tak jak zakładki "Kontakt", "Galeria"

Jest to celowy zabieg, żeby odnośniki prowadzące do stron zewnętrznych wyróżniały się od odnośników prowadzących do podstron wewnętrznych. Chyba, że macie lepszy pomysł na ich odróżnienie?

Chyba spacing pomiędzy "O symulatorze" i "Galeria" jest większy od reszty, pierdoła

Też mnie to drażni. Podejrzewam, że przeglądarka liczy wielkość tekstu w subpikselach i nie zaokrągla do pełnych pikseli, co kumuluje się i wszystko jest rysowane pomiędzy pikselami, stąd taka niespójność. Spróbuję to jeszcze jakoś naprawić.

Może jeszcze w przypadku :hover (najechanie na obszar danego banera) poszczególne teksty "O symulatorze" ... zmieniałyby kolor z białego na maszynowy zielony?

Tło przycisku lekko się rozjaśniało, ale zmiana koloru tekstu daje jeszcze lepszy rezultat. Dzięki.

edit: daty przy aktualnościach dałbym na obrazek, przy "1 kwietnia 2023" jest mało miejsca przy tekście artykułu, przykład do inspiracji https://www.prezydent.pl/aktualnosci

Dałem w prawym górnym rogu. Dajcie znać, czy teraz wygląda lepiej.

Dzięki za pozytywny odbiór!

[DzordZ]

Czat / Forum / Wiki widziałbym bez kursywy i podkreślenia, tak jak zakładki "Kontakt", "Galeria"

Jest to celowy zabieg, żeby odnośniki prowadzące do stron zewnętrznych wyróżniały się od odnośników prowadzących do podstron wewnętrznych. Chyba, że macie lepszy pomysł na ich odróżnienie?

Poszedłbym w atrybut target="_blank", żeby zamiast przekierowania, pojawiła się nowa zakładka w przeglądarce, .

Super, szybko wdrożona nowa wersja, petarda.

Wrzucam paintową wizualizację - uważam, że zwężenie paska do +- szerokości głównej treści strony powoduje większą smukłość, baner nie jest ociężały.

Wrzucam też pomysł na nagłówek i treść artykułu - wyrównałbym nagłówek do treści pod nim. Zielona kreska to eksperyment, w tej formie mi się nie podoba, może wystarczy przestrzeń między tekstami, albo mniej rzucający się zielony, typu 30% przezroczystości.

Jeśli możesz, pokaż jak to wygląda przy 2 rzędach (zduplikuj te 3 aktualności) - chodzi mi o to, czy przy dużej ilości tekstu przy danym artykule, kolejny rząd jest równo (vide: prezydent.pl).

Poproszę też o jedno - chciałbym zobaczyć jak wyglądają daty "1 kwietnia 2023", te z prawego górnego rogu - z obwódkami wokół znaków zamiast szarego boxa w tle. Pomyślałem, że może to będzie minimalistyczne, jednocześnie nie będzie problemu przy jakimkolwiek zdjęciu poglądowym, ale to doświadczenie.

Kod: [Zaznacz]

<przykład>
text-shadow:
  -1px -1px 0 #000, 
  -1px 1px 0 #000,
  1px -1px 0 #000,
  1px 1px 0 #000;

Dzięki bardzo, przyjemnie to zaczyna wyglądać :D

[jakubg1]

target="_blank" było od początku. Usunąłem styl.
Poprawiłem nieco górny pasek.
Wyrównanie tekstu w artykułach - okej, choć właśnie jednym z celów było nieco lepsze oddzielenie nagłówka od opisu. Nagłówek ma tylko jedną linijkę miejsca, a opis - dwie, co dobrze widać na poniższym przykładzie. Kafelki z aktualnościami mają zawsze taki sam rozmiar.
Cieniowanie daty wygląda w porządku, chociaż przy skrajnym przykładzie (ostatni news) może być odrobinę mniej czytelne. Nadanie lekkiej przezroczystości obwódce daje jednak lepszy rezultat.

[DzordZ]

target="_blank" było od początku. Usunąłem styl.

Obecna wersja bardziej mi się podoba, chociaż chętnie usłyszałbym jeszcze czyjeś zdanie, bo każdy ma własne - natomiast tutaj mamy jedność w banerze.

Poprawiłem nieco górny pasek.

Jak dla mnie - zmiana na plus, fajnie, że screenshot jest idealnie z tekstem strony głownej.

Wyrównanie tekstu w artykułach - okej, choć właśnie jednym z celów było nieco lepsze oddzielenie nagłówka od opisu. Nagłówek ma tylko jedną linijkę miejsca, a opis - dwie, co dobrze widać na poniższym przykładzie. Kafelki z aktualnościami mają zawsze taki sam rozmiar.

Nagłówek jest wyboldowany oraz ma większą czcionkę. Co do oddzielenia nagłówka od opisu, to rozumiem ideę, natomiast życiowo nie spotkałem się z czymś takim, prędzej w drugą stronę (np. tabulacja przy akapicie). Nie czułem spójności w tym.

Dzięki za wizualizację z kolejnym wierszem - dałbym trochę większy odstęp pomiędzy wierszami, jakieś ~120-170% obecnego, na czuja, jak ładniej wygląda. Mam też obawę, odnośnie ograniczenia 1 i 2 linii - nasuwa mi się pytanie (co, jeśli? - przyjdą aktualności po ENG, albo ktoś wrzuci więcej tekstu, czy reaktor wytrzyma). Jeśli będą trzy kropki, jak w "prace nad terenem" to git.

Cieniowanie daty wygląda w porządku, chociaż przy skrajnym przykładzie (ostatni news) może być odrobinę mniej czytelne. Nadanie lekkiej przezroczystości obwódce daje jednak lepszy rezultat.

Petarda za przykład, nie pomyślałem o takich przypadkach. Galancie to wygląda.

[jakubg1]

Dzięki za wizualizację z kolejnym wierszem - dałbym trochę większy odstęp pomiędzy wierszami, jakieś ~120-170% obecnego, na czuja, jak ładniej wygląda. Mam też obawę, odnośnie ograniczenia 1 i 2 linii - nasuwa mi się pytanie (co, jeśli? - przyjdą aktualności po ENG, albo ktoś wrzuci więcej tekstu, czy reaktor wytrzyma). Jeśli będą trzy kropki, jak w "prace nad terenem" to git.

Nie wiem czy nie wygląda to zbyt rozwlekle - chciałbym, by kafelki z aktualnościami były choć trochę zwięzłe. Pobieżny opis, aby tylko wiedzieć, czego mniej więcej się spodziewać, gdy się kliknie, a nie streszczenie całego tekstu.
Trzy kropki generują się automatycznie, zarówno w przypadku tytułu, jak i opisu.

Dzięki wielkie za pomoc! Zapraszam do wyrażenia opinii również pozostałe osoby.

[Miłosz Dorsz]

Zrezygnowałbym z loga na screenshocie z symulatora, skoro jest na pasku, trochę matrioszka się robi. Napis "Strona główna" w obecnej postaci też jakoś mi nie pasuje, nie komponuje się z niczym. Może da się go wsadzić na pasek np. gdzieś obok loga albo w ogóle go usunąć? Tytuły na podstronach można zrobić w stylu napisu "Aktualności".

Między "O symulatorze" a "Galeria" masz podwójny oddzielacz, za to po prawej od "Kontakt" nie ma go w ogóle.

[jakubg1]

Logo na screenshocie, jak już tłumaczyłem, będzie usunięte, ale niestety Toprus nie zachował oryginałów, więc trzeba czekać na nowe screeny. Tytuł podstrony oryginalnie był tak jak mówisz, ale chciałem pójść w coś bardziej innowacyjnego, i przy okazji zająć trochę miejsca na banerze. Jedną z inspiracji był baner polskiej strony Trainza (w załączniku).

O oddzielaczach też już wspomniałem, to przeglądarka renderuje je raz takie a raz takie i nie mam na to niestety wpływu. Zresztą w wielu miejscach mimo wpisanych odpowiednich wartości faktycznie wyświetlają się przemieszczone albo za małe/za duże o jeden piksel. Logicznie są tej samej szerokości i w żadnym miejscu nie ma wstawionych dwóch obok siebie. A co miałby oddzielać oddzielacz po prawej od "Kontakt"? Pustą przestrzeń?

[Miłosz Dorsz]

Pustą przestrzeń?

No, taką samą jak po lewej od zielonego przycisku pobierania. Albo z obu albo z żadnej.

[jakubg1]

Po lewej masz logo MaSzyny. Ono też jest klikalnym elementem, przenosi do strony głównej.

[jakubg1]

Propozycja wyglądu artykułów. Szczerze zacząłem się zastanawiać, czy czasem dotychczasowa strona główna nie wystarczy. Ale z drugiej strony odmiana by się przydała...?
Ponadto nieco zwężyłem samą zawartość i podniosłem aby zachodziła na baner oraz usunąłem problematyczne kreski oddzielające przyciski na pasku u góry.