搜索内容：
时间：2019-08-02
编辑:网站制作公司
716
0
风格指南可以是一个非常强大的文档，其寿命比公司文化中的大多数都要长。无论您是为尚未成名的公司建立一个全新的品牌，还是重建以前建立的品牌，专注于风格指南都可以为该品牌周围的设计资产带来凝聚力，以及与品牌相关的基调。
杭州网页设计在本文中，我想探讨一些您将为其创建风格指南的受众，以及一些可用于构建更强大，更可持续的品牌生态系统的技术。本文不仅适用于Web，而且我们肯定会包含一些面向Web的样式指南的特定技巧。
你需要规则。你需要问责制。如果你没有它们，你将无法创建一个专注的品牌。创建具有严格限制和设计和开发基本结构的样式指南将为您强制执行规则，使您免于在没有指导的情况下试图限制自己的认知负担。
白色条纹的吉他手杰克怀特着名说：
告诉自己，“哦，你在这个世界上所有的时间，你拥有世界上所有的钱，你想要的调色板中有你想要的所有颜色，你想要的任何东西，”我的意思是，这只会杀死创造力。
花点时间为自己定义限制。不要盲目地这样做; 通过研究，从您的第一手帐户和经验/记录的最佳实践来做。注意不要为研究而放弃创造力和直觉，但记住研究可以赋予创造力和直觉。
这个问题不容易回答，并且在很大程度上取决于您的情况。稍后，我们将讨论您为其他人添加到样式指南中的一些限制和指南，但首先，您需要确保为自己创建限制。
最终，样式指南的目的是创建限制，以帮助建立设计计划的有效性。为了本文的目的，我们假设风格指南是围绕一个品牌建立的。
为了最有效地做到这一点，我们必须采取的第一步是更加专心地考虑品牌的感知，就好像它是一个人。该品牌作为了一个象征性的占位符 品牌。因此，您应该考虑分配 语音和音调，并过滤通过该语音创建的所有内容。这将为人们提供一个锚点，让他们在脑海中引用您的品牌。该品牌是公司或组织的最终发言人。
这与样式指南有什么关系，尤其是在网络上？绝对是一切。通过研究通信理论的设计和心理学原理，您可以通过设计元素赋予这个角色，声音和语气。例如，如果你的语气对幼儿友好，你应该考虑明亮的原色而不是原色。您可以考虑使用较短的单词而不是较长的单词，而设计元素可能会围绕图像以及对给定元素中使用的单词数量的限制。
对于网络，有非常重要的部分，有助于塑造你的语气。
当您在表单中请求来自用户的输入时，请记住 表单是对话。不要把所有的精力放在标语中，然后在要求用户做某事时忘记语气。
同样，当警告用户错误，成功或其他相关信息时，请保持警惕。
除了定义调色板和直观显示调色板外，还应确定颜色及其含义之间的符号连接。例如，如果您的品牌将红色与积极性联系起来，那么就应该对此进行识别，因为这不一定是隐含或自然的联系。在您的风格指南中加强这些联系和内涵有助于做出艰难的设计决策。
不要只考虑颜色，形状，类型和其他静态设计元素; 将动画视为指南中的一等公民。例如，您更喜欢褪色，线性滑动，轻松滑动还是反弹？除了精选的几个元素外，该品牌几乎不需要动画。这些决定应该是慎重的。转换带有消息。要更好地理解有效动画的基础知识，请考虑动画 的12条原则。
确定所有基本页面类型/模板，并解释其功能。这些定义应显示页面类型的线框以及字体样式。
识别整个站点中的所有重用模块，使用线框来解释设计的所有方面，包括颜色选择规则，图像大小限制，悬停响应以及模块的任何其他交互方面。
不仅要确定表达方面，还要确定用户体验的所有限制。考虑品牌指导“体验指南”，如果这对您有所帮助; 例如，对页面速度施加严格的限制，或者在发布之前要求对每个设计进行定性测试。
及早解决移动限制和内容，并优先为移动用户与桌面用户定义语音和语音差异。这些用户的目标可能会有所不同，了解这些目标应该为设计决策提供依据。
重新定义不同屏幕尺寸的任何字体大小调整规则。
个性化普通用户。研究您的用户群，并确定是否只有一个原型用户，或者是否有多种类型的用户。找出哪些用户最重要，并围绕最能将语音和语音传达给用户的方式塑造您的设计。
不要忘记网站的“黑暗角落”！设计难以触及的地方和被遗忘的角落，以达到其他设计质量的标准。
确保为每种元素样式都有合理且可用的默认集。
在改变元素的内置样式时，要确保可访问性和可用性与美学相平衡。您的样式指南应限制您更改基本用户操作的预期行为，如滚动，悬停或单击表单控件，而没有明确和确定的原因。
杭州网页设计品牌是代表公司的人，思想，实践，文化和身份的标志。该公司和组成公司的人员是风格指南的第二批受众; 他们是被烙印的人。
最终，风格指南是如何创建与品牌一致的设计文物的参考。品牌所代表的人可能是那些最常使用风格指南的人。您为每天使用它的人提供的限制应该更清晰地编写，并期待有关品牌凝聚力的问题。大多数公司需要一种适用于两类人的风格指南： 设计感知和设计不可知。
风格指南的提供应包括培训设计意识的个人关于风格指南的细节，并根据个人提出的问题创建修订。
通常，设计语言可以与设计感知的个体一起使用。风格指南应该使具有设计意识的个人能够在品牌成长过程中探索和扩展品牌的声音和基调; 品牌应保持可塑性，以便随着市场的变化而转变和增长。
风格指南的提供应包括培训与设计无关的个人关于品牌知名度和坚持指南的重要性。如果由特定员工开发的大部分资产都是由设计不可知的个人开发的，则应在风格指南中写入更严格的限制和要求。
例如，应详细说明徽标放置，类型放置，关键品牌短语或标语，颜色和可用性测试/要求的所有示例。
使用 不好， 好， 好， 最好的 例子来获得最大的清晰度。
不要将Design Agnostic与反设计混为一谈; 一般来说，人们将能够遵循指示，并乐意这样做。不要让指南听起来像规则，而是将其定义为赋权的工具。
显性比隐含更好; 使用最明显的解释，包括必要时的屏幕截图，来定义品牌风格指南。
清单可能是一件好事，但前提是它们不是太技术性，压倒性或要求很高。
不要只是给出规则：给出理由。提供清晰的语言，不使用解释您指南的繁重设计术语。
提供所有品牌一致颜色的非常清晰的专色，以及它们的十六进制代码和任何相关的颜色编码信息，例如Pantone标识符。
对于Web / HTML输入样式指南，提供一组工作代码，以便用户可以复制和粘贴。使用HTML注释标识某些部分。
明确所有图像质量问题; 为用户提供良好摄影的例子，并考虑识别好照片的基本特征。
不要忘记向用户解释消息的语气，以及双重检查语法的重要性。音调应由两个或更多个人确定，并且至少一个其他人应校对给定设计中的所有副本。
如果您的品牌将被公众使用，您可能需要向公众提供符合其需求的风格指南。具体而言，公众的风格指南通常用于服务型品牌。一个明显的例子是Twitter; 当您将Twitter徽标或Twitter订阅源添加到您的网站时，Twitter会关注它的外观。
这通常在处理徽标放置时最适用。徽标放置的一些基本规则，具体为：
提供流行格式的可下载徽标包，包含所有适用版本（尺寸和变体）
定义间距; 使用至少标识中最高字母高度的经验法则作为徽标本身的填充。
定义徽标应该居中，左对齐还是右对齐，或者相对于页面本身放置。
提供可以与徽标结合使用的背景颜色的清晰度，以及明确的用例和示例。
风格指南和网络体验之间最令人困惑的脱节可能是互动与品牌本身之间的差距。通常被称为“感觉”，这种差距是原型交互如此重要的原因。品牌风格指南很少能够充分体现交互设计的身份驱动方面。但是， 在编写样式指南时，这 应该是我们的目标！考虑将以下概念和提示用于与交互性相关的样式指南：
将交互层的定义提升为设计指南中的一等公民，与颜色和类型一样重要。
编写“用户故事”以帮助定义所有用户路径和操作。用户故事列表应该有助于为高级跨页面交互提供信息，使可操作的目标与品牌保持一致。
用两种语言描述动画：第一种是描述性的，统一的语言，试图客观地定义动画的作用。其次，用主观语言来描述动画应该“感觉”的样子。一个优秀的设计师知道动画的.2s和.3s的感觉差异，但可能不知道这种差异的数学描述。
当描述失败时，提供您尝试实现的交互的交互式原型。专注于互动的细节; 在几秒钟的时间内会发生什么？在意外情况下会发生什么？
杭州网页设计制作风格指南的指南远非完整; 关于风格指南，肯定会分享成千上万的智慧。你学到了什么非常重要的东西？在下面与我们分享！
3
s后返回登录
3
s后返回登录
