스타일

피그마 베이직 파일 다운로드/Chapter 3 스타일 제작과 관리

3-4 엘리베이션과 스타일

챕터 3-4 편을 작성했습니다. 아래 링크를 통해 다운로드 하실 수 있습니다. 한꺼번에 다운받을 수 있는 링크 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ https://drive.google.com/file/d/1Hqs1YwtrYbhO7x129jv3prkKeTAmwhpe/view?usp=sharing 3-4 엘리베이션과 스타일.pdf drive.google.com https://drive.google.com/file/d/1qTqhPORwcX_g4toUfxY_tbdPuCzqzNkX/view?usp=sharing 3-4 엘리베이션과 스타일.zip drive.google.com

피그마 베이직 파일 다운로드/Chapter 3 스타일 제작과 관리

3-3 텍스트와 스타일

챕터 3-3 편을 작성했습니다. 아래 링크를 통해 다운로드 하실 수 있습니다. 한꺼번에 다운받을 수 있는 링크 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ https://drive.google.com/file/d/1V4V9hBRDdJy1eMhwrIfDCV4DIaFqCZ2B/view?usp=sharing 3-3 텍스트와 스타일.pdf drive.google.com https://drive.google.com/file/d/1nMcUsxMEZQ2JeACyxVuvKpha6DAws-eI/view?usp=sharing 3-3 텍스트와 스타일.zip drive.google.com

피그마 베이직 파일 다운로드/Chapter 3 스타일 제작과 관리

3-2 컬러와 스타일

챕터 3-2 편을 작성했습니다. 아래 링크를 통해 다운로드 하실 수 있습니다. 한꺼번에 다운받을 수 있는 링크 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ https://drive.google.com/file/d/1H7GUdnB4UrLSxM33f7kkbKond3ez0uZF/view?usp=sharing 3-2 컬러와 스타일.pdf drive.google.com https://drive.google.com/file/d/1FGeVwNsvEa8utjmCIgBPN_1l6GG0sQVJ/view?usp=sharing 3-2 컬러와 스타일.zip drive.google.com

피그마 베이직 파일 다운로드/Chapter 3 스타일 제작과 관리

3-1 스타일 등록하기

챕터 3-1 편을 작성했습니다. 아래 링크를 통해 다운로드 하실 수 있습니다. 한꺼번에 다운받을 수 있는 링크 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ https://drive.google.com/file/d/1eCwmmgm9rbPOrSX7JWHnImvBuSx4EyHg/view?usp=sharing 3-1 스타일 등록하기.pdf drive.google.com https://drive.google.com/file/d/1kvJv-Xt0cMU5MeRZeXxocm2cHg5Nq-6C/view?usp=sharing 3-1 스타일 등록하기.zip drive.google.com

Figma로 만드는 디자인시스템/3) 컴포넌트 만들기

디자인 시스템 기초 (3) : 스타일 등록하기

매번 같은 색상을 일일히 지정하고 수정하는게 상당히 번거로운 작업이 될 수 있는데요. 특히 주요 컬러를 변경하는 경우에는 일일히 수정하는게 힘든 작업이 될 것입니다. 그래서 지난 시간에 진행했던 컬러, 서체와 엘리베이션 규칙, 그리드 스타일을 스타일에 등록하고 수정하고 보완하는 방법에 대해서 다루어보겠습니다. 1. 스타일 지정 먼저 스타일 지정에 대해서 알아보겠습니다. 피그마에서는 4가지의 스타일을 등록할 수 있습니다. 1. 컬러 → 컬러 팔레트 2. 텍스트 → 하이어라키 3. 이펙트 → 엘리베이션 및 인터렉션 규칙 4. 레이아웃 그리드 → 반응형 디자인 이 4가지는 각각 컬러 팔레트, 하이어라키(계층 구조), 엘리베이션 규칙, 반응형 디자인에서 활용됩니다. 그리고 이 스타일들은 전부 그룹을 지정할 수 ..

frogOlis
'스타일' 태그의 글 목록