💭 2024. 3. 27 오늘의 일기 오늘 한 일 - (과제) 클론디자인 마무리 - (과제) 개선안 도출 - (과제) 발표 문서 제작 오늘은 오전 중에 클론디자인을 마무리했다. 오후에는 개선안을 도출하고 조원분들끼리 와이어프레임 제작 후 그 중 괜찮은 부분을 짜집기해서 제작 진행중에있다. 나는 다른 조원분과 함꼐 2인발표를 맡게 돼서 발표 문서 제작중이다. 떨린다,,!!! 조원분들과 단체 사진도 찍었다. 브이 V^_^V

💭 2024. 3. 26 오늘의 일기 오늘 한 일 - (과제) 화면 UI 구조 분석 - (과제) 디자인 시스템 제작 - (과제) 컴포넌트 제작 - (과제) 클론디자인 1차 과제중이다.... 팀원들끼리 소통도 잘되고 의견도 잘맞는데 단지 과제를 한다는 이유만으로 넘 몸이 피곤허다ㅜ 과제는 원래 기본 과제 + (선택) 심화 과제 이렇게 나뉘는데 오늘 갑자기 선택이었던 심화 과제를 필수로 진행해야한다는 공지를 받았다. 기본 과제만 할 생각으로 진행했던 우리 입장에선 꽤나 갑작스럽게 느껴졌지만 어찌저찌 다시 방향 잡고 나가는중이다. 나는 티맵의 내비 부분 클론디자인을 담당하게 됐다. UI는 간단한데 안에 들어가는 지도를 구성하는게 힘들다. 한땀한땀 경로 그리는중;;ㅎ 미치겟다 근데? 솔직히 재밌다 단순 노가다..

💭 2024. 3. 25 오늘의 일기 오늘 한 일 - 디자인아티클 - (과제) 앱 선정 - (과제) 사용자 핵심행동 분석 - (과제) 사용자의 서비스 이용 과정 5주차와 함께 조별 미니프로젝트가 시작됐다! 사전 캠프를 참여하지 않았기 때문에 조별 프로젝트는 처음이라 주말부터 많이 떨렸당 조원분들과 많이 얘기두 하구 친목도 좀 다져놔서 소통에 있어서 많은 어려움은 없었지만 그래두 과제는 과제인가부다 평소보다 더더더 힘들었다... 이번 프로젝트의 주제는 UI 구조 분석 기반의 클론디자인!..이라고는 하셨지만 그냥 지금까지 배웠던 기획+디자인 강의 내용을 바탕으로 과제 진행하고 발표까지하는거라 엄청 막 어렵진 않을 줄 알았다. 근데 생각보다 과제 설명도 좀 부실허고 너무 맨땅의 헤딩처럼 땅바닥에 던져진 ..

오늘의 아티클 : https://brunch.co.kr/@chulhochoiucj0/29 모바일 UI 디자인 기본 요소 - Tab bar 모바일 앱의 글로벌 내비게이션 컨트롤 Tab bar | 탭바 Tab bar는 사용자가 앱 내에서 중요한 콘텐츠 사이를 빠르게 전환할 수 있도록 하는 글로벌 탐색 컨트롤 Global navigation control이다. Tab bar는 사용 brunch.co.kr 1. 아티클 내용 요약 1. GNB - 글로벌 내비게이션 바 (GNB) : 앱과 웹사이트가 제공하는 콘텐츠의 전체적인 탐색을 지원하고, 페이지 전체에 걸쳐 화면의 동일한 위치에 유지된다. - GNB의 구조 : 기본 구조는 왼쪽에 로고, 중앙에는 최상위 레벨의 콘텐츠 그룹, 우측에는 검색과 로그인 또는 장바구니..

💭 2024. 3. 22 오늘의 일기 오늘 한 일 - 과제 제출 - 과제 해설영상 - 특강 이번주가 벌써 4주차라니! 이제 겨우 한 달 됐다는 마음 반, 벌써 한 달이라는 마음 반이 공존한다. 이번주는 주간 회고록과 일일 학습일지를 한 번에 기록해볼 것이다. 1. 개인 과제 진행 (3.18~3.22) 완성! 한 주간 진행한 개인 프로젝트를 모두 완료했다. 오른쪽 사진 그대로 레퍼런스 수집 - 컬러 선정 - 타이포 선정 - 와이어프레임 제작 - 컴포넌트 제작 순으로 진행했는데, 와이어프레임에서는 놓쳤던 컴포넌트 요소를 후에 추가하는 경우가 잦아 다음에는 처음부터 컴포넌트 설계를 체계적으로 해놔야겠다는 생각이 들었다. 프로토타입도 사실 많이 한 건 아니고 과제에서 시키는 것만 해서 좀 후회중이다. 나중..

💭 2024. 3. 21 오늘의 일기 오늘 한 일- 디자인아티클 - 프로토타입 2차 - 과제 마무리 오늘은 팀원들과 친목을 다지는 시간을 좀 많이 보냈다..(〃⌒▽⌒〃)ゝ 아침에 프로토타입관련 궁금증이 생겨 처음으로 튜터님께 찾아가 질문을 드렸다! 막히고 있던 부분이었는데 바로 해결해주셨다 증말 짱.. 어제 작업한거랑 프로토타입에는 그렇게 큰 변화가 없긴한데 디자인 시스템에 추가된게 좀 있다 이렇게 과제 제출 완! 내일 해설영상보고 고칠 게 많을듯

오늘의 아티클 : https://brunch.co.kr/@blckschrl/41 06화 UI를 위한 색 우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니 brunch.co.kr 1. 아티클 내용 요약 - 색 : 강한 자극을 주는 시각 언어. - 색 속성 3가지 색상(hue) : 고유한 색의 종류 채도(saturation) : 원색의 진하기 명도(Brightness) : 밝고 어두움을 구분하는 정도 - 색 공간 RGB : 빛의 삼원색인 빨강, 초록, 파랑과 투명도를 나타내는 알파를 조합해 다양한 색 표현 HSV,HSB : 색의 속성을 직관적으로 다루기 쉬움 HEX : ..

오늘의 아티클 : https://brunch.co.kr/@laftelux/6 CS 담당자를 감동시키는 로그인/가입 UX개선기 라프텔 UX 개선기 | 안녕하세요. 라프텔 프로덕트 디자이너 샐리입니다. 이번 블로그에서는 라프텔의 로그인/가입 플로우를 개선한 과정을 공유해보려고 합니다. 배경 로그인/가입 화면은 유저 brunch.co.kr 1. 아티클 내용 요약 - 로그인/가입 화면 특징 복잡하거나 불친절한 프로세스는 사용자의 탈ㅇㄹ 유ㅠ발. 간단하고 직관적인 UX 유저들에게 첫인상을 남기는 중요한 단계 - 라프텔 팀의 로그인/가입 화면 리디자인 목표 신규 유저는 빠르고 쉽게 가입 화면에 접근, 기존 유저는 로그인 한 수단을 잊지 않도록 하는 것. 불필요한 뎁스 줄이기 : 기존 방식은 로그인 버튼을 누르면 상..

💭 2024. 3. 20 오늘의 일기 오늘 한 일 - 디자인아티클 - 앱디자인 완성 - 프로토타입 1차 앱 디자인을 완성했다! 심화 과제와 동시에 진행하려니 어제 제작한 컴포넌트를 조금 손 볼 수밖에 없었다. 스타일 가이드 제작할 때부터 심화 과제를 고려했어야했는데 그땐 시간이 좀 남을 줄 몰라서ㅜㅜ 심화과제는 총 4가지다. 이 중 1,2,4번은 어렵지 않게 추가했는데, 3번을 진행하려니 너무 뜯어고쳐야 하는 부분이 많아져서 고민이다. 내일은 하루종일 프로토타입을 더 추가할 예정이다. 숙제 외에도 내가 구현할 수 있는 부분은 다 구현해보고 싶은데 가능할지 모르겠다. 내일은 꼭 강사님께 찾아가야지..ㅠ 1차 프로토타입은 이렇게 간단하게 마무리! 블루 스파게티는 아니고 아직 퍼런 면가닥정도.?

💭 2024. 3. 19 오늘의 일기 오늘 한 일 - 아티클 스터디 - 컴포넌트 정리 - 홈 화면 제작 - 상품 목록 화면 제작 어제 제작한 와이어프레임과 오늘 제작한 홈&상품목록 페이지. 언스플래시에서 상업적 이용 가능한 이미지만 쓰다보니 퀄리티가 떨어져보일까 걱정했는데 생각보다 깔끔하고 정돈되어 보이게 제작했다! 이미지 사용이 잦은 이커머스 플랫폼인걸 고려해 색 사용을 최대한 자제했는데 너무 단조로운 것 같기도 하다. 간만에 내가 하고싶은 걸 자유롭게 디자인하니 너무너무 행복하게 진행할 수 있었다. 와이어프레임을 기반으로 컴포넌트도 제작했다. 진행과정은 레퍼런스 수집 -> 컬러&타이포 선정 -> 와이어프레임 -> 컴포넌트 제작 -> 앱 페이지 디자인 이 순으로 진행했고, 순서대로 차근차근 진행하..