출처 : unsplash 브랜드 디자인가이드는 브랜드의 로고, 컬러, 서체, 사진, 그래픽 등 웹이나 모바일에 일관되게 적용될 수 있도록 가이드를 정의하는 것이고 이것은 시각커뮤니케이션을 위한 기준을 만드는 것이다. 사용자에게 브랜드를 인식시키기 위해 일관된 이미지를 사용자에게 일관되게 전달하는 것이 중요하다. 디자이너가 바뀔 때마다 브랜드의 얼굴이 달라진다면 사용자는 혼란스러워할 수 있으며 인지도 잘 되지 않기 때문이다. 이렇듯 브랜드가 일관되게 이미지를 전달하고 사용자와 시각커뮤니케이션을 하기 위해서 체계적이고 잘 정리된 브랜드디자인가이드가 필수적이지만 백지 상태에서 출발하면 너무 막막할 것 같다. 다행히도 글로벌 기업들이 자신들의 브랜드 이미지를 더욱 더 확고하게하기 위해 디자인 가이드들을 웹에 공개해 두었다. 이런 레퍼런스들을 참고하면서 우리 회사에 적합한 항목들을 적용해 보기도 하면서 참고하면 좋을 것 같아 잘 정리된 브랜드 디자인 가이드 사이트들을 모아 보았다. Google (Meterial Design) https://material.io/design UI디자인을 함에 있어 아주 상세하게 디자인 가이드를 정의해 두었다. 이 가이드만 봐도 하나의 서비스를 만들 수 있을 정도로 하면 되는 것들과 하지 말아야 하는 것들 그리고 예시 이미지까지 상세하게 알려주고 있다. 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. material.io Apple (Human Interface Guidelines) https://developer.apple.com/design/human-interface-guidelines/ 디자인 가이드 사이트중 가장 대표적인 두 곳이라 애플과 구글인듯하다. 애플의 가이드사이트의 경우 구글처럼 비주얼적으로 세부적인 가이드를 정의하기보다 사용자 중심의 UX를 위한 원칙같은 것들이 제시 되어 있어 애플의 UX,UI디자인에 대한 철학을 볼 수 있으며, 공부를 위해서도 한번쯤 보기 좋다. Human Interface Guidelines - Design - Apple Developer Human Interface Guidelines Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms. developer.apple.com Audi https://www.audi.com/ci/en/renewed-brand.html 자동차 회사의 디자인 가이드라 자동차 인터페이스와 관련되 것들이 저의 되어 있나 생각하였다. 하지만 자동차 안에 들어가는 인터페이스에 국한되어 있는것이 아니라 모바일이나 웹, 영상, 사운드 등 사용자와 만나는 다양한 접점에 대한 디자인 가이드들이 정의되어 있다. UI컴포넌트들의 코드를 바로 복사해서 쓸 수 있게 해 두었다. Redefining Progress Adopting Core Components We have added new React components to the Audi CI to ensure a uniform appearance on the web. All existing React components can be found in the Audi React Library. Whilst the MVP is now available, Audi will continue to develop and a www.audi.com Microsoft https://www.microsoft.com/design/fluent/#/ Microsoft Design Fluent brings the fundamentals of principled design, innovation in technology, and customer needs together as one. It’s a collective approach to creating simplicity and coherence through a shared, open design system across platforms. www.microsoft.com Starbusck Starbucks Creative Expression You are using an unsupported browser. Please upgrade your browser to improve your experience. (close) Our newexpression.It all starts here. Use this guide as a high-level overview of how the Starbucks brand comes to life.MessageCanvas support required.As w creative.starbucks.com Uber https://brand.uber.com/ Home Uber Sites brand.uber.com https://en.facebookbrand.com/ 페이스북에 포함된 다양한 브랜드 들의 가이드들이 모여 있다.
Facebook Brand Resource Center - Assets Guidelines and Downloads Welcome! This site will help you correctly use assets or showcase content from Facebook company's family of apps and technologies. en.facebookbrand.com RIDI https://ridi.design/ RIDI Design System 리디를 디자인하기 위한 단 하나의 시스템 ridi.design 스포카 https://bi.spoqa.com/ Spoqa Design Guidelines 우리는 건강한, 스마트한, 발전하는 기업을 지향합니다. 스포카 비주얼 디자인팀은 디자인 가이드라인을 마련하여 모든 서비스와 소통 채널에서 스포카의 가치를 일관되게 표현하도록 돕습니 bi.spoqa.com 디자인 연구 주목할 만한 브랜드, 디자인 시스템 및 가이드라인 분야 등록일 작성자 조회수11047 참고로 삼을 만한 우수 브랜드, 디자인 시스템 및 가이드라인을 찾아보았습니다. 브랜드 관리 측면에서 가이드라인의 필요성을 강조하면 이것은 디자인부서뿐 아니라 모든 부서에 해당하는 일이 됩니다. 가이드라인을 만들지 않았더라면 드러나지 않았을 텐데 가이드를 만들고 공유하고 규정화하게 되면 이런 것도 관리해야 되는구나 하는 내부 인식도 생기게 되고, 이것이 디자인부서의 영향력을 키우는 데 역할을 하게 되지 않을까 생각합니다. 1. 민간의 브랜드, 디자인 시스템 및 가이드라인
2. 공공부문의 브랜드, 디자인 시스템 및 가이드라인
3. 웹사이트 구축/운영 관련 가이드라인 (출처 : '행정, 공공기관 웹사이트 구축운영 가이드' 72페이지. 2021.3. 행정안전부)
4. 참고할 만한 글 브랜드의 일관성을 위한 : 디자인 가이드 시스템
https://bythem.net/2021/03/31/브랜드의-일관성을-위한-디자인-가이드-시스템 * 조사 : 한국디자인진흥원 데이터플랫폼실. 2021.12. 해당 콘텐츠는 공공누리 "출처표시+상업적 이용금지+변경금지" 조건에 따라 이용할 수 있습니다. |