예림

✅241111· 파트 분배하여 기존 UI 분석· 파트 분배하여 경쟁사 분석· UI개선 방안 의논하기(진행 중) 📋학습 내용 기존 UI 분석 홈화면 → 무비차트 → 비회원 예매 로그인 기존 UI의 규칙을 발견하고 싶어서 마진 값, 여백 등을 하나하나 뜯어봤지만 너무 제각각으로 나와 아쉽게도 그렇다할 규칙은 발견하지 못했다. 아마 아이폰 미니로 사이즈 조정이 되면서 조금씩 틀어진 부분이 있는게 아닐가... 라고 생각하고 있다 ㅜㅜ그래서 화면에서 컴포넌트의 우선순위를 중심으로 기존 UI를 분석했다.    경쟁사 분석분석한 경쟁사: 메가박스 / 롯데시네마 기존 UI 분석과 마찬가지로 홈화면 → 무비차트 → 비회원 예매 로그인 과정의 UI를 분석했고 무비차트에서 콘텐츠 간의 여백,비회원 예매를 표현하는 방식, ..

✅241108· 팀 프로젝트 발제· 서비스 선정하기· 서비스, 타겟 사용자, 경쟁사 조사· 사용자 문제 찾고 정의하기· 구체적인 가상의 사용자 설정 및 플로우 확인  📋 CH2 2주차 회고디자인 카타웹페이지 레퍼런스 공유앱 프로덕트 레퍼런스 서치(포켓CU / 오늘의집 / 쇼퍼블로 찾았다!)앱 프로덕트 레퍼런스 공유 개인 프로젝트 : 식료품 및 생필품 커머스 앱 제작하기월 - 레퍼런스 분석 및 와이어프레임 제작화 - 와이어프레임 마무리, 디자인 가이드 설정, 컴포넌트 제작수 - 홈화면 디자인, 상품 목록페이지 디자인목 - 상세페이지 디자인, 프로토타입, 제출!! 커리어코칭 상담(월요일 20시)담당 튜터님과 면담(수요일 15시)커리어코칭에서 받은 질문프로덕트 디자인 캠프에 참여하게 된 이유나의 성격의 장점..

✅241107· 디자인카타· 개인과제 : 식료품, 생필품 구매할 수 있는 가상의 커머스 앱  - 상세페이지 디자인  - 프로토타입  - 제출!!   정말 욕심 그득그득하게 만들어서 아슬아슬하게 제출했지만 아무튼 시간 안에 다 만들었다!!한가지 마음에 걸리는 부분은 장바구니 다이얼로그에서 이동하기 눌렀을 때 장바구니로 이동이 안된다.분명 연결을 해 놨는데 왜 안되는지 당최 모르겠음..     로고도 대충 만들어서 넣어둘까 했는데 완전까먹어버렸다.사실 기억했다고 해도 넣을 시간 없었을 듯..     사실 가을과일 부분 옆으로 넘겨지는데 스크롤 된다는 표시를 안해놔서 어쩌면 아무도 모르고 넘어갈지도 몰라.. 쫩     홈 화면 카테고리에서 유제품 클릭하면 나오는 페이지홈 화면까지는 분명 이미지 사이트에서 열심..

✅241106· 디자인카타· 개인과제 : 식료품, 생필품 구매할 수 있는 가상의 커머스 앱   - 홈화면 디자인   - 상품목록 페이지 디자인 상세페이지까지 끝내려고 했는데 이미지 찾는 시간이 생각보다 오래걸려서 또또 계획이 밀려버렸다😵😵   홈 화면 기존 와이어프레임 내용이 너무 많아서 시간 안에 다 못 끝낼 것 같길래 좀 줄였다!!맨 아래쪽에 고객센터 정보 넣는거랑 배너 잊지말고 꼭 넣기,, 까먹지 말자!!    목록화면은 디자인은 다 했는데 상품 이미지랑 이름 아직 안바꿔서 스파르타 아몬드 밀크 처돌이가 되어버림..내일까지 프로토타입도 끝내고 제출하려면 정말 바쁘게 만들어야 할 것 같다..!ㅜㅜ

✅241105· 디자인카타· 개인과제 : 식료품, 생필품 구매할 수 있는 가상의 커머스 앱   - 공통화면 와이어프레임   - 디자인 가이드라인    - 컴포넌트 제작  오늘도 계속 개인작업 진행 중.....😵   디자인카타 끝나고 바로 어제 만들다 말았던 홈화면 와이어프레임 완성했다.이것저것 추가하다 보니까 생각보다 좀 길어졌다욕심이 그득그득,,^-^    상품 목록 와이어프레임도 만들었다.저 위에 카테고리 부분 스크롤 내려가면서 둥근 직사각형으로 바뀌게 만들고싶은데 피그마로 구현할 수 있을지는 모르겠음..  시간나면 시도해 봐야지   상세페이지에 구매버튼 체크리스트에는 구매하기랑 장바구니가 같이 있어야 한다고 적혀있던데구매하기 누르면 즉시구매+장바구니 버튼으로 바뀔거니까 상관없겠지..?    폰트도..

✅241104· 디자인카타· 개인과제 : 식료품, 생필품 구매할 수 있는 가상의 커머스 앱    - 레퍼런스 분석    - 와이어프레임 제작중 📋학습 내용 /  TIL   오늘은 본격적으로 개인 과제에 들어가기 전에 레퍼런스를 분석하는 시간을 가졌다.오전 시간에 빨리 끝내고 작업으로 들어갈 생각이었는데 생각보다 시간이 많이 걸렸다.😵 홈플러스랑 배민을 가장 많이 사용하지만 예전에 자주 쓰던 앱을 레퍼런스 분석까지 했던 적이 있는데 의도하지 않아도 그 앱이랑 너무 비슷한 결과물이 나오길래 이번에는 계정만 있고 거의 써본 적 없는 마켓컬리랑 쿠캣으로 레퍼런스 분석을 진행했다.     마켓컬리 앱이 생각보다 기능이 너무 많기도 했고(커뮤니티까지 있음...........) 어디 사이트에서 가져온 거 아니고 ..

✅241101 · 디자인카타· 7주차 과제 - 프로토타입 활용 · 피그마 활용 강의 되짚어보기  📋학습 내용 /  WIL  오늘 오전시간 동안 열심히 만든 7주차 과제,, 프로토타입이 좀 재밌어서 어쩌다보니 넘 열심히 만들게 됐다.특히 당근 앱 버튼만 만들어도 된다고 했는데 왜 저렇게 열심히 만든거지???      이렇게 피그마활용(2) - 3주차 (=7주차) 과제까지 끝냈고 마침 금요일이니까 이번주 동안 배운 내용을 되돌아보는 WIL을 써보겠다! 앞부분은 지난 사전캠프 내용에서 크게 달라진 부분은 없는 것 같아서 3주차부터 복습했다.      3주차 반응형 디자인 : 해상도 변화에 따라 실시간으로 반응함적응형 디자인 : 처음 적응한 해상도에서 움직이지 않고 고정됨  반응형그리드 적용하는 방법 Resp..

✅241031· 디자인카타 · Figma 활용법 (2) 모바일 웹, 앱 비교· Figma 활용법 (2) 와이어프레임· Figma 활용법 (3) 2주차 (1~8)수강📋학습 내용 / TIL  오전시간에는 어제 하다 말았던 모바일 웹, 앱 비교랑 OTT 와이어프레임 제작을 했다.와이어프레임 맘에 안드는 부분 많지만 갈 길이 멀기 때문에 저정도만 하고 제출했다,, 3주차는 프로토타입에 대한 강의였는데 기록해둬야 할 것 같은 부분이 좀 있어서 실습하면서 틈틈히 캡쳐해뒀다.  프로토타입: 시제품을 만들지 않고 아이디어를 테스트해볼 수 있는 것플로우: 프로토타입의 흐름 트리거: 액션을 시작하는 조건액션: 트리거로 인해 만들어지는 결과애니메이션: 액션의 인터렉션 형태를 정하는 것   버튼 누르는 동안 컬러 바뀌게 만..

✅241030 · 디자인카타 · Figma 활용법 (2) 1주차 (1~8)수강 · 1주차 과제 제출 : 가상의 로그인 화면 만들기 · Figma 활용법 (2) 2주차 (1~5)수강 · 과제 1 - UI 차이점 찾아보기 📋학습 내용 / TIL 오늘은 피그마 활용법(2) 3주차까지 모두 완강할 계획이었지만 생각보다 2주차의 과제에서 시간이 오래 걸려서 결국 3주차는 들어가지도 못했다... 😵  피그마 활용법(2) -1주차  모달: 사용자가 행동을 취하기 전까지 뒤에 가려진 내용을 조작할 수 없는 것 - 종류: 팝업, 바텀시트, 토스트, 다이얼로그 사이드바 등라이트박스: 사용할 수 없는 화면을 가려주는 반투명한 층다이얼로그: 대회 / 사용자의 의사를 묻고 답을 얻을 때 사용 컨트롤 컴포넌트 : 여러 ..

✅ 241019˙ 디자인카타 발표˙ 피그마 활용법(1) 3주차, 4주차 ˙  시멘틱 컬러 아티클 읽고, 컬러 스타일 생성해서 정리해보기 📋학습 내용 / TIL Figma 활용법(1) 3주차, 4주차 완강하고 과제 제출하고 실습도 열심히 했다 😎오늘도 강의 다 듣고 과제 수행하던 중에 문제가 하나 생겼어서 이유랑 해결 과정을 기록해두려고 한다.다음에는 실수하지 않기 위해...!!   버튼 베리언츠에 인스턴스 스왑 프로퍼티 추가하고 Preffered Values에 다른 아이콘들 추가까지 완료했는데복제한 버튼 인스턴스에 리딩 아이콘 속성이 안뜨는 상황이것저것 만져보다가 알아낸 원인은   버튼에 리딩 아이콘 프로퍼티만 추가해두고 정작 안에 들어간 아이콘을 리딩 아이콘으로 지정을 안 했던 거다...오른쪽 사진..