+ 계절별로 웹페이지의 색상 배색만 살짝 바꿔줘도 다른 분위기를 낼 수 있을 것이다. 물론 쉽게 하려면 스타일시트를 활용해야겠지?
+ 인용 : Web Safe Color (C.I.S 저)
+ 참고
메인 - 페이지 상단/하단, 메뉴 영역
서브 - 텍스트 메뉴 영역(일반적으로 메뉴 테이블 색상)
밸런스 - 바탕색
추가색 - 추가하거나 강조를 위해 추가해도 좋은 색

:: 봄에 어울리는 색상 배색
고명도의 아주 연한 색이 배색의 중심이 됩니다. 전체적으로 난색계의 색을 사용해서 가볍고 따뜻한 날씨를 표현하고, 꽃을 표현할 수 있는 분홍색이나 어린 나뭇잎을 연상할 수 있는 연한 초록색을 조합하면 좋습니다. 연하고 뿌옇게 바랜 듯한 느낌을 줄이고 싶다면 톤이 강한 색으로 강조해줍니다.

[배색]
메인 - #FF66CC, 서브 - #CCFF99, 밸런스 - #FFFFCC, 추가색 - #FFCC00
메인 - #FF66CC, 서브 - #CCFF99, 밸런스 - #FFFFCC, 추가색 - #FFCC00

(예 - 테이블 적용에 문제가 있어서 예시 생략!)

메인 - #FF6666, 서브 - #FFCC33, 밸런스 - #FFCCCC, 추가색 - #CC66FF
메인 - #FF6666, 서브 - #FFCC33, 밸런스 - #FFCCCC, 추가색 - #CC66FF

메인 - #FFFF66, 서브 - #66CC66, 밸런스 - #CCFF99, 추가색 - #99CCFF
메인 - #FFFF66, 서브 - #66CC66, 밸런스 - #CCFF99, 추가색 - #99CCFF

메인 - #FF6666, 서브 - #FF99CC, 밸런스 - #FFFFCC, 추가색 - #FFCC00
메인 - #FF6666, 서브 - #FF99CC, 밸런스 - #FFFFCC, 추가색 - #FFCC00

:: 여름에 어울리는 색상 배색
태양의 빨간색, 하늘의 파란색, 자연의 초록색 등 순도가 높고 선명한 색을 사용해서 강약이 있는 배색을 해줍니다. 초여름을 표현할 때에는 파란색 계통을 중심으로한 산뜻한 이미지로, 한여름은 빨간색과 오렌지색을 사용한 강렬한 태양빛을 연상시키는 배색을 해줍니다. 같은 계절이라도 매우 다양하게 표현할 수가 있습니다.

[배색]
메인 - #00CCCC, 서브 - #0066FF, 밸런스 - #FFFFFF, 추가색 - #FFFF33
메인 - #00CCCC, 서브 - #0066FF, 밸런스 - #FFFFFF, 추가색 - #FFFF33

메인 - #6666FF, 서브 - #33FF99, 밸런스 - #CCFFFF, 추가색 - #FF9933
메인 - #6666FF, 서브 - #33FF99, 밸런스 - #CCFFFF, 추가색 - #FF9933

메인 - #99FF99, 서브 - #66CCFF, 밸런스 - #FFFFFF, 추가색 - #6666FF
메인 - #99FF99, 서브 - #66CCFF, 밸런스 - #FFFFFF, 추가색 - #6666FF

메인 - #CC0000, 서브 - #FFCC00, 밸런스 - #FFCCCC, 추가색 - #FF9900
메인 - #CC0000, 서브 - #FFCC00, 밸런스 - #FFCCCC, 추가색 - #FF9900

메인 - #333399, 서브 - #66FFFF, 밸런스 - #FFFFFF, 추가색 - #CCFF33
메인 - #333399, 서브 - #66FFFF, 밸런스 - #FFFFFF, 추가색 - #CCFF33

+ 정말 많은 색상 조합이 있지만, 이 중에 마음에 드는 몇 가지만 정리해 둔다. 가을과 겨울에 어울리는 색상 조합도 나중에 추가하도록 하자!! (역시 스타일스트는 잘 짜놔도 편하겠구나...ㅡ.ㅡ;)
Posted by 하루나기™
: