프로그래머 색상과의 싸움
https://stackoverflow.com/questions/33079
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
저는 유일한 디자이너 / 프로그래머 인 애완 동물 프로젝트가 몇 개 있는데 실제 사용자가 더 쉽게 사용할 수 있도록 사용자 인터페이스를 변경하는 데 너무 많은 시간을 소비하고 밝은 노란색과 녹색 은 "프로그래머"디자인에서 매우 일반적입니다.
그래픽 디자이너가 없을 때 색 구성표를 선택할 수있는 팁이 있습니까?일반적인 "프로그래머"인터페이스를 만들지 않으려면 어떻게해야합니까?
해결책
kuler 에는 사용자가 제출 한 많은 색 구성표가 있습니다.
수정 : 방금 기억했습니다 ... colorlovers 도 사용해보세요.
다른 팁
이야기를 들려 드릴게요.
나는 미적 선택을 할 수있는 내 능력에 대해 전혀 확신이 없습니다. 내 자신이 부족한 것이 정당하다는 것을 깨닫기 위해 내가 옷을 입는 방식을 살펴보기 만하면됩니다.어쨌든, 몇 년 전에 저는 신제품 (Cineon의 "Clip Editor"를 아는 사람을위한 "Clip Editor")에 대한 GUI 작성을 담당했습니다.디자인을 스케치했지만 상사, 영업 및 마케팅 책임자, 다양한 "응용 프로그램 전문가"에게 색상 선택에 대한 도움을 요청했습니다.아무도 응답하지 않았기 때문에 나는 "그것으로 지옥에"라고 말했고, 너무 추한 색 구성표를 선택했습니다. 베타 테스터들이 공포에 떨며 변화를 요구할 것이라고 확신합니다.그러나 그들은 그렇지 않았습니다. 그래서 그것은 함께 배송되었습니다.그리고 고객이 "대담한 색상"을 좋아 한다고 들었습니다.뿐만 아니라 몇 년 후 경쟁자가 내 Clip Editor를 직접 뜯어 낸 것처럼 보이는 프로그램을 제품에 추가했고 내 색 구성표를 복사했습니다!
데스크톱 앱의 경우 OS에서 색상을 가져옵니다.개인적으로 모든 앱의 모양과 느낌이 OS와 동일하기를 바랍니다.
웹 앱의 경우 잘 모르겠습니다.
전 세계 남성 인구의 거의 10 % 가 색맹의 형태. 인터페이스 색상을 선택할 때 항상이 점을 고려해야합니다 (특히 자본이 필요한 경우-무엇을 추측할까요? 남성 투자자 10 명 중 1 명은 위험과 수익을 나타내는 녹색 배경 차트에서 빨간색 점을 보지 못할 수 있습니다!).
MSDN 에는 이에 대한 합리적인 개요가 있으며 몇 가지 웹 사이트 필터 는 어떤 형태의 색맹에서든 귀하의 사이트 (또는 모든 사이트)가 어떻게 보이는지 보여줍니다.
그외에도 COLOURLovers 를 정말 좋아합니다. 정의 된 색 구성표는 다양한 방법으로 제공되며 로그인하여 즐겨 찾기 (또는 좋아하는 색 구성표 제작자)를 추적 할 수 있습니다.
가을 테마를 확인하세요! 나뭇잎이 바뀔 때 미시간 색으로 잘못 갈 수 없습니다 ...
-아담
Kuler와 같은 색상 가이드는 색상 선택에 대해 잘 모르는 경우 좋은 시작입니다.
기본 고려 사항 :
디자인을 차별화하려면 색상이 아닌 대비를 사용하십시오.이것은 색맹과 시력이 좋지 않은 사용자를 수용하기위한 것입니다.
가능한 한 제한된 색상 팔레트를 사용하세요.하나의 색상을 '테마'로 선택하고 해당 색상의 음영을 선택한 다음 한두 가지 대비되는 색상을 선택하십시오.
조언 받기-디자이너의 조언을받을 필요는 없습니다. 이러한 사항을 잘 아는 사람을 알고있을 수도 있습니다.또한 더 광범위한 피드백-소수의 사람들에게 의견을 요청하면 도움이 될 수 있습니다.
ColourSchemer 및 EasyRGB .
내가 사용하는 업데이트 된 리소스 :
Colorotate.org 는 사용자가 제공 한 다양한 크기의 팔레트를 제공하는 멋지게 디자인 된 사이트입니다.팔레트 당 5 가지 색상 만).다양한 유형의 색약자에게 조합이 어떻게 보이는지 확인할 수 있습니다.
colorschemedesigner.com 은 다양한 알고리즘 (보완, 트라이어드, 테트라 드 ...)을 사용하여 일관된 팔레트를 생성합니다.
Adobe의 Kuler 웹 사이트에는 디자이너가 업로드 한 사용자 제작 색상 구성표가 많이 있습니다.나는 일반적으로 더 높은 순위의 계획을 먼저 검색합니다.
웹에는 많은 "색상 테마 선택기"가 있습니다.이것을 사용하면 색상이 적어도 함께 속한 것처럼 보일 것입니다.Google에서 처음 본 것 : http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx ?
본격적인 색상보다 약간 어두운 파스텔 색상을 목표로합니다. 예를 들어 파스텔 빨간색은 (255,0,0) 빨간색보다 어둡습니다.동일한 팔레트에서 색상을 선택해보십시오. 제가 사용하는 색 구성표를 결정하는 가장 간단한 방법 중 하나는 Office 2007 앱의 스크린 샷을 찍는 것입니다.Paint.NET과 같은 앱.사실, 당신이 좋아하는 색 구성표를 가지고있는 이미 존재하는 응용 프로그램에서 색 구성표를 '차용'하는 것으로 확장되는이 치열한 접근 방식 :-)
저는 흑백과 함께 회색을 많이 사용하고 단순하게 유지하며 성가신 밝은 색상은 피하는 경향이 있습니다.그래서 사람들이 한 것처럼 보입니다.
웹 디자이너 및 웹 개발자를위한 Vitaly Friedman의 필수 책갈피에는 온라인 색상 도구 , 축약 버전
또한 다음과 같은 twiki.org의 색상 도구 목록 이 있습니다.추가 사이트가 있습니다.
전산 색상 이론을 먼저 읽어 보는 것이 좋습니다. Wikipedia는 실제로 주제에 대해 자신을 교육하기에 좋은 곳입니다. Wikipedia에서 이름으로 색상을 찾아보십시오. 예상보다 더 많은 것을 찾을 수 있습니다. 현장의 개요를 얻을 때까지 거기에서 분기하십시오.
분석적 시각을 개발할 때 RGB, HSB, HSL과 같은 다양한 색상 공간에서의 다양한 표현 측면에서 가장 좋아하는 (또는 가장 경멸받는) 인터페이스 색상과 팔레트를 이해하는 데 집중하세요. 팔레트의 주관적인 경험을 정량화 가능한 측면과 일치시킬 수 있도록 Photoshop / GIMP를 열어 두십시오. 형편없는 모니터에서 색상이 어떻게 렌더링되는지 확인하십시오. 항상 읽을 수있는 것이 무엇인지, 어떤 색상 콤보가 무차별 적이거나 읽기 어려운 결과를 생성하는 경향이 있는지 확인하십시오. 특정 팔레트가 전달하는 감정 정보에주의를 기울이십시오. 패턴이 나타나는 것을 빨리 볼 수 있습니다. 예를 들어, 특수한 목적을 제외하고는 UI 구성 요소에서 채도가 높은 색상을 피하는 것이 가장 좋습니다.
결국 여기에서 권장하는 팔레트 생성기의 출력을 분석 할 수 있으며, 무엇이 잘 어울리는 지, 대부분의 디스플레이에서 잘 재생하기 위해 얼마나 많은 대비가 필요한지에 대한 자신 만의 이론을 개발할 수 있습니다.
(잠재적 인 좌절감을 피하기 위해 Pantone의 무료 색상 인식 테스트로 건너 뛰는 것이 좋습니다. 색상 보정 디스플레이에서 수행하는 것이 가장 좋습니다. 색상 인식이 좋지 않다고 표시되면 수치 분석이 더 중요합니다.)
왜 프로그래머는 dsign 기술을 가질 수 없다고 생각합니까?내 애완 동물입니다.다른 것과 마찬가지로 학습 가능한 기술입니다.
