Fighting Programmer colors

Opowiem ci historię.

Absolutnie nie mam zaufania do mojej zdolności do dokonywania wyborów estetycznych - wystarczy spojrzeć na sposób, w jaki się ubieram, aby uświadomić sobie, że jestem usprawiedliwiona brakiem pewności siebie. W każdym razie, lata temu powierzono mi pisanie gui dla nowego produktu ("edytor klipów" w Cineon, dla każdego, kto to wie). Naszkicowałam projekt, ale poprosiłam o pomoc mojego szefa, szefa sprzedaży i marketingu oraz różnych "specjalistów od aplikacji" w doborze kolorów. Nikt odpowiedziałem, więc powiedziałem "do diabła z tym", i wybrał kolorystykę tak brzydki jestem pewien, że beta testerzy będą recoil z przerażenia i domagać się zmiany. Ale oni nie-więc to wysłane z nim. I słyszałem, że klienci uwielbiają "odważne kolory". I nie tylko to, ale kilka lat później konkurent dodał do swojego produktu program, który wyglądał jak bezpośrednie zdzierstwo z mojego edytora klipów, i skopiował mój schemat kolorów!

Dla aplikacji desktopowych, Pobierz kolory z systemu operacyjnego. Osobiście chcę, aby wszystkie moje aplikacje wyglądały i wyglądały tak samo jak mój system operacyjny.

Dla aplikacji internetowych, nie jestem pewien.

Należy pamiętać, że prawie 10% męskiej populacji świata ma jakąś znaczącą formę ślepoty barw. Zawsze należy wziąć to pod uwagę przy wyborze kolorów interfejsu (zwłaszcza jeśli potrzebujesz kapitału-zgadnij co? 1 na 10 męskich inwestorów może nie zobaczyć twoich czerwonych kropek na zielonym wykresie tła pokazującym ryzyko vs zwrot!).

MSDN Ma rozsądny przegląd tego, i istnieje kilka filtry strony , które pokazują, co Twoja strona (lub dowolna strona) wygląda na to, że biorąc pod uwagę każdą formę zaciemnienia kolorów.

Poza tym, bardzo lubię COLOURLovers - nie tylko mają duży wybór kolorów oznaczonych I zdefiniowanych przez użytkowników, ale dają je Tobie na różne sposoby, a Ty możesz zalogować się i śledzić swoje ulubione (lub ulubionych producentów schematów kolorów).

Sprawdź jesienne motywy! Nie można się pomylić z kolorami Michigan, gdy liście się zmieniają...

- Adam

Poradniki kolorystyczne takie jak Kuler to świetny początek, jeśli nie masz pojęcia o wyborze kolorów.

Kilka podstawowych rozważań:

Użyj kontrastu, a nie koloru, aby odróżnić swój projekt. Ma to na celu uwzględnienie daltonizmu i słabo widzących użytkowników.

Używaj możliwie ograniczonej palety kolorów. Wybierz jeden kolor jako swój "motyw" i wybierz odcienie tego koloru, a następnie może jeden lub dwa kontrastujące kolory do niego pasują.

Uzyskaj poradę-nie musi być od projektant, może nadal znasz kogoś, kto ma dobre oko do tych rzeczy. Również szersze informacje zwrotne-poproś kilka osób o opinię, która może pomóc.

Ostatnio korzystam z następującej strony: http://www.nickherman.com/colormatch/ aby pomóc mi (również nie-projektantowi) wybrać pasujące schematy kolorów. Zazwyczaj znajduję kolor, który jest dość przyjemny, a następnie używam pasujących kolorów z tej strony.

Jeśli Wszystko inne zawiedzie, ja też pytam żonę!

Lubię używać ColorSchemer i EasyRGB .

Niektóre zaktualizowane zasoby używam:

Colorotate.org to ładnie zaprojektowana strona z paletami różnych rozmiarów (w przeciwieństwie do kuler, który zapewnia tylko 5 kolorów na paletę). Pozwala zobaczyć, jak wyglądają kombinacje dla różnych typów osób z upośledzeniem kolorystycznym.

Colorschemedesigner.com generuje spójne palety za pomocą różnych algorytmów (dopełniacz, Triada, czworościan...)

Strona AdobeKuler ma wiele schematów kolorów stworzonych przez użytkowników przesłanych przez projektantów. Zwykle najpierw poszukuję schematów o wyższej pozycji.

Istnieje wiele "selektorów kolorów motywów" w Internecie. Jeśli ich użyjesz, twoje kolory będą przynajmniej wyglądać, jakby należały do siebie. Pierwszy, na który spojrzałem w google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?

Celuj w pastelowe kolory, które są nieco ciemniejsze niż ich pełnowymiarowe odpowiedniki, tzn. pastelowa czerwień jest ciemniejsza niż (255,0,0) czerwony na przykład. Spróbuj wybrać kolory z tej samej palety, jednym z oszukańczych sposobów określania schematów kolorów, których używam, jest zrobienie zrzutu ekranu aplikacji Office 2007, Zwykle excel, i wklejenie niektórych kolorów z ich skoordynowanych palet za pomocą narzędzia kroplomierza kolorów w aplikacji takiej jak Paint.NET. w rzeczywistości to oszukańcze podejście ma zostać rozszerzone na "pożyczanie" koloru Schematy z aplikacji, które już istnieją, które mają schematy kolorów, które podziwiasz: -)

Jeśli wybierzesz kolor "motywu" dla swojej aplikacji, możesz użyć Kuler , aby pomóc w uelastycznieniu palety.

Related post:

• Web 2.0 Kombinacje Kolorów
• wiem, że widziałem więcej, ale nie mogę ich znaleźć:)

Zazwyczaj używam dużo szarości, wraz z czernią i bielą, zachować rzeczy proste i uniknąć wszelkiego rodzaju irytujące, jasne kolory. Wydaje mi się, że tak zrobili faceci SO.

Witalij Friedman ' s Essential Bookmarks for web designers & web developers list a lot of online color tools , also a condensed version

Istnieje również lista narzędzi kolorystycznych na twiki.org który ma kilka dodatkowych stron.

Polecam zacząć od przeczytania teorii kolorów obliczeniowych. Wikipedia jest właściwie doskonałym miejscem do edukacji na ten temat. Spróbuj poszukać koloru po nazwie na Wikipedii. Znajdziesz więcej, niż się spodziewasz. / Align = "left" /

W miarę rozwoju analitycznego oka skup się na zrozumieniu ulubionych (lub najbardziej pogardzanych) kolorów i palet interfejsu pod względem ich różnych reprezentacji w różnych przestrzeniach kolorów: RGB, HSB, HSL. Zachowaj otwarty program Photoshop/GIMP, aby można było dopasować subiektywne doświadczenie palet do ich wymiernych aspektów. Zobacz, jak twoje kolory renderują się na kiepskich monitorach. Zwróć uwagę na to, co zawsze pozostaje czytelne, a które kombinacje kolorów wydają się dawać nietypowe lub nieczytelne wyniki. Zwróć uwagę na informacje emocjonalne przekazywane przez konkretne palety. Szybko zobaczysz pojawiające się wzorce. Na przykład zdasz sobie sprawę, że kolory o wysokim nasyceniu najlepiej unikać w komponentach interfejsu użytkownika, z wyjątkiem specjalnych cele.

W końcu będziesz w stanie przeanalizować wydajność zalecanych tutaj generatorów palety i wypracować własne teorie na temat tego, co sprawia, że dopasowanie jest dobre i ile kontrastu jest potrzebne, aby dobrze grać na większości wyświetlaczy.

(aby uniknąć potencjalnej frustracji, możesz przejść do bezpłatnego testu percepcji kolorów Pantone. Najlepiej zrobić to na kolorowym skalibrowanym wyświetlaczu. Jeśli mówi, że masz słabą percepcję kolorów, Analiza numeryczna jest bardzo ważna dla ty.)

Dlaczego programiści myślą, że nie mogą mieć umiejętności dsign? To mój pet peeve. To umiejętność do nauczenia się, jak Wszystko inne.

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