작년에 내가 읽은 디자인 시스템에 관한 최고의 책들

이 블로그는 UI/UX 디자이너, 제품 관리자, 제품 디자이너, 프런트엔드 개발자에게 도움이 될 것입니다. 해당 역할을 맡은 동료나 친구가 있다면 블로그를 공유해 주세요. 새해 선물으로도 좋을 것 같아요. 그냥 ?!

디자인 시스템 만들기 - Why 책

훌륭한 가치를 지닌 무엇이든 창조하려면 그에 대한 훌륭한 목적이 필요합니다. 목적은 문제 공간에 존재합니다. 당신의 목적이 이해관계자의 문제를 해결하는 것이라면 당신은 그들보다 그들의 문제를 더 잘 이해해야 합니다. 따라서 새로운 원근 렌즈가 필요합니다. 이 책을 읽으면 사용자 문제를 발견할 수 있는 렌즈와 패턴을 얻을 수 있으며 문제를 해결하기 위한 프레임워크를 마음속에 만들 수 있습니다.

1. 지속적인 발견 습관 - Teresa Torres

제품 디자이너, 제품 관리자, UX 디자이너, 프런트엔드 개발자 또는 UI 디자이너에게 권장됩니다.

책의 몇 가지 메모 :

• 끝을 염두에 두고 시작

• 기회 솔루션 트리

• 기회 공간의 구성, 개선, 우선순위 지정

• 솔루션이 아닌 기회를 우선시

• 양방향 문 결정

• 양이 품질로 이어진다

• 아이디어가 아닌 가정 테스트

• 영향 측정

2. 기초 놓기 - Andrew Couldwell 저

디자인 시스템 101

이 책은 디자인 시스템 구축에 대한 실제 이야기입니다. 전문 용어도, 어려운 현실에 대한 얼버무림도, 회사 모자도 없습니다. 좋은 조언과 경험, 실용적인 팁만 있으면 됩니다.

참고:

• 귀사에서 디자인 시스템을 판매하는 방법은 무엇입니까?

• 디자인 시스템의 사명, 가치, 원칙

• 책에서 더 많은 것을 배울 수 있습니다

UI 디자이너, 제품 디자이너에게 이 책을 적극 추천합니다. 또한 이 책은 실용적인 팁과 현실적인 기대치를 설정하는 데 더 중점을 둡니다.

3. 시스템에 대한 사고: 입문서 - 작성자: Donella Meadows

Donella Meadows의 Thinking in Systems: A Primer는 복잡한 시스템을 이해하고 작업하는 데 도움이 되는 통찰력 있는 안내서입니다.

다음은 책의 주요 개념에 대한 간략한 요약입니다.

• 시스템이란 무엇인가요?

• 재고 및 흐름

• 피드백 루프, 지연, 활용 포인트

• 시스템의 함정과 기회

• 정신모델

제품 관리자, 팀장, 개발자 등 시스템 전반을 좋아하는 분에게 추천합니다.

4. 명확한 디자인 결정:

훌륭한 디자이너는 훌륭한 스토리텔러이기도 합니다

• 읽기 쉬움

• 책은 의사소통, 회의, 합의 도출, 고객 요구 이해 또는 처리 방법에 관한 내용이 매우 중요합니다.

• 일부 조언은 매우 일반적일 수 있지만 적절한 맥락을 제공합니다.

디자이너, 제품 디자이너, 프리랜서에게 추천합니다.

디자인 시스템 디자인 - The What Books

무엇을, 누구를 위해 디자인할 것인가, 도메인을 이해하고 있는가, 디자인의 기초까지 알고 있는가 ?

1. 디자인 시스템 - Alia Kholmatova

참고:

• 시각적으로 매우 매력적이고 체계적이며 예시가 가득한 책이었습니다

• 책은 디자인 시스템 구축을 시작하는 방법에 대한 모든 것, 패턴, 원칙, 구조를 제공합니다

• 책이 꽤 짧아서 매 장마다 많은 참고 자료가 있습니다.

디자이너, 개발자, 제품 관리자에게도 권장됩니다. 나는 책을 꽤 좋아하지만 약간 편견이 있습니다.

2. 디자인스쿨 - 유형

The Book은 타이포그래피의 기본과 디자인에서의 적용을 자세히 알아보는 실용적이고 시각적으로 매력적인 가이드입니다.

다음은 책의 핵심 내용을 간결하게 요약한 것입니다.

• 타이포그래피 기초

• 유형 계층

• 그렇습니다. 책의 미학이 맘에 듭니다

• 레이아웃과 그리드의 타이포그래피

• 타이포그래피 원칙

• 책만 읽어도 좋아요

디자이너, 제품 디자이너에게 추천합니다.

3. 디자인스쿨 - 레이아웃

네, 이것을 먼저 읽고 나서 1번 유형을 읽었습니다. 나는 이 책의 미학을 좋아한다

참고:

• 레이아웃 기초

• 그리드, 그리드 시스템,

• 레이아웃 구성

• 용어

• 책의 각 장 마지막에 지식 섹션도 테스트해 보세요. 좋아요!

저는 개발자로서 레이아웃 이해와 그리드에 대한 이해가 정말 부족했습니다. 이 책은 나에게 도움이 되었고, 이제 나는 그리드를 좋아합니다. CSS 그리드에 대한 좋은 튜토리얼

빌딩 디자인 시스템 - The How Books

일관되고 효과적인 디자인 시스템을 만드는 것은 결코 쉬운 일이 아닙니다. 이를 위해서는 디자인 원칙, 구성 및 협업에 대한 깊은 이해가 필요합니다.

1. 디자인 시스템을 위한 프론트엔드 아키텍처

개발자, 설계 엔지니어, 팀장, 제품 관리자에게 권장

참고:

• 이 책은 순풍 전 시대(2016)에 출판된 지금 꽤 오래된 책입니다

• 언급된 CSS 접근 방식이 좋습니다

• 실생활 사례가 가득한 건전한 책

• 최고의 배움은 Red Hat.com에서 디자인을 디자인 시스템으로 분해하는 방식이었습니다

• 기본은 그대로이므로 이 책은 그 내용을 되짚어 보는 데 큰 도움이 될 것입니다. 코드 예제는 상당히 구식입니다.

2. 개발자를 위한 디자인 시스템 - 작성자: Michael Mangialardi

개발자, 디자인 엔지니어에게 추천하며 디자인 시스템 구축에 대한 실습 튜토리얼과 같습니다.

참고:

• 확장 가능한 디자인 시스템을 코딩하는 방법 알아보기

• 개발자를 위한 디자인 시스템에 대한 최고의 실습 가이드

• 디자인 토큰의 명명, 생성, 개발에 대해 심층적으로 설명

• 스타일 사전 배우기

• 순풍 예시

3. 건물 설계 시스템 - Sarrah Vesselov 및 Taurie Davis 저

디자이너, 개발자, 제품 관리자, 제품 디자이너에게 권장됩니다. Sarrah와 Taurie의 관점이 마음에 들었습니다.

참고:

• 타이포그래피 시스템 만들기

• 접근성이 뛰어난 색상 시스템

• Gitlab 사례연구가 훌륭해요

• 디자인 시스템 오픈소스에 대한 입문서 제공

• 공유 디자인 언어

라는 개념이 마음에 들었습니다.

4. 실용적인 웹 포함 및 접근성 - Ashley Firth

디자이너, 개발자, QA, PM, 제품 디자이너에게 권장됩니다.

참고:

• 장애와 장애 대처 방법을 주제로 한 장

• 아리아 배우기

• 키보드 접근성

• 스크린 리더 소프트웨어, 브라우저 내장 소프트웨어 소개

• 각 장마다 여러 참고 자료가 있어 해당 내용에 대해 깊이 있게 배울 수 있습니다.

• 오디오 및 비디오 태그의 스타일링 큐, 몰랐어요

CSS에서 RTL 스타일을 지정하는 방법에 대한 광범위한 가이드

https://rtlstyling.com/posts/rtl-styling

5. 포괄적인 디자인 패턴 - Heydon Pickering 저

개발자, QA, PM, 제품 디자이너에게 권장됩니다.

참고:

• 접근성을 위한 코드 예시를 가득 담았습니다

• Schematic HTML이 잘 설명되어 있습니다

• 가독성 검사기 사용

• 실용성이 뛰어난 몇 가지 팁

• 잘못된 습관과 해결 방법을 설명합니다

• 모든 장에는 피해야 할 내용이 있습니다

• 접근성 테스트

기사 전체를 읽거나 스크롤하는 특권. 책 pdf 파일이 필요하시면 pratik@coolhead.in으로 이메일을 보내주세요. 공유해드리겠습니다.

커피 한잔 사주세요: https://buymeacoffee.com/biomathcode

디자인 시스템에 대해 더 자세히 논의하고 싶으십니까? https://cal.com/biomathcode

위 내용은 작년에 내가 읽은 디자인 시스템에 관한 최고의 책들의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!