제일 먼저 컬러 팔레트를 만들기 위해 Chat GPT, Gemini, Perplexity에 같은 내용을 작성해봤습니다.이전 글에서 정리했던 제품의 기본 설명과 메인 컬러를 말하고 컬러 팔레트와 WCAG 체크까지 요청 했습니다. 세 개의 LLM 모두 처음에 요청 했던 메인 컬러의 대비가 부족하다는 피드백이 있어서 명도를 낮춘 컬러 추천을 요청 해봤습니다. 처음 메인 컬러인 #59BA83은 산뜻한 중간 톤의 녹색 계열인데 […]
1. 시각화 작업 순서(ref: 통계청 국가통계포털의 통계표 로우 데이터 정제) 2. 데이터 분석 데이터를 통해 알고 싶은 것이 무엇이냐에 따라 데이터 변수를 선택하는 기준이 달라진다. 로우 데이터의 변수명을 보고 데이터 안에 어떤 정보가 포함돼 있는지 파악하고 시각화 차트로 만들어서 찾고 싶은 인사이트가 무엇인지 생각한다. ex: 로우 데이터의 변수명을 보고 추론할 때 지역별 판매량이 알고 싶다면 범주형 변수인 […]
작성일: 2024-04-15 # 머티리얼 디자인 시스템 분석 회고 – **목적:** 회사 프로젝트의 디자인 시스템 구축을 위한 리서치 – **내용:** 구글 머티리얼 디자인 시스템을 참고하여 작업한 일에 대한 회고 — 2024년 봄, 내가 근무하는 회사에서 이전에 개발된 혹은 개발 예정인 제품들에게 통일된 UX/UI 디자인을 만들어가자는 분위기가 만들어 지고 있었다. 나는 회사의 유일한 UX/UI 디자이너였기 때문에 자연스럽게 […]
디자인 토큰 JSON과 같은 표준을 이해하는 모든 사람들이 사용할 수 있는 중앙 집중식 데이터(디자인 밸류 데이터베이스) 디자인 토큰은 색상(hex), 글꼴 및 스케일(px)을 참조하고 기본 단위의 디자인 속성, elements를 재사용할 수 있는 변수로 정리하여 사용하는 방식. 코딩에 그대로 활용할 수 있는 공통 언어.* MDS: Material Design System 1.서비스별 네이밍과 위계 구조 1) MDS(md+유형 ~) value > […]
작성일: 2024-04-11 불투명도를 사용하여 상태를 시각화 오버레이의 색상을 적용되는 요소의 글자 또는 아이콘 색상과 일치한다. 만약 text or icon 컬러가 상태 변화로 인해 바뀌면, 오버레이 컬러는 최종 상태 컬러(the end state’s color)와 일치해야 한다. To ensure proper visibility and color contrast accessibility, the opacity value of overlays should be adjusted for every different combination of […]