12 가지 마법처럼 세심한 디자인 스타일 가이드

스타일 매뉴얼 또는 스타일 가이드는 문서, 웹 사이트 페이지, 간판 및 기타 형식의 기타 브랜드 식별자 디자인에 대한 표준 집합입니다. 그들의 존재 이유는 브랜드가 사용되는 모든 곳에서 스타일과 형식에있어 완전한 통일성을 보장하기 위함입니다. 로고가 사용되는 방법과 장소에서 브랜드 색상 및 타이포그래피 규칙에 이르기까지 모든 것을 다룹니다.

주변에있는 최고의 디자인 스타일 가이드를 자세히 살펴보고 영감을 얻으세요. 스스로 만드시 오 . 스타일 가이드를 작성하기위한 로고를 아직 만들지 않았다면 다음 게시물을 놓치지 마세요. 로고 디자인 .

01. 우버

우버 스타일 가이드



Uber의 온라인 가이드 라인은 포괄적 인 디자인 스타일 가이드를 만드는 방법에 대한 마스터 클래스입니다. 규칙은 탐색하기 쉽고 예와 설명을 통해 많은 것을 제공합니다. 일러스트레이션과 색상에 대한 규칙이 특히 흥미 롭습니다. Uber가 안전 관련 메시지에 파란색을 사용한다는 사실을 알고 계셨습니까?

02. IBM

IBM 스타일 가이드

IBM의 스타일 가이드는 다음이 이끄는 문화를 포용하는 것으로 명성을 쌓은 회사에 대해 기대하는대로 철저합니다. 디자인 사고 . 잘 제시된 온라인 가이드는 타이포그래피에서 앱 아이콘에 이르기까지 모든 것을 다루며 브랜딩을 모션에서 사용하는 방법을 다룹니다. 이것이 현대적인 디자인 스타일 가이드의 모습입니다.

03. Apple 휴먼 인터페이스 지침

Apple 휴먼 인터페이스 스타일 가이드

Apple의 휴먼 인터페이스 규칙은 포괄적이지 않으면 아무것도 아닙니다. 자신의 창작물이 Apple의 장치 및 운영 체제와 원활하게 통합되기를 원하는 앱 디자이너를 대상으로하는이 온라인 스타일 가이드는 macOS, iOS, watchOS 또는 tvOS 용으로 디자인하든 관계없이 알아야 할 모든 것을 다룹니다.

04. 어번 아웃 피터스

Urban Outfitters 스타일 가이드

평범한 지점은 마치 버려진 공장에서 뒤죽박죽 판매를하기로 결정한 사람들처럼 보일지 모르지만, 힙 스터 바자 인 Urban Outfitters는 브랜드 북을 빠르게 훑어 보면 시각적 정체성을 매우 진지하게 받아들입니다. 42 페이지짜리 가이드는 Urban Outfitters의 역사와 철학에서부터 로고 사용, 타이포그래피, 사진 방법론 및 커뮤니케이션에 사용되는 음성 톤에 대한 지침에 이르기까지 모든 것을 다룹니다.

05. 나는 뉴욕을 사랑한다

나는 뉴욕 브랜드 스타일 가이드를 좋아합니다

Milton Glaser의 I Love New York 로고는 놀랍도록 단순하고 상징적 인 디자인이므로 50 페이지 분량의 브랜드 지침이 첨부되어있을 것으로 예상하지 못할 수도 있습니다. 그러나 Milton Glaser의 로고보다 I Love New York에는 더 많은 것이 있습니다. 이는 1977 년에 시작되어 2008 년에 새롭게 개편 된 캠페인에서 가장 기억에 남는 부분입니다.

꼼꼼하게 상세한 브랜드 가이드 라인은 뉴욕시뿐만 아니라 뉴욕 주 전체를 대표하는 캠페인의 모든 기반을 다룹니다. 사명 선언문과 브랜드 피라미드, 일관성 및 타이포그래피 지침과 함께 따라야 할 주제별 로고 처리 및 로고 사용 지침이 있습니다.

06. NASA

미국 항공 우주국 (National Aeronautics and Space Administration)의 그래픽 표준 매뉴얼은 1974 년에 Danne & Blackburn이 NASA가 원래 문장 기반 로고에서 지금은 매우 친숙한 '웜'로고로 변경했을 때 작성되었습니다. 매뉴얼은 재발행 자금을 지원하기위한 Kickstarter 캠페인 덕분에 2015 년에 부활했습니다. Jesse Reed와 Hamish Smyth의 멋진 220 페이지 버전의 케이스 바인딩 NASA 문서는 '정적 차폐'포장과 함께 제공되며 구매할 수 있습니다.

07. 영국 철도

Creative Bloq 팀의 특정 구성원은 British Rail 기업 ID 매뉴얼을 검토하는 데 몇 시간을 보냈으며 그 이유를 쉽게 알 수 있습니다. 1965 년으로 거슬러 올라가는 가이드에는 서사시적인 수준의 강박 적 행동이 풍부하며 일부 픽토그램은 즐거움입니다. 나만의 사본을 원하십니까? 당신은 운이 좋다. 성공적인 Kickstarter 캠페인 후, 디자이너 Wallace Henning은 지금 주문할 수있는 원본 매뉴얼의 높은 사양을 재현했습니다. 여기에서 더 알아보세요 .

08. 채널 4

솜털 개 그리는 법

Channel 4의 포괄적 인 스타일 가이드는 브랜드 사용 방식에 대해 혼동의 여지가 없습니다. 가이드는 46 페이지 길이이며 각 페이지는 깨끗하고 명확하며 페이지 당 하나의 가이드 라인을 나타내며 종종 시각적 참조를 위해 그래픽이 함께 제공됩니다. 세심한 브랜딩 규칙이 충분하지 않은 경우 E4, Film4, More4 등에 대한 전용 스타일 가이드도 있습니다.

09. 스카이프

Skype 스타일 가이드는 여러 가지 이유로 훌륭합니다. 멋진 삽화가 그중 하나입니다. 통신 네트워크는 가이드를 업계 전문 용어 페이지로 채우지 않고 이해하기 쉬운 설명과 그래픽을 사용하여 요점을 전달합니다.

10. Barbican

Barbican 극장의 정체성은 단순히 로고가 아닙니다. Barbican 브랜드를 즉시 알아볼 수있게 만드는 독특한 모양과 느낌을 만들기 위해 함께 모인 여러 ​​핵심 요소로 구성된 디자인 체계입니다. 이것이이 가이드가 중요한 이유입니다. 대담하고 다채로운 PDF는 선도적 인 예술 회사에서 기대할 수있는 것처럼 잘 조합됩니다. Barbican은 아이덴티티를 사용하는 디자이너에게 어느 정도의 창의적인 유연성을 제공하며이를 달성하는 방법을 정확하게 안내합니다. 멋지네요.

열한. Firefox

Firefox 스타일 가이드

Mozilla는 Firefox 용 기존 스타일 가이드를 버리고 웹 디자이너가 Firefox 사용자를위한 멋진 제품을 만들 수 있도록 완전히 새로운 디자인 언어 인 Photon을 도입했습니다. 유용한 지침 및 원칙뿐만 아니라 온라인 Photon Design System 가이드에는 재사용 가능한 UI 구성 요소, 템플릿 및 모든 플랫폼에서 일관되고 인식 가능한 제품을 구축하기위한 기타 리소스가 포함되어 있습니다.

12. 맥밀란

암 자선 단체 Macmillan의 아이덴티티 디자인 가이드는 간판에서 인포 그래픽에 이르기까지 모든 것을 다루며 브랜드의 친숙한 녹색 색상을 사용하는 방법과 자선 단체의 마케팅 자료에서 찾을 수있는 이미지 실루엣으로 가장 잘 사용되는 사진에 대한 팁을 다룹니다. 이 목록의 많은 스타일 가이드와 달리 Macmillan은 많은 규칙에 대한 설명을 제공하여 그 뒤에있는 생각을 설명하고 독자의 마음에서 수정하는 데 도움을줍니다.

관련 기사: