• 한국콘텐츠학회논문지
• /
• 제19권10호
• /
• pp.353-363
• /
• 2019

본 연구는 모바일 앱 배색을 위한 색채 추천 시스템의 활용을 위한 연구이다. 이를 위해 선택 색상에 조화되는 색채를 자동으로 추천해주는 머티리얼 시스템과 모바일 웹 앱의 3 배색을 모바일 앱 디자인에 적용하여 배색 실험을 하였다. 그리고 두 가지 방법의 실험에 대한 설문으로 색상 구성과 선택 색상, 결과물의 만족도에 관한 정도를 리커트 7점 척도로 알아보았고, 결과물에 따른 배색 특징을 비교하여 분석하였다. 머티리얼 컬러 팔레트는 정해진 색상의 규칙적인 색조 단계를 자동으로 시스템화하여 색상 선택을 쉽게 하였지만, 모바일 웹 앱 3 배색인 주조색, 보조색, 강조색에 대한 색상 구성과 색상 범위가 다르며, 프라이머리 컬러와 세컨더리 컬러만 선택 가능하여 디자인에 따라 강조색의 선택 기능이 필요했다. 또한 머티리얼 시스템은 색상 범위와 배색 범위가 정해져 있기 때문에 유채색의 사용이 많았고, 대비가 큰 색조나 보색을 선택해도 배색 범위에 따라 배색 결과물의 이미지가 달라져서 배색 범위에 따른 색상 구성의 역할이 중요했다.

• 디지털융복합연구
• /
• 제19권1호
• /
• pp.343-348
• /
• 2021

본 연구는 재사용 가능한 디자인 시스템 구출을 위한 프레임워크 제안을 위해 아토믹 디자인 시스템을 기반으로 블록을 구성하여 조합하는 방법에 대해 알아보았다. 그를 위해 디자인 시스템의 필요성과 스노우화이트, 스큐어모픽 디자인, 플랫디자인 및 머티리얼 디자인의 사례를 우선적으로 살펴보았다. 또 화학의 원리를 메타포로 사용하는 아토믹 디자인의 분자, 원자, 유기체, 템플릿 그리고 페이지를 문헌 연구를 통해 정의하였다. 새로운 프레임 워크를 구현하기 위해 인터페이스 인벤토리를 구성하고 그 중에서 폰트, 컬러, 이미지와 컨트롤 요소를 핵심 시각 요소로 추출하여 가이드라인을 정의하였으며 그를 바탕으로 분자 요소를 분류하고 원자로 구성할 수 있었다. 블록은 콘텐츠 인벤토리에서 가장 많이 사용되는 디자인 패턴을 기반으로 블록 형태고 구성되도록 하여 블록의 조합을 통해 시각적 그리드를 바탕으로 레이아웃을 구현하고 페이지를 디자인하도록 프레임워크를 구성하였다. 새로운 프레임워크는 블록의 재사용으로 팀의 일관성과 협업을 도우며 파일의 공유와 업데이트를 지원한다는 것에 본 논문의 의의가 있다.