it-swarm-ko.com

컬러 팔레트와 CSS의 격차 해소

kuler 와 같은 사이트에 익숙하며 HTML/CSS/JavaScript (프로그래머로서)에 정통하며 내 웹 사이트에서 어떤 종류의 콘텐츠를 원하는지 알고 있습니다. 콘텐츠를 적절하게 배치하는 방법을 알 수 있습니다. 그러나 가장 어려운 부분은 각 색상 (예 : 링크, 텍스트, 배경, 기타 요소)의 색상을 파악하는 것입니다. 나는 색이 끔찍하다!

예를 들어, kuler를 트라이어드 모드로 설정하고 색상을 선택하면 색상이 각각 굵게 표시되지만 함께 작동하도록 색상과 두 쌍의 보완 색상이 표시됩니다. 그러나 페이지, 배경색, 링크 색 및 텍스트 색에 페이지를 넣으려고하면 전혀 작동하지 않습니다. 분명히 모든 것을 잘못하고 있습니다!

웹 사이트를 만들기 위해 어떤 색상을 알아내는 가장 좋은 방법은 무엇입니까? 나는 색상에 절대적으로 끔찍한 데, kuler가 도움이 될 것이라고 생각했지만 쉽지는 않습니다! 컬러 팔레트를 빠르고 쉽게 선택하여 웹 사이트에 적용 할 수 있도록 kuler와 CSS 사이의 "간극을 메우십시오".

9
Ricket

색상에 색상을 넣으려고하는 것처럼 들립니다 (예 : 녹색 배경에 빨간색 텍스트). 이것은 눈에 매우 어렵다!

색과 회색의 혼합을 위해 노력하십시오 (여기서 흰색과 검은 색은 '회색'입니다)-예를 들어, 텍스트를 색칠해야하는 경우 흰색 또는 검은 색 배경에 놓으십시오. 색상이있는 배경을 원하면 밝은 색상 만 사용하고 그 위에 흰색 또는 검은 색 텍스트를 사용하십시오.

색상이 적을수록 좋습니다. 화려하면 MySpace와 두통을 겪게됩니다. 내용물이 아닌 악센트에 색상을 사용하십시오. 흑백 디자인으로 시작하고 하나의 색상 요소를 추가하십시오. 어떻게 보이는지보십시오. 그런 다음 다른 것을 추가하십시오. 너무 많이? 다시 꺼내십시오. 다른 요소를 사용해보십시오.

좋아하는 웹 사이트에서 색상을 사용하는 방법을 살펴보십시오. 예를 들어,이 페이지는 주로 흑백이며 일부는 파란색 (링크, 태그, 헤더 표시 줄) 및 일부는 노란색 (파란색과는 반대로 약간만 사용됨) 악센트 색상). 그것은 오늘날 일반적인 접근 방식입니다.

5
Alex Feinman

사용자가 경험하고 싶은 감정을 파악하십시오. 커피를 제공하는 장소를 만드는 사이트? 색상으로 분위기를 설정하십시오. 어떤 색상이 어떤 감정과 관련이 있는지 알아야합니다.

방문자에게 어떤 감정을 주려고합니까?

이 사이트가 색상 이론에 매우 유용한 소개 인 것으로 나타났습니다. TigerColor-색상 이론 소개

색조보다 색상을 선택하는 것이 훨씬 더 많다는 것을 기억하십시오. 또한 가벼움과 채도를 고려하는 것이 좋습니다.

3
Daniel X Moore

트라이어드 색상이 정확히 "함께 잘 작동"한다고 가정하지 마십시오. 더 자주 시청자의 관심을 끌고있는 3 가지 색상입니다. 트라이어드를 기반으로 한 색상 팔레트는 팔레트의 색상이 중립의 평야에서 반점이거나 한 색상이 지배하고 다른 두 색상이 악센트로 사용되는 경우 잘 작동합니다.

1
Mariusz Ciesla

프로그래밍을 배울 때, 아마도 첫 번째 프로그램으로서 3 계층 아키텍처를 처음부터 작성하지는 않았을 것입니다. 프로그래밍의 작은 측면에 대해 가르치는 데 도움이되는 작은 프로그램을 작성했을 것입니다.

디자인에서도 마찬가지입니다. 뛰어나고 놀랍고 복잡한 디자인을 바로 만드는 것은 효과가 없습니다.

시작하는 비 디자이너로서 가능한 한 단순하게 유지해야합니다. 흰색 (또는 약간 흰색이 아닌) 배경이없는 멋진 사이트를 디자인하려면 실제 기술이 필요합니다. 검은 색 텍스트가있는 평범한 흰색 배경을 가지고 링크, 제목 및 굵은 체 텍스트 및 머리글과 같은 사소한 세부 사항에 세 가지 색상을 사용하십시오.

심플한 디자인이 선명하게 보이면 내용에 집중하십시오. 그게 다 좋으면 디자인을 실험 해 볼 수있는 좋은 근거가 될 것입니다. 그런 다음 한 번에 조금씩 조금씩 더 디자이너의 감각을 불러 일으켜 미묘한 변화의 효과를 배울 수 있습니다. 그것을 교육이라고 생각하십시오.

1
Mongus Pong

크레용, 색연필 등을 잡고 실험 해보십시오. Kuler의 트라이어드 (또는 인기있는 색상 생성기)에서 CSS로 곧바로 갈 때 색상에 따라 맞지 않을 수 있습니다.

처음에는 2-3 가지 색상을 사용하십시오. 색상 이론은 사용 가능한 옵션이 많다는 점에서 타이포그래피와 유사하지만 최상의 디자인은 일반적으로 잘 선택되지 않은 색상을 거의 사용하지 않습니다.

또한 배경과 같은 큰 확장 영역에는 중립 (또는 중성 톤)을 고려하고 링크, 로고 등과 같은 것에 대해서는 더욱 인상적인 색상을 고려하십시오.

또한 훌륭한 아이디어를 얻으려면 ColourLovers 를 확인하십시오 (또는 더 나은 커뮤니티에 참여하십시오!).

1

나는 항상 모범으로 일합니다. 포스트 웹 디자인에서 색상의 힘을 사용하는 초보자 안내서 는 @Daniel X More가 이야기하는 색상 이론을 해당 색상 이론을 적용하는 웹 사이트와 결합합니다.

그런 다음 사이트 중 하나를 콘텐츠에 일치시키고 시작점으로 색상 조화를 리버스 엔지니어링 할 수 있습니다.

1
icc97