기록

  • 홈
  • 태그
  • 방명록

피그마레이아웃 1

레이아웃 및 타이포그래피 등 디자인 원리(2)

오늘은 어제 공부했던 레이아웃과 타이포그래피, 색상 이론 등을 고려하여 과제에 적혀있던실습을 진행했다.본격적으로 배우기 전에 적응용 과제라 내용이 구체적이지 않아서 자료를 찾아보면서 임의로 정해서 제작해보았다.​ 1. 실습 - 프레임 및 그리드 설정 1-1) 실습 단계Frame Tool(F)을 사용하여 기본 웹 페이지 사이즈(예: 1440×1024 픽셀)의 프레임 생성.프레임 선택 후 우측 속성 패널에서 “Layout Grid” 옵션을 활성화하고, 컬럼 그리드를 추가컬럼 수, 마진, 간격을 설정하여 기본 레이아웃(헤더, 콘텐츠, 푸터 등) 구분(참고자료의 디자인베이스 자료를 참고하여 값 입력함)컬럼 지정 후 사각형(R) 생성하여 헤더, 콘텐츠, 푸터 부분 등의 영역 지정​1-2) 실습 목표균형 잡힌 그리..

프로덕트 디자인 2025.02.20
이전
1
다음
더보기
프로필사진

기록

  • 분류 전체보기 (15)
    • 동기부여 (3)
    • 프로덕트 디자인 (12)

Tag

디자인부트캠프, 뇌과학, 프로덕트디자인, 부트캠프, 웹페이지따라하기, uxui디자인, 성장기록, 피그마레이아웃, uxui용어, 오즈코딩스쿨, 디자인의원리, UXUI디자이너, 아토믹해빗, 색상이론, uxui, uxui사례, 스터디, 피그마, 디자이너, 자기계발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 © Kakao Corp. All rights reserved.

티스토리툴바