친구들에게 새해 인사를 하려고 기다리던 도중 오픈채팅 탭에서 "2024 새해" 칩을 발견하였다. 보통 오픈채팅 탭을 누르면 내 채팅방 목록이 나오는데 새해가 다가오자 "2024 새해" 칩을 표출시켜주고 있었다. 제일 상단에는 실시간 새해 인사를 나눌 수 있는 대화방이 나타나는데 입장할 필요없이 라이트한 채팅이 가능했다. 하단에는 미라클모닝 오픈채팅 목록, 부모님들에게 인기있는 임영웅 가수 오픈채팅, 독서/운동/명상 등의 자기계발 오픈채팅 등이 나열되고 있었다. 주제별로 UI를 다르게 표현한 것도 인상깊었다. 이번 기회에 오픈채팅방 목록을 둘러볼 수 있었는데 정말 다양한 분야의 오픈채팅방이 있었다. 이렇게 서비스를 시즌별로 표출하면 신규 사용자의 유입을 기대할 수 있을 것 같다.

특정 영역 안에 요소를 배치하는 방식, 레이아웃 기초에 대해 배워 봅니다. 다양한 스크린과 환경에서 표시되는 디자인 요소를 균형있고 구조적으로 잘 표현할 수 있도록 도와주는 레이아웃에 대해 알아봅시다. Lay something out 레이아웃 만들 때 신경써야 하는 점 1. 위계 Hierarchy 2. 정렬 Alignment 3. 여백 White space 4. 흐름 Flow 위계 Hierarchy : 중요도에 따라 정보 구분하기 정렬 : 비슷한 정보끼리 정렬하기 흐름 : 눈의 흐름대로 배치하기 정렬에 따라 글의 흐름을 읽고, 풍부한 정보를 얻고 싶을 때 이미지를 확인한다. 여백 : 숨 쉴 수 있는 공간 주기 게슈탈트 심리학 : 전체는 부분의 합이 아니다. 유사성 근접성 연속성 폐쇄성 공동 운명 디자인 ..

Product Manager & Product Designer ➡️ 각별한 사이(서로 영향을 많이 받는 관계) ✔️ PM과 디자이너는 업무의 겹치는 영역이 많다. ✔️ PM은 챙길게 너무 많고 디자이너는 디테일이 너무 중요하다. 인스파이어드 책 중..디자인 업무 정의 User research, Interaction Design, Visual Design, Prototyping "얼마나 깊게 사용자에 대해 이해하고 있는가" "얼마나 많은 가능성을 다양하게 테스트 하는가" 예시 선물하기 : 밥을 챙겨주는 듯한 느낌을 기획해보자! ➡️ 밥을 챙겨주는 듯한 행위를 할 수 있게끔 유도해볼까? 현업에서 PM과 디자이너의 소통은 정말 중요한 것 같다. 서비스 기획 단계부터 계속해서 소통하여 와이어프레임, 프로토타입을..

아이콘 제작시 고려해야 할 핵심 1. 직관적인 아이콘 2. 통일된 스타일 아이콘 3. 단순한 아이콘 4. 아이콘 규격 및 시각보정 지나치게 단순화 하거나 디자이너 본인만 아는 아이콘은 절대 사용하지 않는다. 통일된 스타일로 아이콘을 제작한다. 아이콘 스타일 종류 두께에 따라 다른 느낌 아이콘 예시 🧐 오른쪽 아이콘이 너무 단순해서 왼쪽 아이콘이 더 잘된 아이콘일까? ➡️ 24x24 실제 사이즈로 아이콘을 살펴보면 왼쪽 아이콘의 경우 형태를 파악할 수 없다. 단순하게 표현한 오른쪽 아이콘이 작은 크기에서도 한 눈에 뜻을 파악할 수 있다. 아이콘 사이즈 부피에 따른 느낌 같은 100x100 사이즈이지만 왼쪽이 더 커보이는 착시현상같이 느껴진다. 실제로 원의 넓이는 πxr^2이다. 아이콘 사이즈 - Keyline

프로덕트 디자이너 = 디지털 프로덕트를 설계해 문제를 해결하는 사람 = 사용자와 끊임없이 소통하는 사람 ➡️ 모바일 앱을 사용하는데, 어딘지 모르게 어색함을 느낀다면 그때가 바로 프로덕트 디자인이 필요한 순간 프로덕트 디자인 단계 1. 탐색(Discover) - 현상 파악 2. 정의(Define) - 문제가 무엇인지 정의 3. 설계(Design) - 문제를 해결할 수 있는 제품 설계 4. 전달(Deliver) - 사용자에게 제품을 전달하는 단계를 거쳐 디자인이 완성 UX 디자이너 : 제품 설계의 1단계인 탐색을 담당 사용자를 이해하고, 목표 달성을 위해 어떤 과정을 거쳐야 하는지 연구하는 직군 UI 디자이너 : 시각화에 집중하는 직군, 3단계인 설계를 담당 UX 단계에서 도출한 워크플로우나 프로토타입을 ..

레이어는 그래픽 툴에서 가장 중요한 기능입니다. 어떤 요소가 있는지 어떻게 사용하는지 레이어의 기초부터 배워봅시다. 디지털 프로덕트를 디자인할 때 이런 레이어 요소를 어떻게 하면 보기 좋고, 더 쓰기 좋은 프로덕트를 만들 수 있는지 먼저 어떤 속성을 갖고 있는지를 설명한다. 레이어 속성 8가지 형태 : 모양에 대한 속성 형태는 이미지, 글자, 네모가 거의 대부분 테두리 그림자 : 형태의 외곽선에서부터 바깥으로 그라데이션되어 표현된다. UI 디자인을 할 때 중요도가 높을수록 높이가 높다. ex) 네비게이션바 -> 언제 어디서나 작동하고, 클릭할 수 있어야 한다. 표면 Solid : 단색 Gradient : 기울기 Image : jpg, png 형태 Translucent : 이미지 뿌옇게 표현 투명도 특정 ..