본문 바로가기

컬러

색 (Color) 색은 다루기가 매우 힘든 디자인 요소 중에 하나입니다. 무한에 가까운 색 조합 패턴 속에서 적절하지 못하거나 일관성 없는 색상 사용으로 이어지기도 매우 쉽습니다. 색에 대한 이론적 이해나 실용적 활용법 등은 이미 다른 수없이 많은 자료들이 있기에, 이 부분들은 제하고 디자인 시스템 제작 관점에서 색을 시스템화하는 일반적인 패턴과 관련 지식을 알아 보고자 합니다. 디자인 시스템의 색 체계화: 디자인에 최적화된 컬러 팔레트를 구축하는 과정디자인 시스템에서 색을 정의한다는 것은 디자인에 활용할 컬러 팔레트를 정의하는 과정이라고도 볼 수 있습니다. 이 과정에서 단순히 주관적인 판단이 아닌, 브랜드와 서비스 특성 및 사용자 등 복합적인 디자인 제반 요소들을 고려하여 최적의 효율/효과성을 지닐 수 있는 컬러 팔레트..
피그마(Figma) 기능 - 스타일(Styles) 관리하기 (색, 폰트 저장하기) * 본 기능 소개는 Figma 공식 유튜브 채널에서 제공하는 튜토리얼 강의(영어)를 기반으로 작성된 포스트이므로 실제 동영상으로 된 기능 소개 내용은 하단에 첨부된 유튜브 링크를 통해서 확인하시기 바랍니다. 색상이나 서체 등 반복적으로 사용되는 스타일 속성에 대해서 특정 속성을 지정하여 저장하고, 이를 다른 작업 때 바로 찾아서 적용할 수 있게 하는 Styles 지정 기능은 다른 디자인 프로그램에서도 유용하게 제공되는 기능이며 피그마에서도 이러한 기능을 지원하고 있습니다. 아래는 텍스트로 설명을 해 놓았지만, 가장 하단에 넣어 놓은 피그마 공식 튜토리얼을 동영상으로 한 번 보시면 더 쉽게 이해하실 수도 있을 것 같으니 동영상도 꼭 참고하시기 바랍니다. 특정 속성을 스타일로 지정하는 방법은 특정 속성을 선..
웹디자인에 팬톤 컬러 적용을 위해 활용 가능한 웹사이트 소개 지난 번에 팬톤에서 제작한 컬러 어플리케이션을 소개해 드린 적이 있는데요. 이번에는 데스크탑/노트북 상에서 웹/앱 디자인을 할 때 컬러링 관련해서 활용이 가능한 웹사이트들을 소개해 드리고자 합니다. 이전 모바일 앱과 마찬가지로 팬톤과 관련된 웹사이트들로 컬러 팔레트 및 파인더 역할을 합니다.1. 팬톤 웹 컬러파인더팬톤 공식 홈페이지에서 제공하는 컬러파인더입니다. 컬러피커를 통해서 색상을 지정하면 그 색과 가장 유사한 팬톤컬러를 뽑아주는 역할을 합니다. 막연하게 색상을 구상하고 있을 때, 구체적이고 또 검증된 색상 코드를 표시해 주는 역할을 합니다.URL : https://www.pantone.com/color-finder 2. 팬톤 컬러스팬톤 표준 색상들을 한 눈에 알아 보기 쉽게 나열하여 보여주는 웹사..