HOLIX 홀릭스 @holix_official:
디자인 클럽에서 공유된 디자인시스템 관련 자료 모음 타래 (0/12)
- 1년 동안 공유된 자료 중 디자인시스템과 관련있는 자료들만 모아두었습니다.
(출처 : holix.com/ch/9VaPLlaq)
HOLIX 홀릭스 @holix_official:
(1/12)리메인 디자인 시스템 가이드 무료 튜토리얼
리메인에서 무료로 발행한 오픈 튜토리얼 디자인 시스템. 해상도와 그리드시스템, 타이포그래피, 컬러 ,아이콘, 컴포넌트, 계층구조 등 디자인시스템 구축을 위한 a to z에 대해서 살펴볼 수 있는 튜토리얼.
remain.co.kr/page/designsys…
HOLIX 홀릭스 @holix_official:
(2/12) 디자인 콤패스 디자인 시스템 모음
디자인콤패스에서 뽑은 최고의 디자인시스템 top10! 애플의 HIG, 구글의 매터리얼 디자인, MS의 Fluent등 표준 디자인시스템들에 대한 지식도 얻을 수 있고 바로 공식가이드라인으로 이동할 수 있는 링크까지 연결되어있다.
designcompass.org/2022/01/23/top…
HOLIX 홀릭스 @holix_official:
(3/12) 구글 Material Design
구글해서 발행한 공식 가이드. 안드로이드 앱은 이렇게 디자인 하는 것이 좋습니다! 라는 가이드.
안드로이드 앱을 개발한다면, 안드로이드 앱을 디자인하거나 / 기획한다면 필수적으로 들어가봐야 하는 곳.
m3.material.io
HOLIX 홀릭스 @holix_official:
(5/12) apple 휴먼인터페이스 가이드라인
구글에 Material Design이 있다면 애플에는 HGI가 있다. IOS 앱을 만들거나 디자인하거나 기획한다면 꼭 봐야하는 가이드. 별개로 UI/UX 표준, 깔끔한 디자인에 대한 감을 잡을 때도 추천. 애플의 철학이 잔뜩 묻어있기 때문.
developer.apple.com/design/human-i…
HOLIX 홀릭스 @holix_official:
(9/12) 소카 블로그에서 발행한 컴포넌트 제작 / 사용 관련 포스트
tech.socarcorp.kr/design/2020/07…
HOLIX 홀릭스 @holix_official:
(11/12) DesignSystemsForFigma
figma에서 바로 사용할 수 있는 figma community 내 다양한 디자인 시스템 레퍼런스 모음.
designsystemsforfigma.com
HOLIX 홀릭스 @holix_official:
(12/12) Componentsgallery
디자인시스템 구축을 위해 필요한 알림/뱃지/버튼 등 컴포넌트들을 살펴볼 수 있는 사이트
component.gallery/components/
HOLIX 홀릭스 @holix_official:
(13/12) 추가자료 - 포트폴리오 레퍼런스 중 디자인시스템 잘 정리해둔 레퍼런스.
behance.net/gallery/147262…
HOLIX 홀릭스 @holix_official:
(15/12) 추가자료 - 디자인시스템이 아카이빙된 노션 사이트 . 많은 양의 자료가 아카이빙 되어있습니다.
designshare.notion.site/2ab85db37e3545…
HOLIX 홀릭스 @holix_official:
[16. 디자인시스템 관련 자료 타래 - 16번째 자료]
핀터레스트의 디자인 시스템인 게슈탈트.
핀터레스트에서 볼 수 있는 독특한 수직정렬 레이아웃인 Mansory에 대한 내용도 담겨있고, 모달, 알림 등등을 자세히 구분해놓았다는 특징까지.
gestalt.pinterest.systems/home
HOLIX 홀릭스 @holix_official:
[디자인 시스템 자료 타래 - 1~16 모두 모아보기]
1~16번째 자료의 내용이 정리되어 있습니다.
brunch.co.kr/@dldydwo815/8
HOLIX 홀릭스 @holix_official:
[디자인 시스템 자료 타래 - 17번째 자료]
HR 플랫폼 flex의 디자인 시스템 관련 슬라이드.
- 디자인시스템의 정의에 대한 고민, flex의 디자인 시스템 linear에 담긴 철학 등이 담겨있다.
speakerdeck.com/soyoung210/dij…