피그마 4

[디자인부트캠프] Day23 l UX 리서치 방법론 01

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 23일차입니다.23일차에는 UX 방법론에 대해 배우는 시간이었습니다!😊 1) 고급 정성적 리서치 기법- 맥락적 탐구(Contextual Inquiry)개념 소개: 사용자의 실제 환경에서 관찰과 인터뷰를 결합하여 심층적인 인사이트를 도출하는 방법입니다.적용 방법: 현장 방문을 통해 사용자의 작업 흐름을 관찰하고, 동시에 인터뷰를 진행하여 사용자의 목표와 동기를 이해합니다.주의사항: 관찰 시 방해를 최소화하고, 인터뷰에서는 개방형 질문을 사용하여 사용자의 자연스러운 행동과 생각을 이끌어내야 합니다.* 실제 사례: 소프트웨어 개발 회사에서 고객 지원 팀의 업무 환경을 분석하여 인터페이스 개선에 성공한 사례한 소프트웨어 회사에서 새로운 프로젝트 관리 도구를 ..

[디자인부트캠프] Day16 l 피그마 ADVANCED 02

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 16일차입니다.16일차에는 디자인 시스템과 컴포넌트의 역할, 베리언츠와 프로퍼티 활용 전략, 실전 디자인 시스템 구축 실습에 대해 배우는 시간이었습니다!😊  점점 피그마의 기능들에 대해 알아가고 있는 기분이라 재미가 쏠쏠합니다! 1) 디자인 시스템과 컴포넌트의 역할- 디자인 시스템(Design System)이란?: 기업이나 브랜드에서 사용하는 일관된 UI/UX 디자인 가이드라인디자인 요소(버튼, 입력창, 카드 등)를 재사용 가능하도록 체계적으로 정리 - 디자인 시스템에서 컴포넌트의 역할: 컴포넌트는 디자인 시스템의 핵심 요소모든 UI 구성 요소를 체계적으로 정리해 유지보수 용이예시: Google Material Design, Apple Human In..

[디자인부트캠프] Day14 l 피그마 BASIC 01

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 14일차입니다.14일차에는 어제에 이어서 피그마에 대해 배웠습니다! 특히 오토 레이아웃에 대해 딥하게 배운 시간입니다 😊 강의 내용 정리 - UI 구성 요소란?: 사용자가 인터페이스를 탐색하고 상호작용하는 요소들UI 디자인의 기본 단위 (버튼, 입력창, 카드, 네비게이션 바 등) - UI 구성 요소의 중요성사용자 경험(UX)의 시각적인 핵심 역할 수행직관적인 인터페이스 제공 → 사용자의 학습 곡선 및 CTA 클릭 시간단축일관성 유지 → 브랜드 아이덴티티 강화- 기본적인 UI 구성 요소 종류1. 네비게이션(Navigation): 메뉴 바, 탭 바, 사이드 바2. 입력 요소(Input Elements): 버튼, 입력 필드, 체크박스, 라디오 버튼3. 콘텐..

[디자인부트캠프] Day13 l 피그마 BASIC 01

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 13일차입니다.13일차에는 피그마의 기능들에 대해 배웠습니다! 😊강의 내용 정리- Figma란?클라우드 기반 디자인 및 프로토타이핑 협업 기능이 뛰어나 팀원들과 실시간 작업 가능웹 브라우저에서 실행되므로 설치가 필요 없음- Figma의 주요 특징실시간 협업: 여러 사람이 동시에 편집 가능디자인 + 프로토타이핑: 디자인부터 사용자 흐름까지 한곳에서 작업버전 관리: 이전 디자인으로 쉽게 되돌릴 수 있음플러그인 & 커뮤니티 템플릿: 디자인 작업 속도를 높일 수 있는 다양한 리소스 제공- Figma 인터페이스 개요파일 및 프로젝트 관리:팀 프로젝트를 만들고, 파일을 생성하는 방법왼쪽 패널 (Layers & Assets 패널)레이어 구조 및 구성 요소 관리중앙..