디자인

디자인 시스템 디자인 시스템은 UIUX 디자인 전반을 포괄하는 체계다. 제품의 성격과 사용성을 규정하며, 체계적이고 유연함과 동시에 빠른 디자인을 가능하게 한다. 흔히 애플스럽다, 딱딱하다, 부드럽다 같은 디자인의 주관적인 느낌을 결정하는데 중요한 역할을 한다. 대부분의 많은 회사와 조직이 디자인 시스템을 가지고 있으며 최근 들어서는 대기업뿐 아니라 일반 스타트업 까지도 디자인 시스템의 중요성이 부각되는 추세다. 디자인 시스템의 역할은 협업 용의성에 있다. 디자이너가 제시한 초안을 바탕으로 개발자는 직접 개발하게 되는데, 디자인 시스템이 없다면 px 단위인지 mm단위인지부터 서면으로 상세하게 규정해야 한다. 시스템의 부재로 인해 협업 시간이 오래 소요되고, 불필요한 소통이 증가하게 된다. 단순히 디자인 ..

😎 디자인 시스템을 구상하기로 마음먹었다 그동안 개발했던 서비스마다 디자인이 재각각이었다. 버튼 색은 모두 달랐고 내비게이션 바 디자인은 페이지마다 달랐다. 새로운 서비스를 만들거나 개선할 때마다 이전 디자인을 참고해서 새로 만들어야 했고 표준 없이 만들다 보니 걸리는 시간은 배로 늘어났다. 이토록 통일되지 않는 디자인 요소들을 개발 효율을 위해 디자인 시스템으로 묶을 필요가 생겼다. 디자인 시스템이란 디자인 원칙, 컴포넌트, UI 패턴 등을 포함한 디자인 세트라고 보면 된다. 디자인 시스템의 장점으로는 각각의 서비스마다 디자인을 통일시켜주며 서비스의 정체성을 확고하게 할 수 있다. 동시에 디자인 코드의 반복을 줄여주고 빠른 프론트엔드 개발이 가능하게끔 한다. 즉, 디자인 시스템을 적용한다면 빠르고, 확..

I. 시작 부트스트랩은 UI 프레임워크로 전 세계 개발자들이 유용하게 사용하고 있습니다. 원하는 디자인을 빠르고 편리하게 개발할 수 있다는 장점도 있지만, 자칫하면 투박하고 지루한 디자인이 되기 십상입니다. 그래서 부트스트랩에서는 여러 가지 커스텀을 지원하고 있습니다. 그중 Shard UI는 부트스트랩 4를 기반으로 부트스트랩을 모던한 디자인으로 만들 수 있도록 도와주고 있습니다. https://designrevision.com/demo/shards/ Shards Demo - A Modern UI Toolkit for Web Makers Triggering this action might affect you later. Do you still want to continue? designrevision.c..