본문 바로가기

분류 전체보기

(90)
[사전캠프] 웹/앱 클론 디자인 웹/앱 클론 디자인📖 웹 또는 앱서비스의 디자인을 클론(clone)해봅니다. 이를 통해 피그마 기초 실력 향상과, UI/UX에 대한 이해를 갖추고 좋은 서비스를 보는 눈을 길러봅시다. 선정 앱: 컬리(Kurly)Badges 영역: 홈, 라운지, 카테고리, 검색, 마이컬리           간단하게 하단 독바를 통한 페이지 이동 프로토타입만 적용해서 녹화한 화면  시간이 부족해서 이미지, 배너, 상품 상세 페이지, 프로토타입 적용 등 클론 디자인을 완벽하게 하지는 못해서 아쉬움이 남는다.이걸로 사전 캠프 과제는 끝이다.다음 주부터 시작되는 본 캠프에서는 시간 관리를 효율적으로 해서 과제를 미루거나 진도에 뒤처지는 일 없게 해야겠다는 생각이 든다.
[사전캠프] 컴포넌트 만들기 컴포넌트 만들기더보기 📖 Material Design Guide를 참고하여 강의에서 배운 컴포넌트를 심도있게 학습해봅시다. PPT 보다 쉬운 피그마 강의를 수강하며 컴포넌트가 무엇인지 이해해봅시다.아래 북마크를 통해 Material Design의 컴포넌트 탭으로 접속합니다.Components – Material Design 3아래 내용들을 순서대로 확인하고, 공부해봅시다.ActionsCommunicationContainmentNavigationSelectionText inputs[공부방법]피그마를 엽니다.컴포넌트 만들기라는 페이지 또는 프로젝트를 하나 생성합니다.먼저, 각 탭의 내용을 정독 후에 정리합니다.각 탭에 있는 예시를 피그마를 통해 직접 만들어봅니다.만든 예시는 3번에서 진행한 내용 정리와 함..
[사전캠프] 웹/앱 서비스 조사 및 나의 관심 분야 찾아보기 1. 현재 웹/앱에는 어떤 서비스들이 있는지 살펴봅시다.더보기내가 자주 사용하는 웹/앱카카오톡, 컬리, 쿠팡이츠, 배달의민족, 네이버 지도, 우리WON뱅킹 등 관심 있는 웹/앱무신사, 토스, 트리플 등 내가 가고 싶은 기업에서 운영하고 있는 서비스 종류네이버 > 네이버, 네이버페이, 라인, 네이버 지도, 네이버 쇼핑, 치지직 등2. 서비스 별 주요 목적, 기능을 조사하여 정리해봅시다.더보기서비스 소개네이버 지도 타겟10대~50대 기능주변탐색: 내 주변 맛집, 가볼만한 곳 정보내비게이션대중교통 길찾기, 실시간 도착정보, 승하차 안내거리뷰: 장소 검색 및 길찾기 시 거리뷰와 항공뷰로 미리 장소 확인 가능저장: 맛집, 여행 스팟 등 관심 장소 저장 및 공유인스턴트 서치: 실생활에서 유용한 정보를 검색 과정중에..
[사전캠프] 내가 생각하는 프로덕트 디자이너의 핵심 역량 1. 요구사항 (+ 우대사항)[리디 주식회사] 프로덕트 디자이너4년 이상의 Moblie/Web 서비스 디자인 경험이 있는 분Figma 혹은 Sketch와 같은 툴로 UI 디자인이 가능하신 분리디 서비스의 가치를 이해하고 함께 서비스의 방향을 고민할 수 있는 분문제의 본질과 프로젝트의 목적을 이해하고 사용자 중심으로 문제를 해결할 수 있는 분본인의 디자인을 논리적으로 표현하고 설득할 수 있는 분개발자, PM 등과 원활한 커뮤니케이션 능력을 갖추신 분디지털 콘텐츠를 꾸준히 즐기고, 콘텐츠 비즈니스에 대한 이해도와 관심이 많은 분리서치와 데이터를 기반으로 문제를 파악하고 서비스를 개선한 경험이 있으신 분먼저 의견을 제시하고 주도적으로 일하기를 즐기시는 분제품의 데이터 분석 및 지표 관리를 해본 경험이 있는 분..
[TIL] 24.10.04(금) 피그마 1주차 강의 내용 정리(5~9강)8포인트 그리드 규칙규칙: 폰트는 2, 여백은 4(ex. 폰트 사이즈 16, 여백 12의 Medium 버튼을 기준 > Large 버튼은 폰트 18, 여백 16 / Small 버튼은 폰트 14, 여백 8) * 왜 하필 8배수? > 8은 1, 2, 4, 8로 나누는 것이 가능함 > 짝수로 나눌 수 있기 때문에 디자인을 망가뜨리지 않고 축소/확대 가능함* 최근 디바이스 해상도가 선명해지고 좋아져서 실무에서는 4배수도 많이 사용하며 제한적으로는 2배수도 사용하는 경우도 있음* 다른 디자이너와의 협업과 업무의 효율성을 위해 규칙을 준수하는 것이 좋음 피그마 도형 곡률도형을 둥글게 만들고 싶을땐, 도형의 너비 또는 높이의 절반 이상을 곡률로 설정하면 된다. (높이 100인 사..
[WIL] 1주차 / 24.09.30(월) ~ 24.10.04(금) FACTS(사실, 객관) 프로덕트 디자인 8기의 사전 캠프가 24.09.30 월요일부터 시작되었다. 이번 주에 공휴일이 이틀이나 껴있어서 실제로 일주일 5일 중 3일만 사전 캠프에 참여할 수 있었다. 사전 캠프를 진행하는 약 3주간 함께 할 팀도 짜였다. (4조) 사전 캠프에서 해야 하는 데일리 루틴은 다음과 같다. 1. ZEP 접속 2. 입실 체크 3. 팀 노션 데일리 스크럼 목표 작성 4. 아티클 분석 (팀원과 공유) 5. 퀘스트 진행 (블로그 업로드) 6. 주차에 맞는 강의 수강 7. TIL 작성(매주 금요일엔 TIL + WIL) 8. 구글 폼 업로드(아티클, 퀘스트, TIL, WIL) 9. 팀 노션 데일리 스크럼 목표 달성 여부 작성 10. 퇴실 체크 (중간 중간 출석 새로고침, 저장 해야함) F..
[사전캠프] 비슷한 직무 JD 분석 1. 비슷한 직무 JD 분석UX 기획자더보기[하이브랩] 경력직 UX 기획자 주요 업무UX 및 마케팅 기획의 제안/실행앱/플랫폼/사이트 등의 UX 기획 제안 및 실행앱/플랫폼/사이트 등의 구축을 위한 UX/SB 가이드라인신규 서비스 캠페인 및 프로모션 기획시즈널 이슈 캠페인 및 프로모션 기획브랜딩 커뮤니케이션 기획업무 전반의 커뮤니케이션자격 요건유관경력 5년 이상PL or PM 경험웹 및 모바일웹 사이트 구축 또는 운영 경험자다양한 UI/UX 제안/실행 경험앱/플랫폼/사이트의 기술적인 이해가 높으신 분앱/플랫폼/사이트 구축에 필요한 SB작성, 디자인 및 각 개발 환경에 대한 이해가 있는 분지표 분석 및 이해도가 높은 분커뮤니케이션이 원활하고 업무에 대한 책임감이 강하신 분기여도가 표기된 포트폴리오 제출 필..
[TIL] 24.10.02(수) 피그마 1주차 강의 내용 정리(1~4강)1배수 해상도안드로이드: 360*800애플: 375*812 래스터 방식확대와 축소를 반복하면 원본에 있던 색상 정보가 사라지는 경우가 있음> 깨진다, 열화됐다 라고 표현(열화=나빠졌다)일반적으로 JPG가 제일 가볍고 PNG가 제일 무겁다 벡터 방식고해상도의 많은 색을 표현하는 경우 수식이 매우 복잡해져 파일 크기가 커지기 때문에깨지지 않는다는 이유로 무조건 SVG 형식으로만 이미지를 제작하면 X상황에 맞는 적합한 확장자를 선택해서 사용할 줄 알아야 함  생각1. 노션을 처음 써봐서 아직 기능들이 복잡하게 느껴지고 적응하기 힘들다. 쓰다보면 적응되겠지?2. 사전캠프 기간 진행 시간인 2시에서 6시 총 4시간 동안 은근히 해야할 일이 많다. 정리해보면 아래와 같다. 꼼..