Co poprawić aby wyglądał ładniej?

pytanie zadane 17 czerwca 2016 w Nasze projekty przez niezalogowany
zamknięte 18 czerwca 2016

Witam, jakiś czas tworzyłem kalendarz w PHP. Jego obsługa jest już już praktycznie skończona, ale mam problem z jego wystylizowaniem. Prosiłbym o jakieś propozycję. Kodu nie daję, bo potrzebuję porad jedynie typu: "zmień kolor tego" itp.

Na czerwono są oznaczone dni wolne od pracy, a na zielono inne "ważne". Kolorem bordowym (liczba) jest wyświetlana liczba wydarzeń danego dnia. Zielone tło oznacza dzisiejszy dzień.

Za każdą poradę będę wdzięczny.

Dodam, że kalendarz musi być na szarym tle i będzie obsługiwany na ekranach dotykowych.

komentarz zamknięcia: Bo umieściłem nowy: Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście: http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

komentarz 17 czerwca 2016 przez obl Maniak (51,280 p.)

A to ciemno szare tło nie mogłoby być bardziej jasne podpadające w kolorystykę przycisków na górze. Ciemno szary jest brzydki i gryzie się z czarnym kolorem czcionki, która słabo kontrastuje na tym tle. Jeżeli chodzi o kolory dni miesiąca to ja bym poszedł w bardziej pastelowe kolory.

komentarz 17 czerwca 2016 przez niezalogowany

Niestety kolor szary jest narzucony z góry. Nie wiem czy będzie on jaśniejszy - możliwe że tak, ale i tak to nie wiele da. Bo na ten moment sam kalendarz słabo wygląda.

komentarz 17 czerwca 2016 przez obl Maniak (51,280 p.)

Teksty nad kafelkami opisujące dni tygodnia wychodzą ci poza ich szerokość. Może lepiej by było zastosować skróty: Po Wt ... i w takim razie dać pod nie jakieś jaśniejsze tło (pod samymi napisami) to samo tyczy się roku. Zamiast numeru miesiąca dałbym jego słowną postać np. styczeń - 2016r. Dni świąteczne bym wyróżnił innym kolorem tła (ciepłym).

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

7 odpowiedzi

odpowiedź 17 czerwca 2016 przez radek024 Szeryf (77,160 p.)

1) Zmień czcionkę - jest dużo fajnych, które można podlinkować z google fonts,

2) Możesz nieco zaokrąglić rogi każdego dnia - będzie to wyglądało estetyczniej,

3) Zmiana położenia daty na np.: środek, a pod nim nazwa święta z pewnością wpłynie na UX, wtedy te wydarzenia mogą być w rogu

4) ostylizowanie buttonów też będzie dobrym pomysłem

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 17 czerwca 2016 przez kubaapk Nałogowiec (44,270 p.)

Bezszeryfowe fonty imo.

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 17 czerwca 2016 przez KubenQPL Maniak (62,820 p.)

Spróbuj czcionki Segoe UI Light czy jakoś tak, usuń ramki, a niech cały kolor tła się zmienia. Kolorystyke zmień, dobierz za pomocą Adobe Kuler CC.

komentarz 17 czerwca 2016 przez niezalogowany

Jeśli zmienię całe tło świąt na czerwone, to zablokuję sobie w ten sposób wyświetlenie jednocześnie dzisiejszego dnia i święta.

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 18 czerwca 2016 przez Mr Popcorn Bywalec (2,340 p.)

mógłbyś dodać lekki cień padający od każdej kafelki.
http://www.cssmatic.com/box-shadow

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 18 czerwca 2016 przez CzikaCarry Szeryf (75,340 p.)

Okej zacznijmy od kolorów. Wszystko to jest takie nijakie, szare. Dodałbym trochę kontrastu i zmienił kolor kafelków. Tutaj jest strona z kolorami z których często korzystam: http://fonty.pl/porady,15,kolory.htm

Zamiast ramek dałbym właśnie zmianę koloru kafelka,

Dla dnia aktualnego dałbym jakiś cień,

zaokrągliłbym rogi,

wyrównałbym przerwy między kolumnami a rzędami, bo to co tu jest wygląda co najmniej dziwnie.

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 18 czerwca 2016 przez obl Maniak (51,280 p.)

Dobra, ja to widzę tak: Kalendarz.png

komentarz 18 czerwca 2016 przez niezalogowany

Dziękuję bardzo za pomoc, nowy wygląd kalendarza umieściłem w tym poście:

http://forum.pasja-informatyki.pl/151182/co-poprawic-aby-wygladal-ladniej-level-2

odpowiedź 18 czerwca 2016 przez MatiiTv Gaduła (3,790 p.)

1) Kolory http://flatuicolors.com/;

2) Zaakrąglone boki - border-radius;

3) Inna czcionka - Helvetica Neune, Lato, polecam Google Fonts;

4) Polskie znaki;

5) Kolor tekstu - niech będzie biały, ale nie #fff, leciutko bardziej kremowy;

6) Stylizowanie przycisków. Ogólnie możesz użyć np. Materialize albo Bootstrapa.