oz15 피그마 기초 총정리, 10일의 기록 피그마 기초 스터디로그 · 총정리 피그마 기초 총정리10일의 기록피그마 수업이 끝났어요!하루하루 따로 정리할 땐 몰랐는데, 한 번에 이어서 보니 쌓이는 순서가 있는 수업이었더라고요.오늘은 10일 치를 한 장으로 묶고, 용어와 단축키까지 한꺼번에 정리해봤어요.10일간의 수업3단계의 흐름1개의 큰 그림THE BIG PICTURE한 장 지도아래에서 위로, 기본기 위에 재사용이 쌓이고, 그 위에 접점 설계가 올라가요.7 – 10일차접점으로 설계하기사용자 행동 · 사례 분석과 재구성 · 반응형과 디바이스 · 종합▲ 위에 올라가요4 – 6일차한 번 만들고 계속 쓰기컴포넌트 · 컬러 스타일과 변수 · 디자인 시스템▲ 위에 올라가요1 – 3일차화면을 만드는 기본기프레임 · 레이어 · 그리드 · 오토 레이아웃 · 타이포.. 2026. 10. 16. 반응형 및 디바이스 접점 설계 피그마 기초 스터디로그 · 09 반응형 및디바이스 접점 설계8일차까지는 화면 하나를 잘 만드는 이야기였는데,오늘은 같은 서비스가 폰, 태블릿, 데스크톱에서 어떻게 달라져야 하는지를 배웠어요.화면을 줄이고 늘리는 게 아니라, 기기마다 만나는 순간을 다시 설계하는 거더라고요.TODAY'S BASICS오늘 배운 네 가지1디바이스별 상황기기마다 쓰는 상황이 달라요2브레이크포인트화면 폭에 따라 그리드가 바뀌어요3늘고 줄어드는 규칙오토 레이아웃으로 반응하게 만들기4우선순위와 일관성기기에 맞게 덜어내되 같은 브랜드로01 · DEVICE CONTEXT디바이스별 상황기기마다 쓰는 상황이 달라요반응형은 화면 크기만의 문제가 아니에요.기기마다 사용자가 놓인 상황과 입력 방식이 달라서, 접점도 달라져야 해요.기기별 접점 상황.. 2026. 10. 14. 디지털 접점 사례 분석 및 재구성 피그마 기초 스터디로그 · 08 디지털 접점사례 분석 및 재구성7일차에서 접점을 설계하는 법을 배웠다면,오늘은 이미 만들어진 서비스를 뜯어보고 다시 짜보는 연습을 했어요.남의 화면을 보는 눈이 있어야 내 화면도 고칠 수 있더라고요.TODAY'S BASICS사례 분석의 네 단계1사례 고르기분석할 서비스와 목표 정하기2접점 분해하기화면을 접점 단위로 쪼개 보기3문제 진단하기막히는 접점과 이유 찾기4재구성하기근거를 달아 다시 설계하기01 · PICK A CASE사례 고르기분석할 서비스와 목표 정하기분석은 무엇을 분석할지 고르는 데서 시작해요.아무 서비스나 고르면 볼 게 흩어져서, 기준을 먼저 세워요.사례 선정 체크리스트✓사용자의 목표가 한 문장으로 말해지는가✓접점이 세 개 이상 이어지는 흐름인가✓내가 직접 써.. 2026. 10. 13. 사용자 행동 기반 디지털 접점 설계 피그마 기초 스터디로그 · 07 사용자 행동 기반디지털 접점 설계6일차까지는 화면을 만드는 재료와 시스템을 배웠는데,오늘은 그 화면이 언제, 어디에 필요한지를 정하는 법을 배웠어요.화면을 먼저 그리는 게 아니라, 사용자의 행동을 먼저 보는 거예요.TODAY'S BASICS오늘 배운 네 가지1행동 여정 그리기사용자가 실제로 거치는 단계 보기2행동 신호 읽기클릭·스크롤·이탈이 말해주는 것3단계별 접점 설계행동 단계마다 필요한 화면 정하기4검증하고 고치기행동 데이터로 다시 확인하기01 · BEHAVIOR JOURNEY행동 여정 그리기사용자가 실제로 거치는 단계 보기디지털 접점은 사용자의 행동 단계에서 출발해요.어떤 화면이 필요한지는 사용자가 어떤 행동을 하는지 알아야 정할 수 있어요.가상의 쇼핑 앱 행동 여정.. 2026. 10. 12. 우리는 고객에 대해 무엇을 알아야 하나 BX디자인 스터디로그 · 13 우리는 고객에 대해 무엇을 알아야 하나9일차에서 리서치가 왜 필요한지 배웠다면,오늘은 그 리서치를 실제로 어떻게 설계하는지 배웠어요.막연히 "고객한테 물어보면 되지"가 아니라, 순서가 있는 설계였어요.FOUR QUESTIONS리서치를 설계하는 네 가지 질문1왜 설계해야 하는지즉흥적으로 물으면 답이 흐트러짐2누구에게 물어야 하는지대상에 따라 얻는 정보가 달라짐3무엇을 물어야 하는지호오보다 행동과 맥락을 물어야 함4어떻게 모으나방법에 따라 정보의 깊이가 다름01 · WHY DESIGN IT왜 설계해야 하는지즉흥적으로 물으면 답이 흐트러짐무작정 아무나 붙잡고 물어보면 편향되거나 쓸모없는 답만 얻게 돼요.리서치도 설계가 있어야 원하는 답을 제대로 얻을 수 있어요.왜 중요한가질문이 .. 2026. 9. 14. 경쟁 브랜드에서 차별화의 단서 찾기 BX디자인 스터디로그 · 11 경쟁 브랜드에서 차별화의 단서 찾기10일차에서 포지셔닝 맵으로 빈틈을 찾는 법을 배웠다면,오늘은 그 전 단계 — 경쟁 브랜드를 실제로 어떻게 뜯어봐야 하는지를 배웠어요.강사님이 알려주신 네 단계로 정리해볼게요.FOUR STEPS차별화 단서를 찾는 네 단계1경쟁 상대 정하기어떤 곳이 진짜 경쟁 상대인지 정하기2비교 항목 정하기무엇을 기준으로 비교할지 정하기3화면 비교로고 · 색 · 서체를 나란히 놓고 보기4기회 영역 찾기모은 단서를 종합해서 빈틈 발견하기01 · WHO'S THE COMPETITOR어떤 곳이 경쟁 상대인지진짜 경쟁 상대를 정하기경쟁사 범위를 잘못 잡으면 비교 자체가 의미 없어져요.같은 카테고리의 직접 경쟁사뿐 아니라, 같은 욕구를 채워주는 대체재까지 넓게 살펴.. 2026. 9. 10. 이전 1 2 3 다음
