본문 바로가기

행복한 업을 찾아서/라이프해킹스쿨43

[ 본과정 13일차 ] 피그마 심화 및 실습, 디자인 아이콘, 컴포넌트/오토 레이아웃, 배리언트, 프로토타이핑 Chapter 4. 머터리얼 디자인 아이콘 키라인 제작 실습 UX/UI 디자인에서 아이콘을 직접 만들어야하는 과정이 필요한데, 그럴려면 아이콘 키 라인(비율 가이드)을 제작해야 일관된 비율을 가진 아이콘을 만들 수 있게 된다. 구글 머터리얼 디자인에서 제공하는 아이콘 가이드를 그대로 활용한다. 항상 규칙이 있는 상태에서 아이콘을 제작해야한다. 1. 아이콘 DP 비율/영역 가로세로 24DP가 되겠끔 권장하고 있다. 내가 만드는 아이콘은 특정 영역 안에 있어야 하고, 반드시 특정 공간은 비어있어야 한다. 균일한 크기의 아이콘 제작이 필요하다. 2. 그리드 레이아웃 3. 사각형 생성 4. Stroke 변경 5. 도형 빈 컬러 만들기 6. 라디우스 변경 7. 직사각형 만들기 8. 직사각형 복제, shift 로테.. 2023. 6. 23.
[ 본강의 14일차 ] 포리얼 세미나, HB, 커뮤니케이션 스킬, 아바타설정 ZEP에 들어왔는데, 얼굴이 이게뭔가! 게다가 이름도 개미핥기야! 바로 아바타를 바꾸고 강의듣기를 시작한다. 강의 대부분 복습이었지만, 뒷 부분에 추가로 설명해주신 "HB, 커뮤니케이션 스킬, 아바타 설정"은 큰 인사이트를 줬다. 새로 추가 설명해 준 부분은 노란색으로 표기해본다. 고객 유혹의 무기 카피라이팅 1. 카피라이팅 기초 세일즈(설득,판매)를 위한 글쓰기 잘 써둔 글 하나가 나를 대신해서 영업한다. 글을 통해 잠재고객관 관계를 시작, 강화, 확장하는 기술이다. * 소비자 구매의 매커니즘 1) 감정 설득 - 깊은 내면 - 감정적 구매 - 감정으로 구매하고 논리로 그 구매를 정당화 한다. - 감정 판매가 유리하다 3) 생생한 실증 - 고객 삶의 변화을 생생하게 이미지/동영상 보여주면 구구절절 글쓸 .. 2023. 6. 23.
[ 본과정 13일차 ] 피그마 인터페이스, 아이콘 제작 Chapter 1. 피그마 소개 이전에는 일러스트레이터로 디자인 작업을 했는데, 스마트폰 디바이스 등장으로 pc와 다른 해상도(화질) 차이 관련 문제로 피그마가 활성화되기 시작했다. 공간대비 몇 개의 픽셀이 몰려있는지 밀도에 대한 해상도 데스크탑 기준 72DPI라는 공통된 해상도를 갖고 있다. 스마트폰이 등장하면서 다양한 해상도로 출시되기 시작했다. PPI : Pixels per inch 화면의 질을 나타내는 단위 DPI : Dots per inch 프린터, 스캐너 등 정밀도를 재는 단위 * 디바이스 해상도 인쇄물 : 150-300 DPI PC : 72 DPI 모바일 : 120-640 DPI 해상도가 차이나게 되면 공간 대비 몇 개의 픽셀이 몰려있냐라는 밀도에 대한 수치이기 때문에 10PPI 때 1픽셀과.. 2023. 6. 22.
[ 본강의 12일차 ] 망고보드로 상세페이지 만들기 Chapter 3. 상세페이지 만들기 1. 상세페이지 3초 법칙 3초안에 "이 페이지를 읽을지 말지 결정" 매력적이게 보일 수 있는 걸 상단에 보여줘야한다. 1) 강조형 : 특징, 장점 : 가격!, 편리! 휴대! 2) 공감형 : 어려움, 아쉬운 부분을 해결주는 것 : 1주일만에 검은머리 됩니다 3) 후기형 ​: 타인의 사용기를 상단에 노출 2. 상세페이지 형태 1) 이미지 - 텍스트 - 이미지 - 텍스트 스마트 스토어 (개인 쇼핑몰)에서 주로 사용 블로그 형태 * 장점 : 노출이 잘된다. 텍스트는 검색엔진에서 노출이 잘된다. 2) 이미지 + 이미지 이미지 사이즈가 적어서 로딩 시간이 단축된다는 장점이 있다. 모바일에서 최대 빠르게 업로드하려면 추천 3) 이미지 지마켓같은 오픈마켓에서는 하나로 합쳐서 통으.. 2023. 6. 21.
728x90
반응형

티스토리툴바