j-node 님의 블로그

  • 홈
  • 태그
  • 방명록

2026/05/22 1

피그마 공부 (화면 디자인, 프로토타입, 인터랙션 구현)

1. 화면 디자인 실습 (로컬 디자인)홈 화면 만들기:디자인 기준이 되는 1배수 사이즈의 프레임을 생성함. 휴대폰 기종 선택 가능.제품의 가장 상단에서 중요한 메시지를 전달하는 '히어로 섹션(Hero Section)'을 추가하고 화면 크기에 맞게 조정함.목록 화면 만들기:많은 정보를 동일한 구조의 반복적인 패턴으로 보여주는 화면을 구성함.리스트 컴포넌트는 라벨(제목), 설명, Leading Element(앞쪽 요소), Trailing Element(뒤쪽 요소) 등으로 구성됨.상세 및 로그인 화면 만들기:상세 화면은 상품 이미지 영역, 설명, 구매 버튼 등으로 스케치하여 구성함.로그인 화면은 텍스트필드(아이디/비밀번호)와 체크박스(자동 로그인) 컴포넌트 인스턴스를 활용해 배치함.2. 프로토타입 및 인터랙션..

카테고리 없음 2026.05.22
이전
1
다음
더보기
프로필사진

j-node 님의 블로그

j-node 님의 블로그 입니다.

  • 분류 전체보기 (30) N

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바