# 디자인

119개의 포스트

Compose Material3

최근들어 각 플랫폼에서 디자인 기반의 선언형 언어를 강조하고 있어 Flutter 및 Siwft UI 외에 Compose UI 의 중요성을 인지, 이를 공부 하고 실무에 적용 가능 하게까지 하기 위함.Stable한 버전의 Material Design 3 기반의 Compo

어제
·
0개의 댓글
·

🔗Color Palette 링크 모음

📌Web Design을 위한 Color Palette 1. Color Hunt 2. Adobe Color 어도비 컬러 팔레트 로그인 필요. 3. Happy Hues 간편하게 사용가능한 사이트 로그인 필요없음 팔레트가 많지는 않음. 4. LOL COL

2023년 3월 13일
·
0개의 댓글
·

Lottie JSON 구조

이하는 After Effects(이하 AE)에서 Bodymovin 혹은 LottieFiles 플러그인을 통해 추출할 수 있는 json 파일의 속성값 구조에 대한 번역이다.

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

테오의 구글 스프린트 14기 회고

테오의 구글 스프린트 14기 회고

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

테오의 구글 스프린트 14기 4~5 Day

테오의 구글 스프린트 14기 4~5 Day

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

테오의 구글 스프린트 14기 Day 3

테오의 구글 스프린트 14기 Day 3

2023년 2월 25일
·
2개의 댓글
·
post-thumbnail

테오의 구글 스프린트 14기 Day 2

테오의 구글 스프린트 14기 Day 2

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

테오의 구글 스프린트 14기 Day 1

테오의 구글 스프린트 14기 Day 1

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

Figma 기본 사용법

소규모의 단기 프로젝트를 하다보면, 프론트엔드가 디자인을 맡는 경우가 종종 있어서, 간단한 Figma사용법을 알아두면 좋을거 같다는 생각이 들었다.① 움직이거나 크기 조정할 때② 보통 Frame선택할 때 사용 → 휴대폰, 태블릿, 데스크탑, 노트북 사이즈 별로 선택할

2023년 2월 13일
·
0개의 댓글
·
post-thumbnail

SVG "Filter" 에 대한 정리 - 3

가장 많이 쓰이고, 가장 복잡한 feComponentTransfer에 대해 알아보자. 이름에서는 용도를 추측하기 어렵지만, 필터 영역에 대한 색상 구성 요소(Component)를 재매핑하는 역할을 수행한다. 색조, 채도, 밝기 변경부터 색조화(Color Balance

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

Retool Dashboard 101 - (2) Design

다음과 같이 색상을 입히고 이미지를 추가해봅시다. ✔︎ 색상 입히기헤더, 메인, 사이드바 별로 컬러를 다르게 지정할 수 있습니다.red, blue와 같이 색상을 입력해도 되고, \` ✔︎ Markdown여러 컴포넌트의 텍스트를 입력하는 곳에 다음과 같이 M↓와 같은 

2023년 2월 9일
·
0개의 댓글
·

SVG "Filter" 에 대한 정리 - 2

지난 글에 이어, 드디어 개별 filter primitive 요소를 하나하나 짚어보자.

2023년 2월 3일
·
0개의 댓글
·

SVG "Filter" 에 대한 정리 - 1

위 예제의 지글거리는 텍스트는 편집 가능한(contenteditable 특성이 지정, 상속된) div, p 등의 텍스트 요소이다. JS 애니메이션 라이브러리 없이, div의 텍스트 요소와 별도로 마크업되어 있는 SVG의 <filter> 요소를 CSS 애니메이션으로 키

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

색의 의미

색의 의미

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

색의 조합(구성)

색들의 여러가지 조합(구성)과 그에 따른 느낌

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

RGB vs CMYK 의 이해

빛의 삼원색과 색의 사원색의 이해

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

Tint, Tone, Shade의 이해

중앙에서부터 Color, Shade, Tone, Tint

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

Color Vs Hue

Color와 Hue의 차이점

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

색의 분류와 색의 3속성

HSV는 hue, saturation, value의 약자이다.즉, 채도가 높다는 것은, 그 색이 얼마나 진한가?(붓으로 칠하는 느낌→ 흰색에서 원색) \- 무채색 : 색을 칠하지 않았다. → 이 때, 명도(빛)에 따라서, 흰색에서 회색에서 검은색라인이 보이게

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

[패스트캠퍼스] UXUI 강의 2주차

UX 유저 리서치어떻게 초기 사용자를 모델링 할 수 있나요어떻게 퍼소나 모델링을 시작해야 할까요어떻게 사용자 조사를 시작해야 할까요인터뷰는 어떻게 수행해야 하나요포토 저널과 일기 조사는 어떻게 수행해야 하나요온라인 설문 조사는 어떻게 수행해야 하나요맥락 조사는 어떻게

2023년 1월 25일
·
0개의 댓글
·