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

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

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

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

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

💭 2024. 3. 18 오늘의 일기 오늘 한 일 - 9시 개인 과제 설명 듣기 - 조 변경 - 레퍼런스 찾기 - 톤앤매너 정의 - 와이어프레임 제작 - 컴포넌트 제작 한 주간 진행할 새로운 미니프로젝트가 시작됐고 새로운 조가 편성됐다. 이번 조는 8조! 지금껏 만난 조원분들이 모두 좋은 분들이라 너무 다행이다. 다들 열정적이시고 활기차셔서 분위기가 정말 좋다. 새로운 개인 프로젝트 주제는 생필품 이커머스 어플의 홈, 제품 리스트, 제품 상세 페이지를 제작하는 것이다. 와이어프레임이나 레퍼런스 찾는건 과제 내용은 아니었지만,,, 과제 퀄리티를 올리기 위해 필수적으로 진행할 수밖에 없었다. 결국 오늘 계획했던 컴포넌트 제작은 내일로 미뤘지만 충분히 할 수 있을거라고 생각한다!!! 한동안 토스 관련 디자..

💭 2024. 3. 15 오늘의 일기 오늘 한 일 -  읽기 - 아티클 스터디 - 자격증 공부 이번 한 주도 마무리했고 WIL도 작성했다. https://nannannan.tistory.com/22 [UXUI 내일배움캠프] WIL #week4 평일엔 강의듣고 주말엔 놀러다니고 하는 일상이 벌써 4주째다. 주말에 복습도 하구 그래야하는데ㅎㅎ... 그래서 이번 주엔 뭘 했냐면은요 1. 피그마 활용(2) 완강 3/11~3/13 저번주 강의와 이어지는 nannannan.tistory.com 이건 오늘의 아티클! https://nannannan.tistory.com/21 [📓아티클] 라프텔의 UX라이팅 가이드 오늘의 아티클 : https://brunch.co.kr/@laftelux/3 라프텔 UX Writin..

1. 모달 컴포넌트와 UI 요소 (5주차) 💡 모달 : 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는것. - 일반적으로 레이어팝업에서 사용되나, 팝업=모달은 아니다. 모달은 속성이며 UI를 분류하는 기준 중 하나이다. - 모달의 종류로는 팝업, 토스트, 바텀시트, 다이얼로그, 사이드 바 등이 있다. - 사용자를 방해하면서라도 반드시 확인해야 하는 부분이거나, 또는 그만큼 중요한 선택이 필요한 시점에만 사용해야 한다. - 라이트 박스 : 모달 UI를 사용할 때 일반적으로 '뒤에 가려진 화면은 사용할 수 없다'는 걸 보여주기 위해 반투명한 층을 만든다. 이 때 이 반투명한 층을 라이트박스라고 부른다. 라이트 박스는 스크림, 딤드, 딤레이어, 오버레이 등으로 불린다. 모달 UI를 사용할 때..

💭 2024. 3. 12 오늘의 일기 오늘 한 일 - 3강 수강 - 디자인 아티클 분석 - 디자인 스터디 - 개인 면담 - 특강 피그마 활용 강의를 모두 들었다. 아직 마지막 주차 숙제를 하지 않아서 완강이라고 할 수는 없지만... 내일이면 전부 마무리될 것 같다. 그리고 저번주에 진행한 2차 개인과제(11번가) 개인 피드백을 받았다! 너무나도 부족한 실력과 퀄리티인데도 좋게 피드백해주셔서 다행이다. 조금 뜨끔했던 부분은 보완하면 좋을점... 사실 귀찮아서 전체 화면까지 도출해야할까?라는 생각이 있었다. 강의를 전부 들으면 나머지 수,목,금요일 정도는 여유가 있을 것 같아 그 때 과제도 조금 손보고 복습도 하고 해야할 듯하다. 디자인 아티클 스터디 어제와 같이 오늘도 토스 테크 스터디를 진행했다. 오늘..

💭 2024. 3. 8 오늘의 일기 오늘 한 일 - 피그마 강의 3강 수강 + 숙제 - 피그마 강의 4강 수강 + 숙제 - 강의 학습 내용 블로그에 정리 어제 듣기 시작한 피그마 활용법 강의를 마무리했다. 난이도는 기초 수준인데 그 안에 있는 자료 퀄리티가 매우 높다! 상당히 유익한 강의.. 이번 강의 후기는 조금 길어질 것 같아 따로 게시글을 작성했다. 강의후기 ↓ https://nannannan.tistory.com/8 [스파르타코딩클럽] Figma 활용법 (1) 강의 후기 총 4주차로 구성되어 있는 Figma 활용법 강의를 완강했다. 이틀 안에 나눠서 들어도 넉넉했을 정도로 난이도나 분량은 기초수준이다. Figma 활용법 (2) 강의에선 심화과정이라 그 전에 틀을 다져놓 nannannan.tist..