디자인 시스템
Search
활용방법
stockio의 추가적인 정보
[stockio] 사진, 백터, 아이콘, 글꼴 및 비디오
활용방법
유사한 사이트
[Make Tints&Shades] 가장 밝은색과 가장 어두운색을 입력하면 10% 단위로 정확하게 색조와 음영을 생성해주는 곳
16진수 색상의 색조와 음영을 입력하면 chrome devtools, sass를 통해 색조와 음영을 파생합니다.
소프트웨어
국외
2024/03/06 04:54
컬러
디자인 시스템
Good Practices Design의 추가적인 정보
유사한 사이트
[Good Practices Design] 레이어 이름은 어떻게 정하고 컴포넌트는 어떻게 설계해야 할지 모르겠을 때 보는 곳
활용방법
behance의 추가적인 정보
[behance] 디자인 작업물을 포트폴리오 형태로 업로드 하는 세계 최대 사이트
⭐️⭐️⭐️⭐️⭐️
비헨스에는 단지 포트폴리오 형태의 작업물 뿐만 아니라 디자인을 기반으로 한 다양한 리소스도 찾아 볼 수 있습니다.
포트폴리오
레퍼런스 라이브러리
커뮤니티
국외
2024/03/06 04:54
디자인 시스템
컬러
로고
폰트
목업
UI
UX
아이콘
뉴스레터
편집
그래픽
3D
팁
사진
영상
일러스트
스피너
그라디언트
활용방법
유사한 사이트
[Archetype] 브라우저에서 아름다운 타이포 시스템을 만들어보세요.
Mobile Palette Generator의 추가적인 정보
유사한 사이트
[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요
메인 컬러를 선택해보세요. 규칙에 따라 모바일 또는 웹용 UI 색상 팔레트를 생성해줍니다.
소프트웨어
국외
2024/03/06 04:54
디자인 시스템
컬러
활용방법
사이트 이름의 추가적인 정보
[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.
CSS Gradient의 추가적인 정보
유사한 사이트
[CSS Gradient] 그라디언트를 만들고 css로 뽑아내세요
활용방법
Happy Hues의 추가적인 정보
[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳
유사한 사이트
[Flat UI Colors] 이미지 별로 구성된 색상 라이브러리
Color Claim의 추가적인 정보
유사한 사이트
[Color Claim] 노란색 배경에는 흰색 타이포? 검정색 타이포? 잘 모르겠을 때 도움 받는 곳
contrast-ratio의 추가적인 정보
유사한 사이트
[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때
Color Slurp의 추가적인 정보
유사한 사이트
[Color Slurp] MAC을 이용하는 개발자와 디자이너를 위한 색상 선택기 & 팔레트 어플리케이션
한번의 클릭으로 색상을 선택하고 모든 언어의 모든 형식으로 복사하세요! 자신만의 사용자 정의 형식을 만들 수도 있습니다
소프트웨어
국외
2024/03/06 04:54
컬러
디자인 시스템
활용방법
Material Design Palette Generator의 추가적인 정보
[Material Design Palette Generator] 구글의 알고리즘을 가지고 팔레트를 생성해 줍니다.
Primary 색상과 Secondary 색상을 입력해보세요. 컬러 시스템을 만들어 줍니다.
라이브러리
국외
2024/03/06 04:54
컬러
디자인 시스템
colorbox의 추가적인 정보
유사한 사이트
[colorbox] 색상을 선택해 다양한 디테일을 조절하세요 원하는 레벨에 맞춰 웹 접근성에 높은 색상 시스템을 만들 수 있습니다.
활용방법
landing.gallery의 추가적인 정보
[landing.gallery] 핵심적인 섹션 별로 구성된 랜딩페이지를 아카이빙한 사이트
Leonardo의 추가적인 정보
유사한 사이트
[Leonardo] 어도비 오픈 소스 프로젝트 : 디자인 시스템을 위한 컬러 도구 & 웹 접근성 판별기
유사한 사이트
[COLORS.tools] UI에 적합하고 올바른 컬러 시스템 생성기
사이트 이름의 추가적인 정보
유사한 사이트
[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱
유사한 사이트
[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.
활용방법
Design Systems의 추가적인 정보
[Design Systems] Figma의 디자인 시스템 간행물 : 컴포넌트와 기능을 정의하기 위한 협업적 접근 방식을 이야기합니다.
⭐️⭐️⭐️⭐️⭐️
디자이너, 개발자 및 유지 관리자를 위한 공동 접근 방식
레퍼런스 라이브러리
UX 플로우
라이브러리
공부
블로그
국외
2024/03/06 04:54
디자인 시스템
UI
UX
[brandingstyleguides] 전 세계의 브랜드 스타일 가이드를 엄선해 pdf 문서를 아카이빙한 곳
[checklist] 반드시 필요한 UI 속성 및 UX 플로우를 체크리스트로 지우며 디자인 하기
⭐️⭐️⭐️⭐️⭐️
가끔 디자인 하다보면 어떤 플로우가 빠졌는지 모르겠을 때가 있어요. 그럴 때 이 사이트를 열어서 해결해보세요
공부
블로그
국외
2024/03/06 04:54
디자인 시스템
UI
UX
기획
[Colorand Contrast] 컬러 대비에 관한 이론, 과학, 인식 등 을 공부하고 학습 할 수 있는 곳
활용방법 (색을 선택 하면 라이브로 화이트 - 텍스트 미리보기가 가능합니다. 웹 접근성을 준수하는 지 확인해 보세요.)
Color.review의 추가적인 정보
[Color.review] 출시 예정인 색상 및 웹 접근성 판별기
[whocanuse] 시각 장애가 있는 사람들에게 색상 대비가 어떤 영향을 미칠 수 있는지 관심과 이해를 돕는 도구
아직도 웹 접근성에서 컬러가 어떤 영향을 미치는지 헷갈린다면 사용해보세요.
소프트웨어
라이브러리
웹 접근성
국외
2024/03/06 04:54
컬러
디자인 시스템
사이트 이름의 추가적인 정보
유사한 사이트
[UI Gradients] 그라디언트 라이브러리
[dribbble] 세계 최고의 다지이너 전문가가 작업물을 올리고 피드백 받는 공간
⭐️⭐️⭐️⭐️⭐️
이미지나 영상을 올려 나의 작업물을 기록하는 디자이너들의 공간
포트폴리오
레퍼런스 라이브러리
영감
국외
2024/03/06 04:54
UI
UX
아이콘
편집
그래픽
팁
3D
사진
영상
일러스트
라이팅 / 카피
스피너
그라디언트
디자인 시스템
컬러
로고
[Game Ui DB] UX 플로우 별로 게임 UI를 데이터베이스화 한 곳
1313개 게임의 UIUX 라이브러리. PC 부터 콘솔게임 까지 (Mobbin, WWIT의 게임 UIUX 특화 버전 느낌)
공부
UX 플로우
레퍼런스 라이브러리
국외
2024/03/06 04:54
디자인 시스템
UI
UX
기획
[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.
[Palettte.app] 재매핑을 통해 대비 및 색상 접근성에 가장 완벽한 컬러 팔레트를 생성해 보세요
웹 접근성을 위한 컬러 팔레트 생성 & 편집 & 재매핑 앱. 생성되고 편집한 컬러 팔레트는 내보내고 가져올 수 있습니다.
소프트웨어
웹 접근성
국외
2024/03/06 04:54
컬러
디자인 시스템
UI
[COOLORS] 슈퍼 빠른 컬러 팔레트 생성기!
Colourcode의 추가적인 정보
유사한 사이트
[Colourcode] 마우스 호버링을 통해 색을 탐색하고 비주얼 이미지에 어울리는 컬러 팔레트를 생성해보세요.
활용방법
pigment의 추가적인 정보
[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기
[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다
색상을 무작위로 지정하고, 사용자 정의 색상을 선택합니다. 컬러가 입혀진 UIUX 결과를 볼 수 있어요.
소프트웨어
라이브러리
국외
2024/03/06 04:54
디자인 시스템
컬러
UI
UX