archuive

디자인은 단순히 시각적인 요소를 아름답게 만드는 것 이상의 의미를 가지고 있습니다. 디자인의 핵심은 사용자 경험을 향상시키고, 정보 전달을 효율적으로 하는 데 있습니다. 이번 글에서는 정보와 경험의 구분이 디자인 시스템의 성숙도에 어떻게 기여할 수 있는지에 대해 논의해보겠습니다.정보와 경험의 차이정보는 우리가 전달하려는 사실, 데이터, 지식 등을 의미합니다. 반면 경험은 사용자가 정보와 상호작용하면서 느끼는 감정과 인식을 포함합니다. 예를 들어, 웹사이트의 콘텐츠는 정보이고, 그 웹사이트를 탐색하는 과정에서 사용자가 느끼는 것은 경험입니다.성숙한 디자인 시스템의 특징성숙한 디자인 시스템은 단순히 정보를 제공하는 것에 그치지 않고, 사용자의 경험을 고려합니다. 정보와 경험을 균형 있게 조화시켜야 합니다. ..

Github에서 새로 레파지토리를 생성하면 기존의 master 브랜치가 main 으로 변경된걸 볼 수 있다. 2년 전에 업데이트 된 거였지만 글로 정리해두지는 않았었는데, 오늘 Carbon의 Icon에 기여하기 위한 가이드를 읽다가 mater라는 용어를 발견했다 Carbon의 기초 아이콘들을 모아둔 파일이 업로드 되어있는데, 오랜만에 master라는 용어를 본 것 같아 묘한 기분이 들어 이렇게 글을 작성해본다. 깃허브가 master 대신 main을 사용한건 2년전 미국의 Black lives matter 운동에서부터 기인했다고 한다. 기존에 master 브랜치를 사용하고 있던 다양한 프로젝트에서 문제가 발생할 수 있지만 "While it takes time to make these changes now,..

디자인시 스크린 사이즈에 대한 규격과 규칙을 정의한다. 이는 디자인할 때 그리드 시스템 컬럼 갯수나 거터 사이즈 등을 설계하는 단초가 되며, 특히 각 디바이스별로 레이아웃이 달라질 경우 Break Point를 설정하는데 중요한 역할을 한다. 디자인하기 전 프로젝트 초기에 정의해두는것이 좋다. 나의 경우 모바일 (IOS, Android)은 고려할 필요가 없어서 반응형 웹 구현을 고려해 정의했다. Desktop: 1440 x 1024 Tablet: 768 x 1024 Mobile: 320 x 1024하지만, 웹의 경우 처음부터 1920 기준으로 작업하면 스케치나 포토샵에서 보는것과 실제 퍼블리싱된 결과물 사이에 이질감이 들 수 있다. 브라우저의 타이틀바, 주소 및 검색바, 윈도우의 시작 표시줄, 스크롤바 등..

진행률 컨트롤 (Progress control)은 긴 작업을 진행중인 사용자에게 피드백을 제공한다. 진행률 표시가 표시될 때 사용자가 앱을 조작할 수 없다는 의미이며 사용되는 표시기에 따라 대기 시간을 예측할 수 있다는 의미이다. 진행률 유형 작업 진행을 표시하기 위해 ProgressBar 또는 ProgressRing 두가지 컨트롤을 사용 ProgressBar 확정 (Determinate) 작업의 완료율을 표시 기간을 알 수 있는 작업 중 사용 진행률이 사용자의 앱 조작을 차단하지 않음 ProgressBar 미확정(Indeterminate) 작업이 진행중임을 표시 완료 시간을 알 수 없다는 의미 사용자의 앱 조작을 차단하지 않음 ProgressRing 미확정(Indeterminate) 작업이 완료될 때까..