Frage

Ich habe ein paar pet-Projekte, in denen ich die Sohle designer/ - Programmierer, und ich verbringe zu viel Zeit ändern des user-interface zu machen es einfacher zu bedienen von echten Benutzern und Vermeidung helles gelb und grün das ist so üblich auf "Programmierer" - designs.

Haben Sie Tipps, um zu wählen Sie ein Farbschema, wenn Sie nicht haben Grafik-designer um?Wie vermeiden Sie das erstellen der typische "Programmierer" - Schnittstelle?

War es hilfreich?

Lösung

kuler hat eine Menge von Benutzern eingereichte Farbschemata

edit:nur Erinnerung...auch versuchen colorlovers

Andere Tipps

Lassen Sie mich Ihnen eine Geschichte erzählen.

Ich habe absolut kein Vertrauen in meine Fähigkeit, die ästhetischen Möglichkeiten - Sie müssen nur schauen, wie ich das Kleid zu erkennen, ich bin gerechtfertigt in meinen Mangel an Vertrauen.Jedenfalls Jahren wurde ich beauftragt, schreiben die gui für ein neues Produkt (das "Clip-Editor" im Cineon, für jeden, der weiß, dass).Ich skizzierte ein design, sondern bat meinen Chef, der Leiter Verkauf und marketing, und verschiedene "Anwendungsspezialisten" für Hilfe bei der Auswahl der Farben.Niemand reagierte, also sagte ich: "zur Hölle mit ihm", und wählen Sie ein Farbschema so hässlich bin ich sicher, dass die beta-Tester recoil in horror-und fordern einen Wandel.Hat Sie aber nicht - und so ist es mit es geliefert.Und ich habe gehört, dass Kunden geliebt die "kräftigen Farben".Und nicht nur das, aber ein paar Jahre später ein Konkurrent Hinzugefügt ein Programm, das aussah wie eine direkte rip-off von meinem Clip-Editor, um Ihr Produkt, und Sie kopiert meine Farbschema!

Für desktop-apps, Holen Sie die Farben aus der OS.Ich persönlich möchte Sie alle meine apps zu sehen und fühlen Sie die gleiche wie mein OS.

Für web-apps, ich bin nicht wirklich sicher.

Halten in Geist, dass nahezu 10% von der männlichen Bevölkerung der Welt haben einige bedeutende form der Farbenblindheit.Sie sollten dies immer in Betracht ziehen, wenn die Auswahl an Oberflächen-Farben (vor allem, wenn Sie Kapital benötigen - wissen Sie was?1 in 10 männliche Investoren können nicht sehen Ihre rote Punkte auf grünem hintergrund-chart zeigt Risiko vs. Rendite!).

MSDN verfügt über einen angemessenen überblick über diese, und es gibt mehrere website-Filter zeigen Sie, was Ihre site (oder einen Ort) sieht aus wie jede form of colorblindness.

Abgesehen davon, dass ich wirklich wie COLOURLovers - Sie haben nicht nur eine große Auswahl der Benutzer markiert und definiert Farbschemata, geben Sie Sie in eine Vielzahl von Möglichkeiten, und Sie können sich anmelden, und verfolgen Sie Ihre Favoriten (oder Ihre Lieblings-Farbschema Produzenten).

Go check out der Herbst-Themen!Kann nicht schief gehen mit der Michigan Farben, wenn sich die Blätter ändern...,

-Adam

Farbe guides wie Kuler sind ein guter Anfang, wenn Sie haben keine Idee über die Auswahl der Farben.

Einige grundlegende überlegungen:

Verwenden Sie den Kontrast nicht Farbe zu unterscheiden, die in Ihrem design.Dies ist ein entgegenkommen für Farbe-Erblindung und schlecht sehende Benutzer.

Verwenden Sie einen begrenzten Farbpalette, wie Sie können.Wählen Sie eine Farbe als Ihre "theme" und wählen Sie Schattierungen, die der Farbe, und dann vielleicht ein oder zwei kontrastierenden Farben, mit ihm zu gehen.

Holen Sie sich Beratung - nicht von einem designer, die Sie vielleicht noch jemanden kennen, der ein gutes Auge für diese Dinge.Auch, mehr breit feedback - Fragen Sie ein paar Leute nach Ihrer Meinung,, die helfen können.

In letzter Zeit habe ich mithilfe der folgenden website: http://www.nickherman.com/colormatch/ um mir zu helfen (auch nicht-designer) pick passende Farbschemata.Normalerweise finde ich eine Farbe, die ist ziemlich angenehm, dann verwenden Sie die passenden Farben aus dieser website.

Wenn alles andere fehlschlägt, Frage ich meine Frau!

Ich mag die Verwendung ColourSchemer und EasyRGB.

Einige aktualisierte Ressourcen, die ich benutze:

Colorotate.org ist eine schön gestaltete Website mit user-contributed Paletten in verschiedenen Größen (im Gegensatz kuler bietet nur 5 Farben pro palette).Es erlaubt Ihnen zu sehen, wie die Kombinationen Blick auf verschiedene Art von Farbe für sehbehinderte Menschen.

colorschemedesigner.com generiert konsistente Paletten für Sie verschiedene algorithmen (complement, triad, tetrad...)

Adobe Kuler die Webseite hat eine Menge von Benutzern erstellten Farbschemas uploaded by Designer.Ich normalerweise Suche nach einem höheren Rang Regelungen ersten.

Es gibt eine Menge von "Farbe Thema pickers" auf der Webseite.Wenn Sie diese verwenden, die Farben zumindest sehen, wie Sie zusammen gehören.Die erste, die ich sah über google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?

Ziel für Pastell-Farben, die etwas dunkler sind als Ihre ausgewachsenen Gegenstücke, alsoeine Pastell-rot ist dunkler als eine (255,0,0) rot zum Beispiel.Versuchen Sie, wählen Sie Farben aus der gleichen Farbpalette, eine cheaty Art der Bestimmung von Farbtönen, den ich verwenden ist, um ein Bild von einem Office 2007-app, in der Regel excel, und fügen Sie einige Farben aus der koordinierten Paletten verwenden der Farb-Pipetten-Werkzeug in einer app wie Paint.NET.In der Tat ist dies cheaty Ansatz erweitert werden zu 'leihen' Farbschemen von Anwendungen, die sind schon draußen, die Regelungen Farben, die Sie bewundern :-)

Wenn Sie wählen ein "Thema" Farbe für Ihre app, die Sie verwenden können, Kuler zu helfen, Fleisch aus der palette.

Related post:

Ich Neige dazu, verwenden Sie eine Menge von grays, zusammen mit schwarz und weiß, die die Dinge einfach halten und vermeiden Sie jegliche Art von störenden, hellen Farben.Scheint mir wie das ist, was die Jungs getan haben.

Vitaly Friedman ist Wesentlich von Lesezeichen für web-Designer & web Entwickler-Liste eine Menge von online - Farbe Werkzeuge, auch ein condensed version

Es ist auch eine Liste von Farb-tools auf twiki.org das hat einige weitere Websites.

Ich empfehle Ihnen, starten durch das Lesen bis auf rechnerische Farbe Theorie.Wikipedia ist eigentlich ein schöner Ort, um sich selbst zu erziehen über das Thema.Versuchen Sie eine Farbe, die namentlich auf Wikipedia.Finden Sie mehr, als Sie erwarten.Verzweigen sich von dort aus, bis Sie haben eine übersicht des Feldes.

Wie entwickeln Sie Ihre analytischen Auge, Fokus auf Verständnis, Ihre Lieblings - (oder am meisten verachtet) - Schnittstelle mit Farben und Paletten, die in Bezug auf Ihre verschiedenen Vorstellungen in verschiedenen Farbräume:- RGB, HSB, HSL.Halten Sie Photoshop/GIMP öffnen, so dass Sie können es mit der subjektiven Erfahrung von Paletten, um Ihre quantifizierbaren Aspekte.Sehen Sie, wie Ihre Farben Anzeige auf miese überwacht.Beachten Sie, was immer lesbar bleibt und die Farbe-combos, die dazu neigen, nachgeben, uncharismatic oder unleserliche Ergebnisse.Achten Sie auf die emotionale information, vermittelt durch spezifische Paletten.Sie werden schnell sehen, entstehen Muster.Für Beispiel, Sie werden feststellen, dass hohe-Sättigung Farben sind am besten vermieden UI-Komponenten, mit Ausnahme für Besondere Zwecke.

Schließlich, Sie werden in der Lage sein zu analysieren, die Leistung von der palette-Generatoren hier empfohlen, und Sie entwickeln Ihre eigenen Theorien darüber, was macht eine gute Partie, und wie viel Kontrast benötigt wird, um gut zu spielen auf den meisten displays.

(Zur Vermeidung von möglichen frustration, die Sie möglicherweise wollen zu überspringen, um Pantone free color perception test.Es ist am besten auf einem Farb-kalibrierten display.Wenn Sie sagt, Sie habe schlechte Farbwahrnehmung, dann numerischen Analyse wird extra für Sie wichtig.)

Warum haben die Programmierer denken, Sie können nicht dsign Fähigkeiten?Es ist ein Hauptärgernis von mir.Es ist eine erlernbare Fähigkeit, genau wie alles andere.

http://www.hackification.com/2010/05/16/designing-a-vs2010-color-scheme-consistency-consistency-consistency/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top