본문 바로가기

UIUX 3기 사전캠프13

사전캠프 4주차 WIL 4주 동안의 사전캠프가 끝이 났다. 첫 1주째는 새로운 팀원분들과 친해지는 시간, 매니저님들에게 질문하는 용기를 내는 시간, 노션과 슬랙에 적응하는 시간을 가졌었다. 2, 3주째는 본격적으로 강의에 집중을 했고, 팀원분들과 조금 친해져서 농담도 나누며 재밌게 보냈다. 하지만 여전히 내가 잘할 수 있을까? 부족하면 어쩌지? 하는 걱정이 있었다. 4주째는 무엇이든 물어보살과 사전설명회를 통해 다들 같은 고민을 하고 있고 나는 소수가 아니다! 라는 생각이 들어 용기가 생겼다. 한 달 동안 주어진 피그마 강의를 통해 기본기를 다졌고, 팀원들과 어떻게 하면 더 빠르게 친해질 수 있을지, 스파르타를 통해 내가 어떤 것을 배워야 하는지에 대한 목표가 명확해졌다. 일단 팀이 배정되면 카메라를 꼭 키고 하자는 약속을 해.. 2024. 2. 19.
피그마 강의 3주차 숙제 (플러그인) 2024. 2. 13.
웹 서비스 분석 및 개선 아이디어 (넷플릭스) 웹 서비스 선정: 넷플릭스 선정 이유: 제일 자주 사용하는 앱이지만 가끔 불편함을 느껴서 선정했다. 서비스 소개: 시리즈와 영화를 인터넷 연결 지원 디바이스에서 시청할 수 있는 멤버십 기반 스트리밍 서비스이다. UI/UX 디자인 분석 인상 깊은 기능 1. 영상을 보다가 밝기 조절을 쉽게 할 수 있어서 편리하다. 2. 출연자의 이름을 클릭하면 배우의 필모그래피 페이지로 연결된다. 개선 아이디어 1. 가끔 찜하기, 취소가 제대로 작동이 안 될 때가 있다. 2. 시작 화면이 New & Hot으로 연결되어 있는 게 불편할 때가 있다. 보통 사용자들은 본인들이 이미 보던 시리즈나 영화를 이어보려고 할 텐데 첫 화면부터 찜한 콘텐츠와 시청 중인 영상이 뜨면 편할 것 같다. 3. "홈"과 "나의 넷플릭스"가 분리가 .. 2024. 2. 6.
피그마 강의 3주차 숙제 (프로토타입) 2024. 2. 6.
클론 디자인 (애플) 애플 공식 페이지 한 부분을 그대로 만들어보았다. 제작 소요 시간 1시간 30분 제작 순서 1. 줄자로 간격 따기 2. 맨 위에서부터 타이핑과 아이콘들을 넣어가며 제작하기 3. 간격 조절에 용이하게 오토레이아웃으로 묶어가며 제작하기 4. 오늘은 마스터 컴포넌트 기능도 사용했다. 오토레이아웃을 만들어서 작업하던 중 중간에 공백이 많이 필요했다. 구글에 찾아보니 Currently the only 2 ways to add spacing is to: Create a spacer element or. Wrap the items in another frame and apply gap spacing. 라는 방법을 찾았다. 반복되는 요소들은 마스터 컴포넌트 기능으로 먼저 제작을 하고, 변경사항이 있으면 변경 후, 오토.. 2024. 1. 31.
클론 디자인 (토스) 컴포넌트 (Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 뜻한다. 정보를 여러가지로 묶어서 보여주기보다 컴포넌트 기반 프로그래밍을 통해 레고 블록처럼 조합된 화면을 구성해서 보여주면 구분하기 쉽고 눈에 더 잘 들어온다. Component는 한국말로 : 요소 토스 앱의 한 화면을 그대로 만들어보았다. 제작 소요 시간 2시간 30분 제작 순서 1. 줄자로 간격 따기 2. 맨 위에서부터 타이핑과 아이콘들을 넣어가며 제작하기 3. 리소스 플러그인에 없는 아이콘은 직접 도형으로 만들기 (검은색 고양이.. 등등 ) 4. 간격 조절에 용이하게 오토레이아웃으로 묶어가며 제작하기 똑같이 만드는 건 시간만 투자하면 되니 어렵진 않았다. 하지만 내가 잘하고 있는 건지 확인받을 곳이 없으니 불안.. 2024. 1. 30.