· STORY 페이지에서는 다양한 디자인 리소스와 창작 과정에서 얻은 인사이트를 제공합니다. 


CASE STUDY[CASE STUDY] 컬러 구조로 설계한 아이덴티티

ef6e382871abc.pngee9f072304621.jpg


이 작업에서 중요한 것은 제품을 다르게 보이게 하는 것이 아니라, 함께 놓였을 때 하나의 브랜드로 읽히는 상태였다. 개별 디자인보다, 반복될 때 유지되는 인상이 더 중요했다.


81768cf035757.jpg

5704e56d5d62f.jpg


비주얼은 하나의 컬러에서 시작한다. 색을 늘리는 대신, 하나의 색을 농도 차이로 확장했다. 컬러의 변화는 구분을 위한 장치가 아니라, 톤의 밀도를 조절하는 방식에 가깝다.


e7b4419311f26.jpgd472202a43d6e.jpgb0f888bd374ee.jpg002ae250cc542.jpg


패키지 표면에 적용된 그라데이션은 효과를 위한 표현이 아니다. 색의 깊이를 만들고, 공기처럼 퍼지는 흐름을 만드는 구조다. 하나의 색이 농도에 따라 변하면서, 표면 위에 분위기가 형성된다.


‘Valentine’s Day’와 ‘Languid Afternoon’은 서로 다른 인상을 갖지만, 접근 방식은 동일하다. 각각 하나의 컬러만 사용하고, 그 안에서 농도 변화로 이미지를 만든다. 차이는 색의 종류가 아니라, 색이 만들어내는 밀도의 방향이다.


b465572ea0706.jpg66f69780126b2.jpg


형태와 레이아웃은 변하지 않는다. 구조는 유지하고, 컬러만 달라진다. 새로운 라인이 추가되더라도 같은 방식으로 확장될 수 있도록 하기 위함이다.


073aade3a7126.jpga074eadb9d3e8.jpg


상세페이지는 제품 정보를 나열하는 구조가 아니라, 패키지에서 설정된 컬러와 그라데이션의 흐름이 그대로 이어지는 화면 경험으로 설계했다. 하나의 메인 컬러를 중심으로 농도와 명도를 단계적으로 조정하며 화면 전체에 깊이와 리듬을 만들었고, 각 섹션은 독립된 콘텐츠가 아니라 하나의 색의 흐름 안에서 연결되도록 구성했다.


정보 영역은 강조보다 밀도를 조절하는 방식으로 정리해 시선의 흐름을 방해하지 않도록 했으며, 이미지와 텍스트 역시 대비보다 톤의 균형을 기준으로 배치했다. 결과적으로 상세페이지는 설명을 위한 레이아웃이 아니라, 컬러 구조와 분위기를 확장하는 또 하나의 시각 시스템으로 작동한다.


c7808460254ce.jpgc07ee89a1b392.jpg



공일공스튜디오

대표 : 이서하 | 사업자등록번호 : 313-11-03888

서울본사 : 서울특별시 금천구 가산디지털1로 5

전북센터 : 전북 전주시 완산구 중산중앙로 21

부산센터 : 부산광역시 해운대구 반여로 96


고객센터

연락처 : 050.5550.0101

이메일 : 010studio@010studio.net

카카오톡 : 공일공스튜디오


Copyright ⓒ 010studio. All rights reserved.

본 사이트에 게시된 정보가 무단으로 수집되는 것을 거부합니다.





공일공스튜디오


서울본사 : 서울특별시 금천구 가산디지털1로 5

전북센터 : 전북 전주시 완산구 중산중앙로 21
부산센터 : 부산광역시 해운대구 반여로 96



고객센터


연락처 : 050.5550.0101

이메일 : 010studio@010studio.net

카카오톡 : 공일공스튜디오



이서하 | 313-11-03888 | 2020-서울금천-0352 
Copyright ⓒ 010studio. All rights reserved.

본 사이트에 게시된 정보가 무단으로 수집되는 것을 거부합니다.