본문 바로가기

TIL챌린지6

#9 피그마로 '카카오뱅크' 앱 UI 만들기 // 프로토타입 설정 방법 피그마의 디자인에 대한 기본적인 기능은 모두 익혔다. 오늘은 프로토타입(Prototype) 기능에 대해 배우고 실제 앱 UI를 따라 만들어보자. ※ 가장 좋은 UI 디자인 레퍼런스 사이트는 WWIT-윗 https://wwit.design/ Lifeplus 한국의 UI/UX 모바일 패턴을 수집합니다. wwit.design 1. 프로토타입(Prototype) 1) 체크 박스 설정 - 빈 체크박스와 채워진 체크박스 두개 만들기 - 각 체크박스를 컴포넌트 설정 -> combine variable -> change to 설정 - 만약 전체동의가 필요하다면 -> 피그마가 연쇄작용은 안됨, 보여주기 위함이니 모두 체크된 페이지를 따 만들면 됨 2) 스크롤 (Scroll) - Prototype -> scroll beh.. 2023. 7. 6.
#8 피그마 실습 // 유용한 무료 플러그인 오늘은 피그마툴을 배우는 두번째 시간이다. 플러그인을 찾아보고, 목업을 배우기 위해 앱 페이지를 똑같이 따라해보았다. 어제 알게 되었던 기능들을 응용하게 되는 시간이었다. 1. 플러그인(Plugin) : 커뮤니티를 통해 다양한 추가 기능들을 사용할 수 있음 · 유용한 무료 플러그인 추천 - emogify: 다양한 이모티콘 - Content reel: 예시 사진, 텍스트 등을 더미로 가져올 수 있음 (임의로 채워 넣는 것이 가능) - Unsplash: 다양한 무료 사진 - Remove BG: 누끼 따기, 배경 제거 ※ API키 필요, remove bg 사이트 들어가서 회원가입하고 받아오면 됨, 피그마에서 쓰고 있는 구글 아이디로 로그인해야 받아올 수 있음 2. 실습 - 행간: auto말고 최소 130%~1.. 2023. 7. 5.
#7 피그마(Figma) 기초 배우기 // 단축키, 컴포넌트, 기능 피그마를 처음으로 시작한 날이다. XD, 어도비, 포토샵과 마찬가지로 다양한 UI와 프로토타입을 만들 수 있다. 오늘은 피그마가 무엇인지, 기능, 단축키에 대해서 알아보자. https://www.figma.com/ Figma: The Collaborative Interface Design Tool Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform. www.figma.com 1. 피그마의 장점 - 무료(개인 사용에 한하여) - 실시간 동시 협업 가능 - 자동 저장 - 플.. 2023. 7. 4.
#6 아이디어 정리 // 마인드맵, 구조화, 아마존의 문서작성 방법 오늘은 생각을 정리하는 방법을 알아보자. 고객, 상사, 팀원이 나의 아이디어를 체계적으로 이해가 될 수 있도록 정리해야한다. 대부분의 사람은 남의 보고서를 꼼꼼히 보지 않는다. 따라서 대충봐도 중요한 내용을 알수 있도록 보기 좋게 작성하는 법을 알아야한다. 1. 아이디어는 어디서 나올까? 2. 디지털 가든 (Digital Gardens) : 아이디어와 생각을 모아 키우는(가드닝) 공간 · 배우고 정리하는 과정이지만, 그것을 공개하고 공유해 관심있는 이들을 모으면, 피드백을 받을 수 있고, 개선도 가능 -> 학습의 가속화 3. 생각(아이디어 정리) 방법 · 문제 해결책 수립, 아이데이션, 목표 수립과 목표를 달성하기까지의 과정 도출, 독서 노트, 학습한 내용의 정리 등 - 브레인스토밍, 마인드맵, 만다라트.. 2023. 7. 3.
#2 IT 서비스를 잘 기획하고 만들려면? // 린 스타트업, MVP, PMF, AARRR, 그로스 해킹, 북극성지표, 애자일 방법론 서비스, 그 중에서도 IT서비스를 기획하려면 어떻게 해야할까? 오늘은 PM이나 서비스 기획자를 꿈꾼다면 꼭 알아야할 가장 기본적인 지식부터 알아보자. [Part 1] Zero to One, 개발 방법론 1. 서비스를 (처음) 만든다면 이 과정에서 제품의 방향성에 어떠한 문제가 발견되면, 기업은 방향 전(Pivot)을 실시해야 함 ∙ 린(Lean) 스타트업: 제조 공정에서 낭비를 최소화 2. Minimum Viable Product(MVP) ∙ MVP(최소 기능 제품)부터 출시해 아이디어를 검증 한 뒤 발전시킴 - 핵심 기능만을 빠르게 구현해 테스트 - MVP ≠ 질 낮은 제품 (갖추고 있는 기능만큼은 좋아야 함) - 우리 제품을 정말로 필요로 하는가? - MVP로 PMF 확인(시장과 고객을 알기 위한 의.. 2023. 6. 27.
#1 서비스 기획의 시작 // 서비스기획이란? 오늘부터 '데이터드리븐 서비스기획 체인저스 3기' 부트캠프를 시작하게 되었다. 매일 배운 내용을 블로그에 정리할 계획. 우선, 해당 분야에 취업 준비를 위해 생각해봐야할 것은 무엇일까? 그리고 'IT', '서비스', '기획'이란? 1. 서비스 기획 분야의 취업을 위해 생각해 봐야 하는 것 ∙ 서비스 기획 분야에서 함께 일할 사람을 뽑을 때, 합격과 불합격을 결정하는 ‘지식’은 무엇인가? ∙ 성공적인 커리어를 쌓는 데 꼭 필요한 ‘기술’은 무엇인가? ▷ 뛰어난 PM이 가지고 있는 7가지 지식분야 2. 서비스와 기획 ∙ 서비스란? - 누군가가 무언가를 하도록 돕는 어떤 것 - 기술의 영향(우편, 전화, PC, 인터넷, 모바일, 메타버스) ▷ 서비스는 제공되는 채널(기술)에 맞게 디자인(설계) 되어야함 ∙ 기.. 2023. 6. 26.