당신은 주제를 찾고 있습니까 “브랜드 디자인 가이드 – 📍브랜드 디자인 가이드 만드는 방법 – 정영희“? 다음 카테고리의 웹사이트 th.taphoamini.com 에서 귀하의 모든 질문에 답변해 드립니다: th.taphoamini.com/wiki. 바로 아래에서 답을 찾을 수 있습니다. 작성자 from. designer 이(가) 작성한 기사에는 조회수 7,253회 및 좋아요 323개 개의 좋아요가 있습니다.
Table of Contents
브랜드 디자인 가이드 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 📍브랜드 디자인 가이드 만드는 방법 – 정영희 – 브랜드 디자인 가이드 주제에 대한 세부정보를 참조하세요
UI LAB 7기
🎙 정영희 – 브랜드 디자인 가이드 만드는 방법
🔖 발표자료 http://bit.ly/3ue8PK5
#UXUI #주제학습 #스터디
🧪UI LAB 스터디
관심있는 주제를 선정하고, 해외 아티클 2~3개를 종합하여 자신만의 컨텐츠를 만들어 발표하는 스터디입니다. 쏟아지는 정보와 빠르게 변화에 대응하며 비판적 사고와 통찰력을 기르고, 이론과 논리를 바탕으로 설득력 있는 커뮤니케이션에 도움이 됩니다.
📆 UXUI 스터디 참관/모임 안내
http://from-designer.com
–
🌲 from designer 커뮤니티
“함께 성장하는 숲” turn on your story
💭 커뮤니티 단톡방 가입 문의
http://pf.kakao.com/_aFxaEC
📩 뉴스레터 :: UXUI 해외 아티클 TOP3
https://maily.so/from.designer
–
📍SNS
facebook http://www.facebok.com/from.designer
instagram http://www.instagrame.com/from.designer
브랜드 디자인 가이드 주제에 대한 자세한 내용은 여기를 참조하세요.
쏘카 브랜드 디자인 가이드
종합 모빌리티 플랫폼으로 확장하는 쏘카의 디자인 가이드라인은 브랜드의 모든 접점에서 쏘카의 가치를 일관성 있게 담을 수 있는 방법을 안내합니다.
Source: design.socar.kr
Date Published: 12/17/2022
View: 6039
우리는 어떻게 우리만의 브랜드 가이드를 만들었는가? – Sendbird
최근 센드버드 디자인팀에서는 브랜드 가이드를 업데이트했습니다. 브랜드 가이드라인의 목적은 크게 두 가지로, 내부적으로는 체계화(Systemize): 디자인의 시스템 …
Source: sendbird.com
Date Published: 2/7/2021
View: 5509
프론트원 브랜드 아이덴티티 디자인 가이드
FRONT 1 BRAND IDENTITY DESIGN GUIDELINES. 디자인 가이드라인 관리지침. 본 디자인 가이드라인은 프론트 브랜드 아이덴티티 디자인 시스템 전반에 걸쳐 기본적인 …
Source: front1.kr
Date Published: 8/18/2022
View: 8358
주제와 관련된 이미지 브랜드 디자인 가이드
주제와 관련된 더 많은 사진을 참조하십시오 📍브랜드 디자인 가이드 만드는 방법 – 정영희. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 브랜드 디자인 가이드
- Author: from. designer
- Views: 조회수 7,253회
- Likes: 좋아요 323개
- Date Published: 2021. 5. 11.
- Video Url link: https://www.youtube.com/watch?v=-bjAcNjn4I4
주목할 만한 브랜드, 디자인 시스템 및 가이드라인
참고로 삼을 만한 우수 브랜드, 디자인 시스템 및 가이드라인을 찾아보았습니다. 브랜드 관리 측면에서 가이드라인의 필요성을 강조하면 이것은 디자인부서뿐 아니라 모든 부서에 해당하는 일이 됩니다. 가이드라인을 만들지 않았더라면 드러나지 않았을 텐데 가이드를 만들고 공유하고 규정화하게 되면 이런 것도 관리해야 되는구나 하는 내부 인식도 생기게 되고, 이것이 디자인부서의 영향력을 키우는 데 역할을 하게 되지 않을까 생각합니다.
온라인 서비스의 사용자 편의성과 접근성을 높이기 위해 민간 및 공공영역에서 사용되고 있는 주목할만한 가이드라인들을 살펴보시죠.
1. 민간의 브랜드, 디자인 시스템 및 가이드라인
애플 휴먼인터페이스가이드라인 애플OS 및 응용프로그램의 인터페이스 가이드라인. 세계적으로 가장 먼저 알려진 UI, UX 가이드라인의 고전 https://developer.apple.com/design/human-interface-guidelines/ 마이크로소프트 플루언트 디자인 시스템(Fluent Design System) 마이크로소프트의 윈도우 및 응용프로그램의 인터페이스 가이드라인 https://www.microsoft.com/design/fluent/#/ 구글 머터리얼 디자인 가이드라인 안드로이드 운영체계와 응용프로그램의 인터페이스 가이드라인 https://material.io/design/ 아우디 웹 사용자 인터페이스 가이드라인 웹, 홍보, 동영상 제작, 공간 등 기업의 브랜딩과 관련된 광범위한 범위를 두루 상세하게 제시하는 브랜드 가이드라인.
일러스트의 톤앤매너, 문이 닫히는, 배기음 사운드도 다루고 있음. https://www.audi.com/ci/en/guides/user-interface/introduction.html# 스코다 Skoda 브랜드 디자인 가이드라인 스코다는 폭스바겐 그룹 산하 자동차 브랜드. 디자인컨셉인 큐빅으로부터 시작해서 다양한 브랜드 요소를 총정리함 https://skoda-brand.com/explore-our-brand IBM 디자인 가이드라인 짜임새있게 잘 만들어진 브랜드 가이드라인. 사진자료, 서비스 시연용으로 사용할 수 있는 다양한 데모용 사이트도 제시 https://www.ibm.com/design/language/ IBM 오픈소스 디자인 가이드라인(카본 디자인시스템 Carbon Design System) IBM의 디자인 언어를 기반으로 시스템 코드, 디자인 툴과 각종 리소스, 휴먼 인터페이스 지침에 대한 공개용 버전 https://www.carbondesignsystem.com/ 구글의 웹마스터가이드라인 웹서비스가 구글 검색이 잘 될 수 있게 만들기 위한 가이드라인. 개발자를 위한 것이지만 디자이너들도 알아야 할 내용들이 많음. https://developers.google.com/search/docs/advanced/guidelines/webmaster-guidelines 에어비앤비 디자인 시스템 다양한 플랫폼에서 시각적 일관성을 유지하고 서비스의 사용성을 높이기 위한 가이드라인 https://airbnb.design/building-a-visual-language/ 우버 디자인 시스템 브랜드 체계, 타이틀, 폰트, 모션그래픽에서의 텐션 등 가이드.
프리젠테이션 템플릿, 그래픽 요소, 사진 라이브러리 운영 https://brand.uber.com/kr/ko/ 메타(페이스북) 브랜드 가이드라인 메타(기업) 및 페이스북, 인스타그램 등 서비스별 디자인 가이드라인 제시
지켜야 할 것(Do)과 하지 말아야 할 것(Don’t)을 구분하여 함께 제시 https://www.facebook.com/brand/resources 스타벅스 브랜드 디자인 가이드 가이드라인과 다양한 활용사례를 공유 https://creative.starbucks.com/ SAP Fiori Design Guidelines SAP 솔루션의 디자인 가이드라인 https://experience.sap.com/fiori-design-web/sap-fiori/ 아틀라시안 Atlassian 디자인 시스템 Jira, Trello, Confluence, Bitbucket 등 개발 및 협업 도구를 만드는 곳으로 유명한 Atlassian의 디자인 시스템
브랜드, 경험의 기초요소, 콘텐츠, 기타 구성요소, 리소스 등 잘 구성됨 https://atlassian.design/ 스포카 디자인가이드라인 UI디자인 소스 등 제시 http://bi.spoqa.com/ 스포티파이 Shopify 디자인 시스템 개발자들이 참고하고 가져다 활용하게 좋게끔 제작 https://developer.spotify.com/documentation/general/design-and-branding/#attribution 리디 디자인가이드 전자책 플랫폼으로 유명한 국내 기업 리디. 디자인의 공통 원칙 안내 https://ridi.design/ 넷플릭스 로고, 심볼 가이드라인 https://brand.netflix.com/en/ 유튜브 로고, 심볼, 유튜브 파트너들이 참고해야 하는 정책 기준 등도 제시 https://www.youtube.com/howyoutubeworks/resources/brand-resources/ 드롭박스 로고, 심볼 https://www.dropbox.com/branding 네이버 클로바 디자인 가이드라인 개발자를 위한 가이드라인 https://developers.naver.com/console/clova/client/Design/Brand.md 카카오 디자인가이드라인 로그인 버튼, QR 등 카카오 서비스에서 공통으로 사용되는 디자인요소 사용규정 https://developers.kakao.com/docs/latest/ko/reference/design-guide
2. 공공부문의 브랜드, 디자인 시스템 및 가이드라인
영국 정부 디지털서비스 디자인 원칙 공공부문 가장 우수한 모델로 참조되는 사례 https://design-system.service.gov.uk/
https://www.gov.uk/guidance/government-design-principles 미국 정부 웹디자인 시스템(USWDS) 미국 정부도 2015년부터 UX, UI를 디자인하는 디지털 디자인 원칙을 만들고 운영해오고 있음 https://designsystem.digital.gov/ 호주 정부 디자인 시스템 2016년부터 운영, 국제 웹 콘텐츠 접근성(WCAG 2.1) 지침을 따름 https://designsystem.gov.au/ 남호주정부 UX디자인 가이드라인 정부 온라인 서비스의 접근성을 높이기 위한 가이드라인 https://www.accessibility.sa.gov.au/ 남호주정부 인클루시브SA 미디어가이드라인 포용디자인과 관련한 홍보, 대민 커뮤니케이션에 대한 지침으로 참고할만 함 https://inclusive.sa.gov.au/resources/templates 이탈리아 행정 디자인 시스템 소프트웨어 개발자를 위한 가이드라인도 함께 운영 https://designers.italia.it/ 우리나라 전자정부 웹사이트 UI·UX 가이드라인(2019) 정부, 공공기관 웹사이트 개발(분석설계시, 사업발주서 작성시, UX/UI품질점검시, 사용성 관련 만족도 조사시)에 있어 발주자와 개발자가 지켜야하고 디자이너가 참고해야 할 가이드라인 https://mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451 우리나라 행정공공기관 웹사이트 구축운영 가이드(2021.3.4.) 정부, 공공기관 웹사이트 구축 운영시 개발자, 관리자가 참고해야 할 가이드 https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=83218 웹콘텐츠접근성 지침 (WCAG) 2.1 번역본 시력장애, 청각장애, 운동장애, 언어장애, 학습장애, 인지장애 등의 장애인 및 비장애인을 포함한 인간이 웹에 접근할 수 있는 방법을 제시하는 지침 http://www.kwacc.or.kr/WAI/wcag21/
3. 웹사이트 구축/운영 관련 가이드라인 (출처 : ‘행정, 공공기관 웹사이트 구축운영 가이드’ 72페이지. 2021.3. 행정안전부)
구분 문서명 발행년도 발행기관 사업대가 산정 o SW사업 대가산정가이드 2020 한국소프트웨어산업협회 사업계획서 o 소프트웨어 분리발주 매뉴얼 2017 정보통신산업진흥원 시스템 도입 o 정보시스템 하드웨어 규모산정 지침 2018 한국정보통신기술협회 o 네트워크 구축을 위한 장비 규모산정 지침 2017 플러그인 제거 o 인터넷 이용환경 개선기술 안내서 2016 과학기술정보통신부/
한국인터넷진흥원 o 공공기관 플러그인 제거 가이드라인 2019 행정안전부 정보접근성 o 한국형 웹 콘텐츠 접근성 지침 2.1 2015 과학기술정보통신부
국립전파연구원 o 소프트웨어 접근성 설계지침 2015 산업통상자원부
국가기술표준원 개인정보보호 o 개인정보의 안전성 확보조치 기준 해설서 2020 개인정보보호위원회/
한국인터넷진흥원 o 개인정보의 기술적 관리적 보호조치 기준 해설서 2020 o 개인정보 영향평가 수행안내서 2020 o 개인정보 수집제공 동의서 작성 가이드라인 2018 o 주민등록번호 수집금지제도 가이드라인 2014 o 개인정보수집 최소화 가이드라인 2016 o 홈페이지 개인정보 노출방지 안내서 2020 소프트웨어 개발보안 o 소프트웨어 개발보안 가이드 2019 행정안전부/
한국인터넷진흥원 o 시큐어코딩 가이드 2012 o 소프트웨어 보안약점 진단가이드 2019 o 공개SW를 활용한 소프트웨어 개발보안 점검가이드 2019 UI·UX o 전자정부 웹사이트 UI·UX 가이드라인 2019 행정안전부 자가진단 o 전자정부 웹사이트 자가진단지표 2019 행정안전부 테스트 및 시험운영 o 정보시스템 성능관리지침 2007 한국정보통신 기술협회 검색엔진 최적화 o 검색엔진 최적화 기본 가이드(민간 SEO 가이드) 2013 주요 포털(구글, 네이버 등) 기록물 관리 o 기록물관리지침 2020 국가기록원 o 폐지기관 기록물 관리 지침 2008
4. 참고할 만한 글
브랜드의 일관성을 위한 : 디자인 가이드 시스템 https://bythem.net/2021/03/31/브랜드의-일관성을-위한-디자인-가이드-시스템
주요 기업들의 디자인시스템 갤러리 https://designsystemsrepo.com/design-systems/?fbclid=IwAR0cdxLcVHq_Ksw6bj58xYKqVUZAb-LcS7RvP6RxoAF44wQVsF2SakcGKxk
The branding style guidelines archive https://brandingstyleguides.com/
글로벌 브랜드들의 브랜드 디자인 가이드 웹사이트 https://brunch.co.kr/@zwang/133
디자인시스템 모음 http://design.gabia.com/wordpress/?p=33570
퀄리티를 높이는 디자인 시스템 https://bythem.net/2021/07/30/퀄리티를-높이는-디자인-시스템/
[디자인가이드] 애플과 구글의 디자인 가이드 알아보기 https://chaeyeon-chaeyeon.tistory.com/34북마크가 꼭 필요한 UI 가이드라인 45개 소개 https://brunch.co.kr/@ebprux/85
3가지 사례로 살펴보는 디자인 시스템의 오늘과 내일 https://yozm.wishket.com/magazine/detail/1067/
디자인 시스템 – [2] 12가지 세심한 스타일 가이드 https://ldrerin.tistory.com/422
디자인 시스템 1편 – 디자인 가이드/ 디자인 시스템은 왜 필요한가 https://www.pxd.co.kr/pages/story/story_detail_01.html
디자인 시스템 2편 – 디자인 가이드라인/디자인 시스템의 종류 https://story.pxd.co.kr/1435
디자인 시스템에 대해 알아야 할 모든 것 https://brunch.co.kr/@euid/1
에어비앤비의 디자인 시스템 https://brunch.co.kr/@eunlune/15
선별된 UI 스타일 가이드 목록 https://www.wenyanet.com/opensource/ko/60745ae8b8a6f86c86616e72.html
10가지 훌륭한 디자인 시스템으로부터 배우고 훔치는 방법 https://ichi.pro/ko/10-gaji-hullyunghan-dijain-siseutemgwa-geulobuteo-baeugo-humchineun-bangbeob-83135250730918
네이버 웹마스터 가이드 https://searchadvisor.naver.com/guide
– 네이버 검색 교육자료1 : 네이버 웹검색의 기초 https://searchadvisor.naver.com/doc/wmt_guide_ps_websearch.pdf
– 네이버 검색 교육자료2 : 네이버 웹마스터도구 활용 가이드 https://searchadvisor.naver.com/doc/wmt_guide_ps_quality.pdf
구글 검색엔진 최적화(SEO) 기본 가이드 https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko
우리나라 전자정부 웹사이트 UI·UX 가이드라인(행정안전부, 2019) https://mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451
우리나라 행정공공기관 웹사이트 구축운영 가이드(행정안전부, 2021) https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=83218
한국형 웹 콘텐츠 접근성 지침 2.1(국립전파연구원, 2015) http://news.seoul.go.kr/gov/files/2014/01/5552af1b5fb910.17981163.pdf
전자정부 웹사이트 품질관리 지침(행정안전부, 2021) https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000016&nttId=83188
* 조사 : 한국디자인진흥원 데이터플랫폼실. 2021.12.
브랜드 디자인 가이드 사이트 모음
출처 : unsplash
브랜드 디자인가이드는 브랜드의 로고, 컬러, 서체, 사진, 그래픽 등 웹이나 모바일에 일관되게 적용될 수 있도록 가이드를 정의하는 것이고 이것은 시각커뮤니케이션을 위한 기준을 만드는 것이다. 사용자에게 브랜드를 인식시키기 위해 일관된 이미지를 사용자에게 일관되게 전달하는 것이 중요하다. 디자이너가 바뀔 때마다 브랜드의 얼굴이 달라진다면 사용자는 혼란스러워할 수 있으며 인지도 잘 되지 않기 때문이다. 이렇듯 브랜드가 일관되게 이미지를 전달하고 사용자와 시각커뮤니케이션을 하기 위해서 체계적이고 잘 정리된 브랜드디자인가이드가 필수적이지만 백지 상태에서 출발하면 너무 막막할 것 같다. 다행히도 글로벌 기업들이 자신들의 브랜드 이미지를 더욱 더 확고하게하기 위해 디자인 가이드들을 웹에 공개해 두었다. 이런 레퍼런스들을 참고하면서 우리 회사에 적합한 항목들을 적용해 보기도 하면서 참고하면 좋을 것 같아 잘 정리된 브랜드 디자인 가이드 사이트들을 모아 보았다.
Google (Meterial Design)
https://material.io/design
UI디자인을 함에 있어 아주 상세하게 디자인 가이드를 정의해 두었다. 이 가이드만 봐도 하나의 서비스를 만들 수 있을 정도로 하면 되는 것들과 하지 말아야 하는 것들 그리고 예시 이미지까지 상세하게 알려주고 있다.
Apple (Human Interface Guidelines)
https://developer.apple.com/design/human-interface-guidelines/
디자인 가이드 사이트중 가장 대표적인 두 곳이라 애플과 구글인듯하다. 애플의 가이드사이트의 경우 구글처럼 비주얼적으로 세부적인 가이드를 정의하기보다 사용자 중심의 UX를 위한 원칙같은 것들이 제시 되어 있어 애플의 UX,UI디자인에 대한 철학을 볼 수 있으며, 공부를 위해서도 한번쯤 보기 좋다.
Audi
https://www.audi.com/ci/en/renewed-brand.html
자동차 회사의 디자인 가이드라 자동차 인터페이스와 관련되 것들이 저의 되어 있나 생각하였다. 하지만 자동차 안에 들어가는 인터페이스에 국한되어 있는것이 아니라 모바일이나 웹, 영상, 사운드 등 사용자와 만나는 다양한 접점에 대한 디자인 가이드들이 정의되어 있다. UI컴포넌트들의 코드를 바로 복사해서 쓸 수 있게 해 두었다.
Microsoft
https://www.microsoft.com/design/fluent/#/
Starbusck
https://creative.starbucks.com/
Uber
https://brand.uber.com/
https://en.facebookbrand.com/
페이스북에 포함된 다양한 브랜드 들의 가이드들이 모여 있다.
Facebook app
Workplace
Oculus
RIDI
https://ridi.design/
스포카
https://bi.spoqa.com/
기업 브로셔 디자인, 브랜드 디자인, 템플릿
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.
우리는 어떻게 우리만의 브랜드 가이드를 만들었는가?
브랜드 디자인은 단순히 디자인 스타일이 아닙니다. 브랜드를 만들어 간다는 것은 우리가 어떻게 고객에게 느껴지는지를 고려해야 하는 일이며, 우리만의 모습을 찾아가는 과정입니다. 센드버드 디자인팀은 우리가 누구이고 무엇을 하는지를 가장 잘 보여줄 수 있는 센드버드만의 모습을 만들어 가기 위해 수년간 고민하고 있습니다.
최근 센드버드 디자인팀에서는 브랜드 가이드를 업데이트했습니다. 브랜드 가이드라인의 목적은 크게 두 가지로, 내부적으로는 체계화(Systemize): 디자인의 시스템 체계화를 통해 팀의 작업 효율성을 올리는 것이었고, 외부적으로는 일관성(Consistency): 브랜드 일관성을 유지하며 브랜드를 강화해 나가는 것이었습니다. 회사가 급속도로 성장하면서 자연스레 팀 규모가 빠르게 확장했고, 성장 속도에 맞춰 가이드를 만드는 것은 우리가 생각했던 것보다 더 복잡하고 어려운 일이었습니다.
빠르게 성장하는 팀의 어려움
회사의 디자인팀 규모가 작았을 때는 싱크 회의를 자주 하는 것만으로도 일관된 디자인 작업 진행이 가능했습니다. 하지만 팀이 세분화되고 확장되면서 작업자에 따라 작업물의 스타일이 달라지기 시작했고, 프로젝트에 맞는 좀 더 명확한 기준점이 필요해졌습니다. 그래서 이번 가이드의 가장 우선적인 목표는 각 디자이너의 혼란을 줄이는 것이었습니다.
그중 가이드라인에 가장 중점적으로 담고자 한 규정은 컬러였습니다. 각 작업자의 컬러 비율 사용 방식에 따라 디자인의 전반적인 톤 앤 매너가 달라 보이는 경우가 있었기 때문입니다. 작업물에 대해 논의할 때 ‘이건 우리 느낌이 아닌 것 같아요’의 피드백이 자주 오갔지만, 그것이 ‘왜 다른지’에 대한 기준이 모호했습니다. 지금 센드버드의 단계에서는 단순히 컬러 가이드를 제공하는 것으로는 이 문제를 해결하기 어려울 것으로 판단하였고, 우리만의 방식을 고민한 결과, 센드버드만의 브랜드 매트릭스를 만들게 되었습니다.
브랜드 매트릭스의 정립
우리는 센드버드에 맞는 브랜드 매트릭스를 총 4단계로 만들었습니다. 일반적으로 가이드 규정이 명확할수록 디자이너들은 창의적인 영역에서 제한받게 됩니다. 우리는 작업자가 창의적인 작업을 할 수 있으면서도, 일관성을 잃지 않는 우리만의 방향성을 찾고자 하였습니다.
Step 1
일반적으로 사용자의 관점에서 가장 크게 인지되는 에셋은 컬러입니다. 우리는 Sendbird의 약자 S에 숫자를 붙여 브랜드를 인지시켜야 하는 단계에 따라 사용할 수 있는 팔레트를 나누었습니다. 브랜드의 코어 정체성을 확립해야 하는 S1부터 브랜드 규정으로부터 더 자유롭고 창의적으로 표현이 가능한 S4까지 브랜드가 노출되는 접점에 맞춰 단계를 설정하였습니다.
Step 2
다음으로 우리가 진행하는 디자인 프로젝트의 용처를 고려하여 S1에서 S4까지 4단계로 분류했습니다. 센드버드라는 브랜드를 처음 접하는 사용자부터, 임직원을 포함해 기존에 센드버드라는 브랜드를 인지하고 있는 사용자 등을 구분하여 다양한 접점에 따른 확장된 디자인을 시도하기 위함입니다.
Step 3
그 후 기존 작업물들의 이미지를 브랜드 매트릭스의 단계에 맞춰 분류하였고, 이미지로 어떻게 보이는지 테스트하는 과정을 거쳤습니다. 이 과정을 통해 우리는 지금의 브랜드 매트릭스가 일관된 브랜드를 유지할 수 있는 협의 기준점이 될 수 있다는 것을 확인했습니다.
Step 4
마지막으로 우리는 각 단계에 맞는 무드 보드를 만들어 각 디자이너가 일관된 브랜드 톤 앤 매너를 유지하면서 작업을 진행할 수 있도록 아래와 같이 카테고리별로 가이드로 만들었습니다.
S1: Purple = Sendbird
이 단계는 센드버드 브랜드 색상인 Purple 컬러를 중점적으로 사용하여, 센드버드를 처음 접하는 사용자에게 브랜드 색상을 인지할 수 있도록 하는 첫 번째 단계입니다. 이 단계에서는 사용자에게 혼란을 주지 않도록 화려한 색상과 그래픽 사용을 제한하는 게 중요하며 Business card, Business stationery, Brand goods, Finance documents 등 센드버드의 브랜드를 가장 중요하게 인지시켜야 하는 부분에 사용됩니다.
S2: Purple + Accent + Support
계속 Purple 컬러만을 사용한다면, 정보의 우선순위 구분에 어려움이 있습니다. 이 단계에서는 센드버드의 Accent 및 Support 컬러를 함께 사용하여 메인 Purple을 돋보이게 하면서 정보의 구분을 명확히 할 수 있도록 하였습니다. 이는 센드버드의 브랜드 이미지는 유지하되, 다른 기능적인 표현을 할 수 있도록 합니다. 이 단계는 주로 Website, Events, Ads 등에서 사용합니다.
S3: Purple + Accent + Support + Extended colors
센드버드에서는 센드버드의 솔루션, 또는 새로운 기능을 사용자에게 효과적으로 전달하기 위하여 목업 이미지를 사용하는 경우가 많습니다. 한 공간에서 다양한 정보의 균형을 맞추기 위해서 Accent 및 Support 컬러뿐만 아니라 다양한 Extended 컬러를 이용하여 보다 향상된 정보를 제공할 수 있습니다. 특히 그래픽 엘리먼트를 자연스럽게 노출할 때 비교적 시각적으로 편안한 컬러인 Extended 색상을 적용합니다. 사용자가 많은 양의 정보를 습득해야 하는 e-Book, Sales deck과 같은 부분에서 주로 사용합니다.
S4: Every color
마지막 단계는 코어에서 더 자유롭고 확장된 단계입니다. 우리 팀은 브랜드 매트릭스를 만들면서 과연 센드버드의 작업물은 모두 브랜드 컬러인 Purple을 사용하는 것이 필수일까에 대한 고민이 많았습니다. 결론적으로 블로그 커버와 같이 이미 센드버드 브랜드를 인지하고 있는 사용자들이 머무는 공간에서는 디자이너가 창의적인 작업을 할 수 있도록 특별한 제한을 두지 않았습니다.
어떤 것이 달라졌는가?
브랜드 매트릭스 정립 이후, 각 팀에서 프로젝트를 시작하기 전 브랜드 매트릭스 중 어느 단계에 속하는지를 협의하고 작업을 시작하는 과정을 시도해 보았습니다. 브랜드가 일관되게 인지될 수 있도록 관리해야 하는 브랜드 디자인팀과 고객에게 더 효과적으로 접근할 수 있는 다양한 방법을 탐색해야 하는 비주얼 디자인 팀 사이 관점의 차이가 있었던 상황에서, 브랜드 매트릭스의 정립은 서로의 방향성을 이해하고, 센드버드에 맞는 디자인 작업을 진행할 수 있는 효과적인 방법이었습니다.
모든 기준점이 100% 명확할 수는 없고, 회사마다 작업 문화, 방향성에 따라 각자의 기준을 만들어 가는 것은 매우 중요하다고 생각합니다. 센드버드에서는 현재 컬러의 기준으로 매트릭스를 구분하였지만, 앞으로 그래픽 엘리먼트, 사진 등 다양한 에셋들을 추가하여 매트릭스를 고도화해 나갈 예정입니다.
센드버드만의 색을 찾기 위해 우리 팀은 계속해서 연구하고 논의해 나갈 것입니다. 센드버드가 다음 단계로 발돋움할 수 있게 머리를 맞대고 가이드를 함께 만들어 준 디자인팀에 감사를 전합니다!
키워드에 대한 정보 브랜드 디자인 가이드
다음은 Bing에서 브랜드 디자인 가이드 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 📍브랜드 디자인 가이드 만드는 방법 – 정영희
- 브랜드
- 브랜드디자인
- Brand
- Design
- Guide
- 디자인가이드
- 가이드라인
- 브랜드가이드
- 프롬디자이너
- UILAB
- 주제학습
- fromdesigner
- 해외아티클
📍브랜드 #디자인 #가이드 #만드는 #방법 #- #정영희
YouTube에서 브랜드 디자인 가이드 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 📍브랜드 디자인 가이드 만드는 방법 – 정영희 | 브랜드 디자인 가이드, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.