전체 글 45

[내일배움캠프] 피그마 - 프레임, 컨테이너, 오토레이아웃, 컨스트레인트, 프레임 리사이징

UI 디자인에 사용하는 가장 대중화되고 범용성 높은 디자인 툴 ● 프레임피그마에서 코드 블록(컨테이너)를 만드는 기능피그마에서 코드 블록을 만드는 기능이자 실제 화면으로 인식하는 개체디자인이 코드로 전환되어 블록처럼 쌓이는 식으로 저장→ 웹과 앱이 코드를 읽고 다시 디자인으로 전환하여 보여주는 방식▶ 프레임이 안에 다른 개체나 프레임을 담은 경우 '컨테이너'라고도 부른다 ● 그룹여러 개체를 하나로 묶어주는 기능여러 개체를 한번에 조정하거나 디자인을 정리할 수 있다프레임과 달리 코드 블록으로 인식되지 않고 이미지 개체로 인식하므로 잘 사용하지 않는다프레임과 그룹의 차이프레임은 코드 블록을 만드는 기능 vs 그룹은 코드 블록이 아니다프레임은 개별 속성 적용 가능 vs 그룹은 속성을 정의할 수 없다→ 보통 프..

[내일배움캠프] 피그마 - 디스플레이, 해상도, 1배수 디자인, 8포인트 그리드, 레스터 방식, 벡터 방식

UI 디자인에 사용하는 가장 대중화되고 범용성 높은 디자인 툴 ● 피그마제품을 만드는 모든 사람들을 위한 디자인 툴이자 협업 도구디자이너를 중심으로 개발자, 기획자, 마케터 등이 같은 화면을 보며 협업할 수 있는 툴와이어프레임부터 핸드오프 과정 전부를 하나의 툴에서 진행할 수 있는 효율적인 툴 ●피그마의 특징1) 접근성어플과 웹 모두에서 사용할 수 있으며 데이터가 서버에 저장되므로 접근성이 매우 높음2) 범용성디자인과 개발의 과정이 모두 가능한 툴3) 정보력피그마 커뮤니티의 바ㅇ대한 정보력(디자인 자료, 플러그 등)4) 낮은 난이도디자인 기초부터 고급까지 피그마로 커버 가능 ● UI/UX 기초이론1) 디스플레이일상생활에서 보는 픽셀로 이루어진 디지털 화면2) 해상도디스플레이 안 픽셀의 개수로 디스플레이의..

[내일배움캠프] Chapter 1. 직무스터디 - 문제정의(Painpoint), 가설 수립, 해결방안 도출

특정 도메인과 대표 프로덕트를 선정하고, 해당 도메인에서의 PM의 역할을 분석하는 활동셋째날은 의 문제점을 정의하고 해결을 위한 가설을 수립하고 해결방안을 도출한다. Step 4. 문제정의 (Painpoint) 서비스 플로우를 고려하여 가 가진 다양한 문제를 여러 관점에서 정의해 보았다 1. 진료 사실 인증이 어렵다.(사용자 관점)법령 상 악용방지를 위하여 비대면 진료의 경우 진단서 혹은 진료확인서를 서면으로 받거나 다운로드 할 수 없다▶ 따라서 진료 사실을 인증해야 하는 경우 이용자에게 불편을 줄 수 있다. 2. 약의 조제 가능 여부를 이용자가 직접 확인해야 한다 (사용자 관점)어플 측에서 진단서에 따른 약국의 조제 성분 재고를 제공받지 못한다▶ 약의 수령을 위해서 이용자가 직접 인근의 약국을 찾아 조..

[내일배움캠프[ Chapter 1. 직무스터디 - 이해관계자 Map과 PM의 역할

특정 도메인과 대표 프로덕트를 선정하고, 해당 도메인에서의 PM의 역할을 분석하는 활동둘째날은 도메인의 이해관계자 Map을 통해 PM의 역할을 알아볼 예정이다.Step 3. 헬스케어 도메인 이해관계자 Map1. Product Team (내부 이해관계자)- 개발프론트 개발자: UI/UX 설계 및 구현백앤드 개발자: 서버, 데이터베이스, 결제수단 등 백앤드 서비스 설계 및 구현어플 개발자: iOS, Andoroid 플랫폼에 맞춘 어플 구현- UX/UIUX/UI 디자이너: 사용자 경험을 바탕으로 한 PM의 기획의도를 반영하여 UXUI 디자인UI 리서처: 사용자 경험 수집, 개선 인사이트 제공UX 라이터: 제품의 아이덴티티가 담긴 서체로 텍스트 작성- 운영QA 엔지니어: 제품의 품질 테스트 및 수정서비스 운영..

[내일배움캠프] Chapter 1. 직무스터디 - 도메인 선정 및 분석

특정 도메인과 대표 프로덕트를 선정하고, 해당 도메인에서의 PM의 역할을 분석하는 활동.첫날은 세부 도메인과 대표 프로덕트를 선정하고 프로덕트 서비스 플로우를 정리했다.Step 1.. 도메인 선정 B2C 도메인 예시: 핀테크, 이커머스, 헬스케어, 교육, 콘텐츠 등B2C 도메인 예시: 물류 및 공급망, 엔터프라이즈, SaaS, 데이터 분석, 모빌리티 등▶ 헬스케어 도메인, 그중에서도 '모바일 헬스케어' 에 초점을 맞추기로 결정 ● 헬스케어 도메인이란?인간의 건강과 삶의 질 향상을 목표로 질병 예방, 진단, 치료, 사후관리 등 건강 전반을 다루는 산업 및 서비스 영역 ● 모바일 헬스케어란?디지털 헬스케어를 정보통신기술(ICT)과 헬스케어가 융합된 산업으로, 빅데이터, AI등의 ICT를 활용하여 고도화된 환..