__𝙖𝙧𝙘𝙝𝙞𝙫𝙚 __𝙖𝙧𝙘𝙝𝙞𝙫𝙚

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Adobe XD) | Chapter 8💭 프로젝트 유저 리서치    💻 UIUX 디자인툴 (Adobe XD) | Chapter 8∗ Material Design을 기반으로 한 실습을 진행했다.  ⚡️Top App bar (상단 앱바) ⚡️Tab (탭) ⚡️Button ⚡️Bottom App bar (하단 앱바)    💭 프로젝트 유저 리서치 ∗ 이론으로 아는 것과 실제로 하는 것은 상당한 차이가 있다.∗ 방법론, 태스크 플로우, 유저 저니맵, 퍼소나 이것저것 떠오르는 것들은 많아도 아직 정확하게 정리가 되지 않은 것이 현재 상태라서 공개 되어있는 기업들의 유저 리서치 과정들을 많이 참고하려고 했다.∗ 각자 상황에 따라 여러 방식의 유저 리서치를 진행..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Adobe XD) | Chapter 6💻 UIUX 디자인 툴 (Adobe XD) | Chapter 7    💻 UIUX 디자인툴 (Adobe XD) | Chapter 6 ⚡️디자인 시스템?∗ 일관선 있는 디자인 경험을 사용자에게 제공하기 위함∗ 명확한 의사소통을 위해 필요한 시스템∗ 비용 절감과 브랜드 인지도 및 신뢰에 있어 큰 역할을 한다.    💻 UIUX 디자인툴 (Adobe XD) | Chapter 7 ⚡️모바일 환경?∗ 운영체제는 안드로이드와 ios가 전 세계의 99%를 차지하고 있다.∗ 운영체제마다 UI컴포넌트의 종류나 표현, 사용 상황이 조금씩 다르다.∗ 모바일이 다른 기기와 가지는 가장 큰 차이점은 이동성으로써, 이는 타이포그래피와 컬..

🍎  인아웃?인아웃은 식단부터 체중, 운동 심지어 물 섭취량 등 여러가지 습관에 대한 내용을 쉽게 기록할 수 있는 올인원 다이어트 앱입니다. 단순히 다이어트 뿐만이 아니라 건강 및 습관에 대해서도 소셜 커뮤니티가 구성되어 있습니다.처음에는 키토제닉 식단을 하는 사람들을 대상으로 니치한 시장을 타겟으로 잡았으나, 그럼에도 앱 사용자들의 대다수가 일반 식단을 하는 사용자들이었기 때문에 타겟팅에 대한 문제를 인식하고 피봇한 사례입니다.지금은 현재 앱 다운로드 수만 140만이 넘고, 국내 다이어트 앱 1위가 되었습니다.  🖤  주요 화면 및 구성?하단 네비게이션을 기준으로 나눠진 화면 다섯 개를 보면, 주요 기능인 하루 식단 및 목표를 확인할 수 있는 홈 화면, 미션을 완료하고 모은 앱 내 재화 (사과)를 ..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Figma) | Chapter 7💻 UIUX 디자인 툴 (Figma) | Chapter 8    💻 UIUX 디자인 툴 (Figma) | Chapter 7 ⚡️프로토타입?∗ 디자인한 요소와 화면 간의 상호작용을 시뮬레이션하고, 이를 시각화하는 기능이다.∗ 편집하는 디자인 탭이 아니라, 프로토타입 탭에서 설정해준다.∗ 어떤 기기를 기준으로 보여줄 것인지도 세팅할 수 있다. ⚡️베리언트?∗ 컴포넌트에게 Property를 추가해서 어떤 상태일 때 어떤 오브젝트를 사용할 것인지 컴포넌트 하나로 관리하기 수월하다. 베리에이션의 개념.∗ 보통 hover, abled&disabled 등 여러 상태를 나타낼 때 사용하기도 하며, 크기별로 property를 추가하기도..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Figma) | Chapter 6🖋️ 사용자를 생각하게 하지 마💬 Talk about    💻 UIUX 디자인 툴 (Figma) | Chapter 6 ⚡️컴포넌트?∗ 컴포넌트 요소의 속성을 지정해 준 다음, 복사 시 인스턴스를 생성 가능하다.∗ 인스턴스는 아무리 갯수가 많아져도 컴포넌트의 속성을 따라가기 때문에, 일괄 수정하기 쉽다.∗ 인스턴스 개별 수정도 가능한데, 대신에 한 번 개별 수정하게 되면 컴포넌트와의 연결이 끊어지기 때문에, 개별 수정하게 되면 별도로 컴포넌트를 다시 만들어 주어야 한다.  ⚡️베리언트?∗ 컴포넌트에게 Property를 추가해서 어떤 상태일 때 어떤 오브젝트를 사용할 것인지 컴포넌트 하나로 관리하기 수월하다. 베리에이션의..

📋 오늘의 할 일 📋💻 프리스쿨 UI 기초 | Chapter 6💻 UIUX 디자인 툴 (Figma) | Chapter 4💭 This week Memo    💻 프리스쿨 UI 기초 | Chapter 6 정리  🗝️Design ❶ MAIN∗ 플랫폼에서 가장 처음 마주하게 되는 화면입니다.∗ 스플래시나, 취향 분석 등이 메인 앞단에 놓일 수 있습니다.∗ 플랫폼에서 가장 주요한 화면입니다.❓스플래시? 온보딩? 튜토리얼?∗ 위에서 나오는 스플래시의 경우는 새로운 앱을 받고 실행 시, 사용자가 처음 보는 화면이더라도 당황하지 않고 서비스를 이용할 수 있게 해주는 장치입니다. ➀ 스플래시?∗ 앱을 실행할 때 가장 먼저 띄워지는 화면, 주로 브랜드 컬러와 함께 로고를 띄워두는 경우가 많습니다.∗ 앱 시..

📋 오늘의 할 일 📋💻 프리스쿨 UI 기초 Chapter 4~5 정리💭 프리스쿨 UI 기초 보충 연구    💻 프리스쿨 UI 기초 Chapter 4~5 정리  🗝️Page ∗ 한 페이지 내에는 다양한 구성 요소가 들어갑니.∗ 아이콘, 버튼, 플래그와 텍스트, 이미지로 이루어진 컴포넌트로 구성.∗ 디자인에 따라 그에 맞는 인터렉션이 들어갈 수도 있습니다.∗ 정보 위계에 따라 폰트 크기 및 컬러를 적절하게 이용하여 화면을 구성합니다.   🗝️Common ❶ GNB∗ GNB = Global Navigation Bar 약자로 메뉴바를 뜻한다.∗ 웹페이지에 표시되는 하이퍼링크들의 집합 영역.∗ 모바일이나 웹에서 앱과 웹들의 최상단에 위치한 메뉴들이 보이는 영역을 이야기한다.∗ 앱에서는 주로 햄버거 버..

🗓️  투두메이트?투두메이트는 "갓생", 이상적인 습관을 만드는 데 도움을 주기 위한 할 일을 공유하는 앱이다.할 일 기록과 함께 공유할 수 있는 커뮤니케이션, SNS 기능도 함께 있다는 점이 특이합니다.일정 관리 앱임에도 1020 특화 앱으로 애플 앱스토어에서는 전체 순위 2위에도 도달한 적 있는 앱이다.'SNS지만 다른 사람이 존재하지 않아도 쓸 수 있는 앱' 에서 아이디어를 발전시키다 보니 제작된 프로덕트이며, 특이한 점은 할 일을 공유하는 일정 관리 앱이지만 부정적인 액션이 없다는 점이다. 사용자들이 재촉받지 않았으면 하는 마음에서 지속적으로 가지고 온 방향성이라고 한다. 또한, 일정 관리 앱이지만 딱딱하게 느끼지 않았으면 하는 점이 해당 앱의 시각적 요소에 잘 반영되어 있다.-'갓생' 도우미 ..