Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Branding
Webdesign

Làm thế nào để tạo ra phong cách hướng dẫn cho một đối tượng cụ thể

by
Length:MediumLanguages:
This post is part of a series called All About Style Guides.
A Super-Quick Introduction to Style Guides
Using Guidelines to Mind Your Tone

Vietnamese (Tiếng Việt) translation by Trí Hoàng Dương (you can also view the original English article)

Một hướng dẫn phong cách có thể là một tài liệu vô cùng mạnh mẽ sống lâu hơn so với hầu hết trong văn hóa của công ty. Cho dù bạn đang xây dựng một thương hiệu mới tươi cho một công ty chưa-để--được biết đến, hoặc bạn đang tái tạo một thương hiệu đã thành lập, tập trung vào một Style Guides có thể mang lại một hoạt tài sản được thiết kế xung quanh thương hiệu, cũng như những giai điệu liên kết với các thương hiệu.

Trong bài này, tôi muốn khám phá một số đối tượng bạn sẽ tạo ra Style Guides, và một số kỹ thuật mà bạn có thể sử dụng để xây dựng chúng mạnh mẽ hơn, làm bền vững hơn hệ sinh thái xây dựng thương hiệu. Bài viết này không chỉ áp dụng cho các trang web, nhưng chúng tôi chắc chắn sẽ bao gồm một số lời khuyên cụ thể cho web theo định hướng phong cách hướng dẫn.

Đối tượng #1. Chính bạn

Bạn cần các quy tắc. Bạn cần trách nhiệm. Nếu bạn không có chúng, bạn sẽ không thành công để tạo ra một thương hiệu tập trung. Tạo ra một Style Guides nghiêm ngặt các giới hạn và các cấu trúc cơ bản thiết kế và phát triển sẽ thực thi các quy tắc cho bạn, giải phóng bạn từ tải trọng nhận thức của cố gắng để hạn chế bản thân khi không có một hướng dẫn.

Jack White, nghệ sĩ đàn ghita cho White Stripes, nổi tiếng nói:

Nói cho chính mình, "Oh, bạn có tất cả thời gian trên thế giới, bạn có tất cả số tiền trên thế giới, bạn có tất cả các màu sắc trong bảng màu bạn muốn, bất cứ điều gì bạn muốn," tôi có nghĩa là, mà chỉ giết chết sự sáng tạo.

Dành thời gian để xác định các giới hạn cho chính bạn. Không làm điều này một cách mù quáng; làm điều đó thông qua nghiên cứu, cả hai từ tài khoản tay đầu tiên và thực tiễn tốt nhất thực nghiệm/tài liệu của bạn. Cẩn thận không để từ bỏ sự sáng tạo và trực giác vì lợi ích của nghiên cứu, nhưng nhớ nghiên cứu có thể trao quyền cho sự sáng tạo và trực giác.

Các kiểu hạn chế là gì?

Câu hỏi này không phải là dễ dàng nhất để trả lời, và đánh giá cao phụ thuộc vào hoàn cảnh của bạn. Sau đó, chúng tôi sẽ thảo luận về một số hạn chế và hướng dẫn bạn thêm vào một phong cách hướng dẫn cho những người khác, nhưng trước tiên, bạn cần phải đảm bảo rằng bạn tạo ra những hạn chế cho chính mình.

Mục đích của một hướng dẫn phong cách, cuối cùng, là để tạo ra những hạn chế mà giúp xây dựng hiệu quả của một sáng kiến thiết kế. Vì lợi ích của bài viết này, chúng tôi sẽ giả định phong cách hướng dẫn được xây dựng xung quanh một thương hiệu.

Hạn chế? Không, rất quan trọng. Một mẫu từ MailChimp của thương hiệu nổi tiếng tài sản

Để làm điều này một cách hiệu quả nhất, một trong những bước đầu tiên chúng ta phải làm là xem xét thêm chăm chú sự nhận thức về thương hiệu như thể nó là một con người. Các thương hiệu phục vụ như một biểu tượng giữ chỗ cho các thương hiệu. Vì vậy, bạn nên xem xét việc phân công một giọng nói và giai điệu và lọc tất cả mọi thứ bạn tạo thông qua giọng nói đó. Điều này sẽ cung cấp một điểm neo cho mọi người tham khảo thương hiệu của bạn trong tâm trí của họ. Các thương hiệu hoạt động như là người phát ngôn cuối cùng cho một công ty hoặc tổ chức.

Một phần của giọng nói và giai điệu được sử dụng bởi Tuts + để hướng dẫn giáo viên hướng dẫn

Điều này không có gì để làm với một hướng dẫn phong cách, đặc biệt là trên web? Hoàn toàn tất cả mọi thứ. Bằng cách nghiên cứu thiết kế và các nguyên tắc tâm lý của lý thuyết giao tiếp, bạn có thể trao quyền cho persona này, tiếng nói và giai điệu, thông qua các yếu tố thiết kế. Ví dụ, nếu giai điệu của bạn là thân thiện với trẻ em, bạn nên xem xét màu chính tươi sáng thay vì màu cơ bản. Bạn có thể xem xét từ ngắn hơn chứ không phải là từ dài hơn, và yếu tố thiết kế có khả năng xoay quanh hình ảnh và một giới hạn về số lượng các từ được sử dụng trong một yếu tố nhất định.

Cho trang web, có những miếng rất quan trọng giúp tạo hình dạng giai điệu của bạn.

Lời khuyên chuyên nghiệp:

  • Khi bạn yêu cầu đầu vào từ người dùng trong một hình thức, hãy nhớ rằng các hình thức là cuộc hội thoại. Không đặt tất cả năng lượng của bạn vào những khẩu hiệu, và sau đó quên những giai điệu khi yêu cầu người dùng để làm một cái gì đó.
  • Tương tự như vậy, khi cảnh báo cho người sử dụng của một lỗi, thành công, hoặc thông tin nếu không cần thiết, Giữ lại giai điệu của bạn.
Có lẽ không phải là những giai điệu bạn sẽ đi cho
  • Ngoài việc xác định các bảng màu và trực quan cho thấy rằng bảng, bạn phải xác định các kết nối tượng trưng giữa màu sắc và ý nghĩa của họ. Ví dụ, nếu thương hiệu của bạn kết hợp màu đỏ với positivity, điều này nên được xác định, bởi vì đó là không nhất thiết phải là một kết nối ngụ ý hoặc tự nhiên. Có các kết nối và ý nghĩa gia cố trong giúp hướng dẫn phong cách của bạn để đưa ra quyết định khó khăn thiết kế.
Một phần của xây dựng thương hiệu Skype 
  • Không chỉ nghĩ về màu sắc, hình dạng, chữ, và các yếu tố khác của thiết kế tĩnh; hãy xem xét các hoạt cảnh chuyển động như là một lớp hạng nhất trong hướng dẫn của bạn. Ví dụ, làm bạn thích một kiểu mờ dần, kiểu slide tuyến tính, một slide gia tốc, hoặc một kiểu giật bật lại? Các thương hiệu kêu gọi ít hoặc không có hình ảnh động, ngoại trừ trên chọn một vài yếu tố. Các quyết định cần được cố ý. Một sự chuyển đổi mang một thông điệp. Để có thêm sự hiểu biết về khái niệm cơ bản của hình ảnh động có hiệu quả, hãy xem xét 12 nguyên tắc của hoạt hình.
  • Xác định tất cả các loại/mẫu trang cơ bản, và giải thích chức năng của chúng. Các định nghĩa này nên hiển thị một cấu trúc khung (wireframe) của các loại trang, cũng như các kiểu phông.
  • Xác định tất cả các mô-đun tái sử dụng trong trang web, với wireframes sẽ giải thích tất cả các khía cạnh của thiết kế, bao gồm cả màu lựa chọn quy tắc, hình ảnh kích thước hạn chế, phản ứng di chuột, và bất kỳ khía cạnh khác tương tác của các mô-đun.
  • Xác định không chỉ là khía cạnh presentational, nhưng cũng tất cả hạn chế cho kinh nghiệm người dùng. Xem xét các hướng dẫn thương hiệu của "kinh nghiệm hướng dẫn", nếu điều đó sẽ giúp bạn; Ví dụ, áp đặt các giới hạn chặt chẽ trên trang tốc độ, hoặc yêu cầu một quá trình kiểm tra chất lượng cho mỗi thiết kế trước khi nó tàu.
  • Địa chỉ điện thoại di động hạn chế và nội dung sớm và thường xuyên, và làm cho nó một ưu tiên để xác định sự khác biệt bằng giọng nói và giai điệu cho người sử dụng trên điện thoại di động so với những người sử dụng trên máy tính để bàn. Mục tiêu của những người dùng này sẽ có khả năng khác nhau, và biết những mục tiêu nên thông báo cho thiết kế ra quyết định.
  • Xác định lại bất kỳ quy tắc font-sizing lúc kích cỡ màn hình khác nhau.
  • Personify người dùng trung bình của bạn. Nghiên cứu của bạn userbase, và xác định nếu có chỉ có một người sử dụng nguyên, hoặc nếu có rất nhiều loại của người dùng. Chỉ ra người dùng nào là quan trọng nhất, và hình dạng của bạn thiết kế xung quanh những gì tốt nhất liên lạc thoại và giai điệu cho những người dùng của bạn.
  • Đừng quên các "góc tối" của các trang web! Thiết kế khó khăn để đạt được vị trí và quên góc phải lên đến các tiêu chuẩn về chất lượng phần còn lại của thiết kế.
  • Phải rất chắc chắn mặc định hợp lý và có thể sử dụng bộ dụng cụ cho mỗi yếu tố phong cách.
  • Khi thay đổi xây dựng trong phong cách của các yếu tố, chắc chắn rằng khả năng tiếp cận và khả năng sử dụng được cân bằng với thẩm Mỹ. Hướng dẫn phong cách của bạn nên hạn chế bạn thay đổi dự kiến hành vi của người sử dụng cơ bản hành động như di chuyển, lơ lửng, hoặc nhấp vào một hình thức kiểm soát, không có lý do rõ ràng và xác định.

Đối tượng #2. Các thương hiệu

Một thương hiệu là một nhãn hiệu mà là viết tắt của con người, ý tưởng, thực hành, văn hóa và danh tính của một công ty. Công ty này, và những người mà làm cho công ty, là đối tượng thứ hai cho phong cách hướng dẫn; họ là những người là bị thương hiệu.

Một hướng dẫn phong cách, cuối cùng, là một tài liệu tham khảo để làm thế nào để tạo ra đồ tạo tác thiết kế phù hợp với các thương hiệu. Những người là viết tắt của thương hiệu nhất có khả năng những người thường xuyên nhất sẽ sử dụng phong cách hướng dẫn. Các hạn chế bạn cung cấp cho những người sử dụng nó trên một cơ sở hàng ngày nên được nhiều hơn nữa rõ ràng văn bản, với một dự đoán cho các câu hỏi liên quan đến thương hiệu hoạt. Hầu hết các công ty cần một hướng dẫn phong cách làm việc cho hai loại người: nhận thức được thiết kế và thiết kế, thuyết bất khả tri.

Cá nhân nhận thức thiết kế

Việc phân phối của một phong cách hướng dẫn nên liên quan đến đào tạo cá nhân nhận thức được thiết kế liên quan đến các chi tiết cụ thể của phong cách hướng dẫn, và tạo ra các phiên bản dựa trên câu hỏi của các cá nhân.

Nói chung, ngôn ngữ thiết kế có thể được sử dụng với thiết kế, nhận thức cá nhân. Phong cách hướng dẫn nên trao quyền cho các cá nhân nhận thức được thiết kế để khám phá và mở rộng các giọng nói và giai điệu của các thương hiệu như nó phát triển; thương hiệu nên giữ lại dẻo để cho phép họ thay đổi và phát triển như những thay đổi thị trường.

Thiết kế cá nhân Agnostic

Việc phân phối của một phong cách hướng dẫn nên liên quan đến việc đào tạo của cá nhân thiết kế, thuyết bất khả tri về nhận thức về thương hiệu và tầm quan trọng của gắn bó với các hướng dẫn. Nếu hầu hết tài sản phát triển bởi một nhân viên nhất định được phát triển bởi thiết kế agnostic cá nhân, hạn chế nghiêm ngặt hơn và yêu cầu nên được bằng văn bản vào phong cách hướng dẫn.

Ví dụ, các ví dụ về vị trí biểu tượng, loại vị trí, cụm từ chính thương hiệu hoặc taglines, màu sắc, và khả năng sử dụng thử nghiệm/yêu cầu nên được xác định đầy đủ chi tiết.

Adobe làm cho việc sử dụng hạn chế của logo của họ rất rõ ràng để tất cả (PDF)

Lời khuyên chuyên nghiệp:

  • Sử dụng xấu, chấp nhận được, tốt, và các ví dụ tốt nhất cho tối đa rõ ràng. 
  • Không gây nhầm lẫn thuyết bất khả tri thiết kế với thiết kế chống đối; nói chung, những người sẽ có thể làm theo hướng dẫn, và vui vẻ sẽ làm như vậy. Không làm cho các hướng dẫn âm thanh giống như quy tắc, nhưng thay vào đó xác định nó như một công cụ trao quyền.
Một phần của của Beano thương hiệu hướng dẫn - chứng minh rằng giới hạn có thể là vui vẻ quá (PDF)
  • Rõ ràng là tốt hơn so với tiềm ẩn; sử dụng những lời giải thích rõ ràng nhất, bao gồm cả ảnh chụp màn hình nếu cần thiết, để xác định một hướng dẫn phong cách thương hiệu.
  • Danh sách kiểm tra có thể là một điều tuyệt vời, nhưng chỉ nếu họ không quá kỹ thuật, áp đảo, hoặc yêu cầu.
  • Không chỉ cung cấp cho quy tắc: cung cấp cho lý do. Cung cấp ngôn ngữ rõ ràng mà không sử dụng thuật ngữ nặng thiết kế giải thích nguyên tắc của bạn.
  • Cung cấp các màu sắc tại chỗ rất rõ ràng của tất cả các màu sắc thương hiệu đồng dư, cùng với mã hex của họ và bất kỳ màu sắc thích hợp mã hóa thông tin như định danh Pantone.
Một mẫu từ More4 của màu sắc hướng dẫn (PDF)
  • Cho web/HTML đầu vào phong cách hướng dẫn, cung cấp một tập làm việc của mã để cho người dùng có thể sao chép và dán. Xác định một số mục với HTML ý kiến.
  • Làm cho rõ ràng tất cả hình ảnh chất lượng mối quan tâm; cung cấp cho người dùng với các ví dụ của nhiếp ảnh tốt, và xem xét việc xác định các đặc điểm cơ bản của một hình ảnh tốt.
  • Đừng quên để giải thích những giai điệu của nhắn tin cho người dùng, cũng như tầm quan trọng của đôi kiểm tra ngữ Pháp. Giai điệu nên được xác định bởi hai hay nhiều cá nhân, và ít nhất một người khác nên sửa chữa các bản sao tất cả trong một thiết kế được đưa ra.

Đối tượng #3. Khu vực (tùy chọn)

Nếu thương hiệu của bạn sẽ được sử dụng bởi công chúng, bạn có thể cần phải cung cấp cho công chúng với một hướng dẫn phong cách phù hợp với nhu cầu của họ. Cụ thể, phong cách hướng dẫn cho công chúng thường xuyên cho các dịch vụ theo định hướng thương hiệu. Một ví dụ rõ ràng về điều này là Twitter; Khi bạn thêm biểu tượng Twitter hoặc một Twitter nguồn cấp dữ liệu trang web của bạn, Twitter quan tâm về những gì mà trông giống như.

Lấy từ Twitter của thương hiệu tài sản

Điều này thường đặt áp dụng khi giao dịch với biểu tượng vị trí. Một số cơ bản quy tắc cho vị trí biểu tượng, cụ thể:

  • Cung cấp cho tải về các gói biểu tượng trong các định dạng phổ biến, với tất cả các phiên bản hiện hành (kích cỡ cũng như các biến thể)
  • Xác định khoảng cách; sử dụng một quy tắc của ngón tay cái của tối thiểu chiều cao của chữ cao nhất trong nhãn hiệu hàng hóa như đệm xung quanh thành phố biểu tượng chính nó.
  • Xác định cho dù các biểu tượng nên được tập trung, liên kết trái hoặc phải, hoặc nếu không đặt liên quan đến trang đó.
  • Cung cấp rõ ràng xung quanh thành phố màu nền có thể được sử dụng kết hợp với các biểu tượng, với trường hợp sử dụng rõ ràng và ví dụ.

Web phong cách hướng dẫn: Nơi Identity gặp tương tác

Có lẽ các đặt perplexing ngắt kết nối giữa một phong cách hướng dẫn một web kinh nghiệm là khoảng cách giữa tương tác và các thương hiệu riêng của mình. Thường được gọi là "cảm thấy", khoảng cách này rất là lý do tại sao nó là rất quan trọng để tương tác nguyên mẫu. Hiếm khi nào một nhãn hiệu phong cách hướng dẫn đầy đủ nắm bắt các khía cạnh thúc đẩy bản sắc của thiết kế tương tác. Tuy nhiên, điều này nên là mục tiêu của chúng tôi khi viết một hướng dẫn phong cách! Hãy xem xét sử dụng các khái niệm sau và lời khuyên để hướng dẫn phong cách của bạn vì nó liên quan đến tương tác:

  • Nâng cao định nghĩa của các lớp tương tác phải là một công dân hạng nhất trong hướng dẫn thiết kế, quan trọng như màu sắc và kiểu.
  • Viết "người sử dụng những câu chuyện" để giúp xác định tất cả các người sử dụng đường dẫn và hành động. Danh sách câu chuyện người dùng sẽ giúp thông báo cho sự tương tác qua trang cao cấp, Giữ các mục tiêu hữu dụng trong kiểm tra với các thương hiệu.
  • Mô tả hình ảnh động với hai các loại ngôn ngữ: ngôn ngữ đầu tiên, mô tả, thống nhất nỗ lực để xác định một cách khách quan gì của những hình ảnh động. Thứ hai, với ngôn ngữ chủ quan, để mô tả những gì các hình ảnh động nên "cảm thấy" như. Một nhà thiết kế tốt biết sự khác biệt trong cảm giác của một.2s và.3s cho hình ảnh động, nhưng có thể không biết các mô tả toán học về sự khác biệt đó.
  • Khi mô tả không, cung cấp các nguyên mẫu tương tác của sự tương tác bạn đang cố gắng để đạt được. Tập trung vào sở tương tác; điều gì xảy ra trong không gian của một vài giây nữa? Điều gì xảy ra trong trường hợp bất ngờ?

Kết luận

Hướng dẫn này để làm cho phong cách hướng dẫn là xa hoàn tất; chắc chắn là hàng nghìn mảnh của trí tuệ được chia sẻ về phong cách hướng dẫn. Những gì bạn đã học được để được vô cùng quan trọng? Chia sẻ nó với chúng tôi dưới đây!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.