📌

웹 디자인 시스템과 작업 관련 글

디자인 컴포넌트와 가이드에 대한 좋은 사례들

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

https://m3.material.io/

Carbon Design System

Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

https://carbondesignsystem.com/components/overview/components

Shopify Polaris

A starter kit for reimagining commerce.

https://polaris.shopify.com/

Ant Design - The world's second most popular React UI framework

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises

https://ant.design/

큰 기업에서 만든 시스템 컴포넌트를 살펴보면 status, size, button의 위치 등 기본적으로 디자인을 할 때 고려하는 여러 요소들에 대한 best practices로 좋은 참고자료가 될 것 같습니다.

웹디자인 관련 글

What is web design? A comprehensive guide

What Is Web Design? A Comprehensive Guide

A comprehensive guide exploring the role of web design, helpful tips and inspiration.

https://www.wix.com/blog/web-design

이 글은 찾다가 본건데 생각보다 웹디자인 기본 원리나 레이아웃 등이 정리가 잘 되어있어서 공유합니다. 타이포그래피, 버튼 등 글 내부에 링크 되어있는 내부 글들도 볼만해요.

2023 웹 디자인 가이드 완벽 정리

2023 웹 디자인 가이드 완벽 정리

홈페이지 디자인 가이드 | 웹 디자인은 프리랜서 마켓에서 매우 인기 있는 분야 중 하나입니다. 기업들은 자사 웹사이트를 방문하는 고객과 잠재 고객들에게 더 편리한 온라인 경험을 제공하고 긍정적인 인상을 남기기 위해 많은 투자를 하고 있습니다. 따라서 유능한 웹 디자이너는 최신 트렌드를 잘 이해하고 미적인 측면뿐만 아니라 사용자 경험(UX)을 고려해야 합니다. 웹 디자인이란? 웹

https://brunch.co.kr/@830bfa34e0894d6/23

아티클 안에 웹디자인 참고 사이트도 추천이 되어 있어서 읽어볼만 할 것 같습니다.