Feedback Neues Forum - Design

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Wie findet ihr die angepassten Farben?
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Achso, am besten einmal Strg+F5 drücken, damit es komplett geladen wird.
 

BoMbY

Grand Admiral Special
Mitglied seit
22.11.2001
Beiträge
5.018
Renomée
252
Standort
Aachen
Ich bin kein Fan von Farbverläufen, aber das sieht jetzt auf jeden Fall für mich schon mal deutlich besser aus.
 

skelletor

Grand Admiral Special
Mitglied seit
14.06.2002
Beiträge
2.475
Renomée
69
Standort
Dresden
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
  • BOINC Pentathlon 2016
  • BOINC Pentathlon 2017
  • BOINC Pentathlon 2019
  • SETI@Home Wow!-Event 2019
  • BOINC Pentathlon 2020
Super!
Auch die verkleinerten Balken (Wer hat gelsen und wer ist online) sehr schön!

Hast Du mal probiert, die untere Navigationsleiste über diese balken zu setzen? Momentan ist sie noch unter den "teilen" icons - denke aber sie könnte ruhig etwas höher.
 

hoschi_tux

Grand Admiral Special
Mitglied seit
08.03.2007
Beiträge
3.097
Renomée
77
Standort
Ilmenau
Bei der Seitennavigation unter den Beiträgen ist die Schriftfarbe mit dunkelgrün auf dunklem Verlauf ungünstig. Die Schriftfarbe sollte hier besser auch weiß sein wie bei anderen Schaltflächen.
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Da ist nichts dunkelgrün auf dunklem Verlauf.
1597735291453.png

Vermutlich musst du mal Strg+F5 drücken, damit der Browser seinen Cache aktualisiert.
 

hoschi_tux

Grand Admiral Special
Mitglied seit
08.03.2007
Beiträge
3.097
Renomée
77
Standort
Ilmenau
In der mobilen Ansicht schon :)

Muss mal schauen, wo ich den Cache beim mobilen Fuchs gelöscht bekomme..
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Oh, stimmt. Schau ich mir an, kann aber passieren, dass ich erst am Abend dazu komme.
 

ONH

Grand Admiral Special
Mitglied seit
31.08.2009
Beiträge
2.926
Renomée
37
Standort
AG CH
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
Wie findet ihr die angepassten Farben?
Der Mindestkontrast bei den Verläufen sind immer schwierig passend auszuwählen, deshalb würde ich kein linearen gradienten mehr verwenden.
Euer minimaler Kontrast bei den Verläufen beträgt nur 1.4:1 was zu wenig ist. Offensichtlich wird das, falls man die Sättigung des Bildschirmes für alle Farben auf 0 setzt. Und ja, ich bin ca. 50% der Zeit mit so einer Einstellung unterwegs.
Da würde ich persönlich den Gradienten entfernen und auf den dunklen Wert umsteigen (oder wenn er bleiben sollte für den helleren Wert auf mindestens #009649 gehe, was den kontrast verdoppelt, was schon besser wäre). EDIT: Mit Verlauf beibehalten würde mich für den helleren Wert #00bd72 ansprechen.

Bei dunklen Hintergrund ist empfohlen, den font-weight Werte 10% höher zu setzen für den hellen Text und den font-width um 2% zu erhöhen. Der Text ist Teilweise schlecht zu lesen, wüsste ich nicht was da steht.
Das würde für den hellen Text auf dunklen Grund für euch heissen font-weight:500 oder 600 und font-width: 102% oder semi-expanded.
Doppelposting wurde automatisch zusammengeführt:

Zudem zieht der .userbanner den Fokus ziemlich auf sich, und lenkt vom Inhalt ab. Daher würde ich den Kontrast einwenig senken und was im Bereich #00A057 verwenden. Das würde sich im memberTooltip-banner auch einwenig hervorheben.

Ansonnsten sieht es meiner Meinung nach gut aus wie es jetzt ist.
 
Zuletzt bearbeitet:

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Bei der Seitennavigation unter den Beiträgen ist die Schriftfarbe mit dunkelgrün auf dunklem Verlauf ungünstig. Die Schriftfarbe sollte hier besser auch weiß sein wie bei anderen Schaltflächen.
Fixed.
 

Morkhero

Grand Admiral Special
Mitglied seit
03.02.2002
Beiträge
4.558
Renomée
232
Standort
Bill Gates' Klo

MagicEye04

Grand Admiral Special
Mitglied seit
20.03.2006
Beiträge
11.084
Renomée
172
Standort
oops,wrong.planet..
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
  • BOINC Pentathlon 2016
  • BOINC Pentathlon 2017
  • BOINC Pentathlon 2018
  • BOINC Pentathlon 2019
  • SETI@Home Wow!-Event 2019
  • SETI@Home Intel-Race II
  • BOINC Pentathlon 2020
es wirkte auch nicht so altbacken wie jetzt .
Und das aus dem Munde eines WindowsXP-Fans?
Ich persönlich finde Usability sollte vor hübschability gehen. Also im Zweifel ist ein Farbverlauf eher überflüssig.
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Ich fand die Lesbarkeit der Zahlen aufgrund des Verlaufs auch nicht optimal. Zudem sind es im Grunde Buttons und Buttons mit Farbverlauf haben wir sonst nicht.
 

Morkhero

Grand Admiral Special
Mitglied seit
03.02.2002
Beiträge
4.558
Renomée
232
Standort
Bill Gates' Klo
naja ich kann es schlechter erkennen weil vorher mit dem verlauf ein teil des dunklen grüns noch heller war. jetzt mit dem durchgängig dunklen grün erkenne ich das weiss schlechter.
aber ist ja egal, macht es wie es der allgemeinheit am besten gefällt ;) das ist am wichtigsten, ich bin da kein maßstab. ich bastle da ein wenig für mich rum ^^.

@MagicEye04
ich mag an xp ja bei vielen sachen diese art 3d effekt (scrollbalken etc). bei win 10 hat man doch nur dieses bleiche einfache wo das einem eben nicht ins auge springt. das ist mit dieser navigation ähnlich. ich fands mit verlauf gut, aber das muss ja nicht jeder so sehen. praktisch alles was sich "drücken" lässt.
ich hab die schrift auch nen hauch größer eingestellt bei der seitennavigation. mir fällt es nur schwer die richtigen elemente zu finden die für dies und jenes verantwortlich sind.
hab im augenblick nur mal das mit dem orange probiert, wobei man den verlauf ja nicht zum weiss machen muss, sondern das auch weicher machen kann.

werd das dann noch passend für den grünen teil abändern ^^.
 

gruenmuckel

Grand Admiral Special
Mitglied seit
17.05.2001
Beiträge
18.242
Renomée
709
Standort
Gerry-Weber - Stadt
  • SIMAP Race
  • QMC Race
  • RCN Russia
  • Spinhenge ESL
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2016
  • BOINC Pentathlon 2018
  • BOINC Pentathlon 2020
Also die Seitenzahlen lassen sich jetzt besser lesen. Wirken aber vom Still so....yaBB-Artig.
 

skelletor

Grand Admiral Special
Mitglied seit
14.06.2002
Beiträge
2.475
Renomée
69
Standort
Dresden
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
  • BOINC Pentathlon 2016
  • BOINC Pentathlon 2017
  • BOINC Pentathlon 2019
  • SETI@Home Wow!-Event 2019
  • BOINC Pentathlon 2020
Ich finds auch gut. Usability vor fancy design!
 

Dalai

Grand Admiral Special
Mitglied seit
14.06.2004
Beiträge
7.147
Renomée
236
Standort
Meiningen, Thüringen
Mir gefallen die kontrastreicheren Farben auch besser als vorher. Ich brauch keine (fancy) Farbverläufe. Wichtig ist, dass die Schrift lesbar ist.

Eine Sache, die mir noch nicht gefällt, sind die Buttons auf den Layern, z.B. bei "Foren als gelesen markieren". Der Button hebt sich überhaupt nicht vom Hintergrund ab bzw. nur durch die Schrift. Ähnliches gilt für den "Suchen"-Button in der Forensuche, und die "Speichern"-Buttons im eigenen Profil (auch wenn's bei denen etwas besser ist).

Grüße
Dalai
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Hat jemand einen Vorschlag, wie man diese Buttons stylen könnte? Zu beachten ist dabei auch, dass das Styling dann auch z.B. für den Antworten-Button beim Verfassen eines neuen Beitrags verwendet wird.
 

ONH

Grand Admiral Special
Mitglied seit
31.08.2009
Beiträge
2.926
Renomée
37
Standort
AG CH
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
Also die Seitenzahlen lassen sich jetzt besser lesen. Wirken aber vom Still so....yaBB-Artig.

Srsly?

naja ich kann es schlechter erkennen weil vorher mit dem verlauf ein teil des dunklen grüns noch heller war. jetzt mit dem durchgängig dunklen grün erkenne ich das weiss schlechter.
FF hat ein Renderfehler bei Font-Stärke. Wärend webkit alle 10 Stufen anbietet bietet FF nur 4 Stufen an, welche sie den anderen zuordnet. Mit font-weight:600 bietet ff auch breitere Schrift an, was aber eigentlich 700 entspricht.

Hat jemand einen Vorschlag, wie man diese Buttons stylen könnte? Zu beachten ist dabei auch, dass das Styling dann auch z.B. für den Antworten-Button beim Verfassen eines neuen Beitrags verwendet wird.

Ich würde mit dem Hintergrund arbeiten, da dort das Problem liegt.
Dem .formSubmitRow-bar eine helle Farbe zuteilen. Die gleiche wie oben bei der erweiterten Suche zum markieren was durchsucht wird oder gleich wie .menu-footer formatieren, was ja hinter den vielen dunklen Buttons liegt.
 

Anhänge

  • submit_row_bar.png
    submit_row_bar.png
    58 KB · Aufrufe: 14
  • submit_row_bar2.png
    submit_row_bar2.png
    57,9 KB · Aufrufe: 15
Zuletzt bearbeitet:

Dalai

Grand Admiral Special
Mitglied seit
14.06.2004
Beiträge
7.147
Renomée
236
Standort
Meiningen, Thüringen
(y) Mit dem grauen Hintergrund gefällt es mir am besten. IMO braucht es keinen separat (grün) gefärbten Hintergrund auf der Leiste mit den Buttons, wenn die obere (Titel-)Leiste bereits einen grünen Hintergrund hat.

Grüße
Dalai
 

Yoshi 2k3

Admiral Special
Mitglied seit
18.01.2003
Beiträge
1.134
Renomée
112
submit_row_bar2.png finde ich ebenfalls richtig gelungen. Weniger ist mehr. :)
 

TiKu

Administrator
Teammitglied
Mitglied seit
16.11.2001
Beiträge
15.023
Renomée
951
Standort
Unterföhring
  • SIMAP Race
  • QMC Race
  • Spinhenge ESL
  • Docking@Home
Ich würde mit dem Hintergrund arbeiten, da dort das Problem liegt.
Dem .formSubmitRow-bar eine helle Farbe zuteilen. Die gleiche wie oben bei der erweiterten Suche zum markieren was durchsucht wird oder gleich wie .menu-footer formatieren, was ja hinter den vielen dunklen Buttons liegt.
In deinem ersten Bild beißt das helle grün doch ein wenig. Ich tendiere zu Variante 2.
 

Morkhero

Grand Admiral Special
Mitglied seit
03.02.2002
Beiträge
4.558
Renomée
232
Standort
Bill Gates' Klo
kann mir jemand sagen was das für elemente sind bei den navigationszahlen ? also ich meine nicht wenn man sie auswählt sondern wenn sie nicht ausgewählt sind.
genauso z.b. beim filter, also wenn man mit der maus auf "Filter" geht ohne auszuwählen. (da wird es ja heller), wie nennt sich dieses element ?
 

Dalai

Grand Admiral Special
Mitglied seit
14.06.2004
Beiträge
7.147
Renomée
236
Standort
Meiningen, Thüringen
.pageNav-main für das gesamte Element aller Seitenzahlen oder .pageNav-page für eine einzelne Seite. Und .pageNav-jump ist "Vorherige" bzw. "Nächste". Änderungen beim Mouseover werden in aller Regel im Element selbst gemacht, z.B. mit Definitionen wie "<element_oder_klasse>:not(:hover)" bzw. der Umkehrung davon (nicht sicher, wie das aussehen müsste).

Grüße
Dalai
 

ONH

Grand Admiral Special
Mitglied seit
31.08.2009
Beiträge
2.926
Renomée
37
Standort
AG CH
  • BOINC Pentathlon 2011
  • BOINC Pentathlon 2012
  • BOINC Pentathlon 2013
  • BOINC Pentathlon 2014
  • BOINC Pentathlon 2015
li.pageNav-page:not

Suchst du vermutlich, was die Hintergrundfarbe angeht.

li.pageNav-page:not(.pageNav-page--current) > a

Was die Schrift angeht

Die allgemeine Definitionen liegen so, wie Dalai gesagt hat.
 
Zuletzt bearbeitet:
Oben Unten