通过掌握这些关键点,您还可以创建网站设计指南



设计指南是最大限度地提高网页设计团队的输出效率并确保品牌一致性的核心工具。成功的设计规范不会一蹴而就。有很多问题需要关注。
对于一个网站甚至一个品牌来说,设计指南不仅仅是一个规范文档。优秀的设计指南本身与艺术品一样令人喜欢。在实际的设计工作中,它也具有不可替代的重要功能。它展示了您的产品应具备的风格和形式,并将整个设计系统以易于管理,易于使用且易于理解的方式汇集在一起??。在制定设计指南时,以下六个关键点不容忽视。
1,品牌识别示例
首先,您的设计指南应该包含一个可视化的品牌标识展示箱,以展示品牌标识的外观。
事实上,最好的情况就是符合实际应用场景的情况,这种实际情况也符合设计指南的真正意图。
这些设计案例通常是品牌网站主页,手机页面,APP屏幕截图中,这些情况显示了品牌标识的正确使用以及显示样式的相应其他元素。
下面的图片是爱到骑的品牌设计指南。他们的设计指南的每一页都被设计成像一个网页,显示出足够的一致性。设计指南甚至提到了一些共同的小元素来一起说明,比如应该如何呈现不同位置的APP图标。
在设计指南中使用真实案例的真正优点是您不必创建其他应用场景和模拟,而是使用最实际的示例直接解释它。这也是其他团队成员最有效的展示。
2.完整的设计说明
从颜色方案到布局布局,从使用图形到特定控件的出现,都必须有详细的描述。
在整个设计中,风格和功能应该遵循什么规则,以及它们背后的设计理念应该如何解释。
这些完整的解释可以帮助整个设计和开发团队在不同的媒体中尽可能准确和一致地采用统一的设计风格。内核中的相同元素和高度一致的设计允许用户使用在浏览网页和平面广告时,他们感受到品牌的独特性和统一性,并使得不同地点的内容显示出清晰的关系。例如,在线网页通常会为用户的设备显示不同的字体。设计师将使用Google Fonts和Typekit来最大化地使用尽可能接近品牌默认字体的第三方字体,以实现最大的一致性。经验。
所以,如果字体是你品牌战略中不可替代的部分,那么你应该在整体设计规范中考虑这一点。
对于需要注意的要点,请务必给出清晰的解释。例如,H1标签下的字体大小必须为88磅,缩略图大小始终为200×200像素,但不一定要限制所有非关键点。将设计的精神和风格与这些关键点结合起来,将使您的团队在规定的范围内进行有效的设计。如果所有的细节都局限于死亡,那么整个规范将成为一本字典。只能通过查阅规格来完成设计。
3,风格和语气
在设计指南中描述和规范每个设计元素的样式这并不好玩,但它很重要。
文字风格的描述也会影响视觉设计。 这些描述的文字将影响设计师对风格体验的控制以及图片类型的选择。 即使对颜色和字体的控制也会受到影响。 所有这些共同构成了品牌的整体个性。
更重要的是,他们决定外部世界如何识别您的产品和品牌。
强大的风格和色调是视觉识别的核心之一。 设计元素应该具有属于品牌的独特个性,以确保即使用户看不到LOGO不能阅读文本,他也可以清楚地确定他们属于谁。 看看可口可乐的红色和迪士尼字体。 他们是典型的。
4,SEO关键词
搜索引擎优化的重要性日益突出。在网页设计中,关键词的优化可能是讨论最多但最无聊的部分。但是,您需要尽快考虑关键字优化。
您应该使用设计语言表达与品牌相关的关键字,并在设计指南中明确指出。
Urban Outfitters在其品牌设计指南中仔细列出了相关关键字。尽管作为一个服装品牌,列出了很多关键字,但最重要的关键字会以不同的颜色突出显示,以便您立即知道应突出显示哪些关键字。
这样的关键字列表无疑对负责网站复制的营销策划人员和设计人员非常有用。对于撰稿人而言,从头开始思考和记忆往往很容易陷入困境,而这样的清单的存在并不会使这种情况发生。
随着内容创建和关键字系统的整合,网站在排名方面的优势将更加明显,并且将更接近目标用户。
5,控制元素的风格
时下,互联网上的各种模式和模式设计材料无穷无尽,材料的滥用已成为一个非常普遍的设计问题。因此,在设计规格时,应该控制图案和相关元素的使用。
这包括限制使用LOGO和图标,限制颜色匹配,控制表单和导航以及控制静态和动态元素。您可以在设计指南之外创建在线风格指南,以便设计人员可以快速复制和粘贴这些元素。
6,代码片段
现在许多网站设计指南包含许多常用的代码片段。从按钮的小动作到滑动效果,这些代码片段与许多细节的体验相关。最关键的是它们可以降低手动输入代码的成本,并确保代码的重用率。
对于网站的文字和媒体内容,相关的通用代码片段是提高效率的关键之一。
Firefox在其最新设计指南中引入了与元素使用相关的通用代码。即使您从未提供完整的代码片段库,也应该尝试包含一些基本的常用代码,以便设计人员和相关开发人员能够更加均匀和高效地执行日常编辑任务。



上一页:如何设计高端网站,有哪些注意事项?下一页:2018年电子商务网站平台发展趋势
关注微信
  • 微信
联系电话
  • 13770851495 联系电话
回到顶部