UXUI Design

[미션] UXUI 디자인 아티클 스터디아티클 - 시각적으로 균형있는 디자인하는 방법 (시각보정 팁)링크 또는 출처 : https://brunch.co.kr/@thinkaboutlove/227핵심 내용시각적 무게는 인간의 눈이 오브젝트의 중요도와 크기를 인식하는 방법이다. 픽셀 사이즈와 영역이 동일하다고 같은 시각적 무게를 가지진 않는다.사각형이 가장 시각적 무게가 무거운 도형이고 그 외 길쭉한 사각형, 원, 다이아몬드, 삼각형 등 비사각형 도형들은 사각형 도형과 시각적 균형을 맞추기 위해 크기를 더 키울 필요가 있다. (시각적 균형 확인 방법: 블러처리)그래서 아이콘 세트를 만들 때 시각적 균형을 위해 조금의 여백을 두는 것이 일관성을 가지기에 좋다.뾰족한 가장자리를 지닌 도형은 사각형 오브젝트 가까이에..

[미션] UXUI 디자인 아티클 스터디아티클 - UI를 위한 색링크 또는 출처 : https://brunch.co.kr/@blckschrl/41핵심 내용색은 색상, 채도, 명도로 3가지 속성이 있다.색 공간은 디지털 디바이스에서 다양한 색을 표시하기 위한 규격이다.디지털 프로덕트에서 색은 주로 RGB, HSL, HSB 등이 있으나 작업 시에는 주로 HEX, RGB를 사용한다.RGBA(Red, Green, Blue, Alpha) : 빛의 삼원색인 빨강, 초록, 파랑과 투명도를 나타내는 Alpha를 조합해 색을 표현하는 방식HSV / HSB(Hue, Saturation, Value / Brightness) : 색의 속성을 직관적으로 나타내고 다루기 쉬운 방식HEX : RGB를 16진법으로 변환한 코드로 여러..

[미션] UXUI 디자인 아티클 스터디아티클 - 눌러보고 싶은 동그란 버튼링크 또는 출처 : https://brunch.co.kr/@summer-bom/54핵심 내용배너 영역은 보통 서비스 첫 화면에서 헤더와 피드 사이 중앙에 있고, 비즈니스 중요한 순서로 정렬해 사용자의 바른 접근을 유도한다. ex) ‘기획전’이나 주요 비즈니스 ‘카테고리’로 이동한다.배너 영역 개선을 통해 메인에서 각 카테고리를 대표하는 프로그램 쇼룸으로 쉽게 진입할 수 있게 했다.숏컷 UI를 프로필 디자인의 메타포인 원형으로 설정했고, 이 원형은 이 서비스 어느 페이지로 가든 쇼룸(프로필)을 상징하고 있어 사용자가 쉽게 인지할 수 있다.가로의 좁은 지면을 고려해 원형이 굴러들어 오는 트렌지션을 줌으로 주목도를 높였다.썸네일 내에서 ..

[미션] UXUI 디자인 아티클 스터디아티클 - UX UI 레벨테스트 정리링크 또는 출처 : https://velog.io/@wns450/UX-UI-레벨테스트-정리, UX·UI 레벨 테스트핵심 내용왼쪽 맞춤된 글이 중앙 정렬 글보다 오래 읽기 좋다.대비로 중요한 것을 강조하면 무엇이 중요한 정보인지 식별하기 쉽다.줄간격이 좁으면 내용을 식별하기 어려우니 줄간격은 글자크기의 1.5배 이상으로 설정한다.상호작용을 나타내는 색상은 버튼이나 링크에만 사용한다.옵션이 적으면 드롭다운 메뉴 대신 라디오 버튼을 사용한다.플레이스 홀더를 레이블 대신 사용하면 안 된다. 레이블이 항상 보이게 디자인해야 한다.선택 항목에는 가장 자주 선택되는 항목, 사용자에게 가장 도움 되는 항목을 기본 옵션으로 지정해 놓는다.선택을 강..

[미션] UXUI 디자인 아티클 스터디아티클 - “디자인으로 지구를 지킨다고?” 주목 받는 친환경 UX 디자인링크 또는 출처 : https://ditoday.com/디자인으로-지구를-지킨다고-주목-받는-친환경-ux/핵심 내용친환경 UX 디자인이란 기존 UX디자인의 사용성에 환경적 책임을 더해, 사용자가 환경에 미치는 탄소 발자국을 최소화하는 것이 고려된 UX디자인이다.친환경 UX 디자인은 소프트웨어, 인터넷 서버가 필요로 하는 대량의 에너지와 환경에 미치는 디지털 제품의 영향을 줄이기 위해 디지털 제품에 서비스를 집중하는 특징이 있다.다크모드와 폰트 최적화 - 간소화되고 탐색에 최적화 된 UI 디자인 개선은 배터리 및 화면 전력 소모에 도움이 된다.이미지, 영상 사용 최소화 - 사용되는 데이터와 에너지를..

[미션] UXUI 디자인 아티클 스터디 아티클 -2024 UI/UX 디자인 트렌드(1)링크 또는 출처 : https://brunch.co.kr/@tigrisdesign/16핵심 내용다양한 AI 서비스가 출시되고 있고, 그것을 잘 이용해서 디자인에 녹여내는 것이 디자이너의 능력이 될 것이다.(CUX) 대화형 챗봇처럼 수준 높은 챗봇을 도입하는 것은 사용자가 정보에 쉽게 접근할 수 있고 효율적으로 사용성을 극대화시켜 준다.(CUX) 음성 인식 정확도가 많이 높아졌기 때문에 시리나 구글 어시스턴트 같은 VUI기능 역시 적극적으로 활용하는 추세다.(피지털) AR과 VR기능의 사용은 게임 분야가 주였지만, 가상현실(VR) 쇼룸이나 증강현실(AR) 룩북, 가상 인테리어 서비스의 형태로 뷰티, 패션, 가구 산업에도 ..

[미션] UXUI 아티클 / 책 스터디 아티클 - 모두를 위한 디자인링크 또는 출처 : https://a11y.gitbook.io/wcag핵심 내용서비스를 제작한다는 건 장애를 가진 사람도 사용할 수 있어야 한다.장애를 가진 사람도 사용할 수 있는 디자인/설계는 장애인의 사용성 뿐만 아니라 비장애인의 사용 편의성도 높여준다.쉬운 말 사용, 명확한 대비(전경과 배경색의 대비 차 4.5:1) 사용, 이미지 설명, 키보드 사용자 고려, 큰 클릭 영역, 논리적 구성, 사용자 테스트 등으로 쉽고 단순한 디자인이 모두를 위한 최고의 디자인이다.얻은 인사이트, 알게 된 개념좋았던 점 :약자에 대한 배려가 약자뿐만 아니라 모두를 위한 것이라는게 이해하기 쉽게 설명되어 있다.예시로 내가 생각지 ..