主题颜色

一般武汉网站设计的风格规范有(yǒu)哪些内容?

时间:2017-09-26 16:17来源:www.csem.com.cn作者:武汉网站设计 点击:

设计风格规范是很(hěn)多(duō)初级网页设计师都会面临的问题,创作这些风格或者學(xué)习这些风格都可(kě)以看一下这篇文(wén)章。

 

每个网站都具有(yǒu)自己的风格规范,这并不困难,但如果在整个项目中或让每一个都使用(yòng)同一种风格规范,这就难能(néng)可(kě)贵了。


现在,我们讨论一下,到底应该如何做来确保人们遵循网站的规范,使网站在视觉上存保持一致性?这有(yǒu)那么一些复杂,让我们进入今天话题。

 

品牌概述

 

如果你从来没有(yǒu)从头创建过一个设计模板会有(yǒu)点困难,对于初来乍道的来说,可(kě)以在MailChimp中找到他(tā)们喜欢的风格,MailChimp可(kě)以更根据你选择的最喜欢的并获得通用(yòng)安装证书许可(kě),然后以此作為(wèi)一个模型开始这个风格规范的规划

 

大多(duō)数设计模板有(yǒu)两个部分(fēn):

  • 文(wén)字标准

  • 视觉标准

 

这两个标准,是同等重要的,都是整體(tǐ)风格规范的一部分(fēn)。把元素结合在一起将建立一个整體(tǐ)形象。每一个品牌或企业网站都有(yǒu)自己与众不同的地方。选择一个色调和风格,同步运用(yòng)在字體(tǐ)和视觉画面的效果上,把你的网站和用(yòng)户融為(wèi)一體(tǐ)。

 

建立网站整理(lǐ)形象的时候,也正是品牌需求考虑到用(yòng)户和相关利益的人对此有(yǒu)何种期望的时候。是否被期待?是否有(yǒu)关联,是否愿意在这样的网站上进行浏览使用(yòng)等交互行為(wèi)?

 

语言风格

 

虽然我们将主要精力集中于网站风格规范的视觉方面,但语言风格是非常重要的,是整體(tǐ)网站的一部分(fēn),也是你与用(yòng)户“交谈”的方式。语言风格是正式还是轻松的?是冗長(cháng)或更简洁的?

 

用(yòng)同样的方式為(wèi)网站格式写你的风格规范。这将有(yǒu)助于提示你的团队知道网站的初步设想,以及如何运用(yòng)语言风格去协助于品牌标识。

 

语言风格是与每一位用(yòng)户沟通使用(yòng)的。返回到MailChimp,我们通过他(tā)的品牌语言风格的塑造上全面审视。注意到公司谈论及它的吉祥物(wù),举个例子:“Freddie是我们的吉祥物(wù)。我们不需要使用(yòng)他(tā)与我们的logo组合。Freddie的脸右侧面的,他(tā)的表情一直是眨着眼睛的。”

 

“准则”及用(yòng)途

 

 

你的风格规范应该是你设计的“剧本”。(可(kě)能(néng)是比“规范”听起来更通俗易懂?)

它应该概括了如何以及何时使用(yòng)的字體(tǐ)、颜色和所有(yǒu)其他(tā)设计元素类型,让人更容易理(lǐ)解。包括:

 

  • 调色板,包括标准色和可(kě)适用(yòng)的色彩

  • 排版,可(kě)适用(yòng)的字體(tǐ)、字号、缩进、行间距跳转

  • LOGO,包括尺寸和位置

  • 图标或元素样式(包括分(fēn)享按钮等)

  • 拼写,选项和格式风格(应该遵循哪种编辑格式? APA格式?AP格式?或其他(tā)?)

  • 照片格式,包括颜色、裁剪尺寸和视觉效果

  • SEO信息,如ALT标签和关键词

  • 電(diàn)网标准(适用(yòng)于网络或打印)

  • 间距方面的考虑(是否设计的太松或太紧)

  • 反馈接触信息(可(kě)以向团队成员提问或建议的)

 

简单而具體(tǐ)的概念

 

这可(kě)能(néng)是最困难的部分(fēn),你需要明白这些信息,并将其烂熟于心,理(lǐ)解成简单、具體(tǐ)、可(kě)操作性强的概念:

  • 当涉及到风格规范不能(néng)走极端,只是一个视觉参考,而通过这种方式去设计。

  • 组合相关内容,并快速相关联,比如页面的颜色、已经跳转进入另一页的图形和照片等。

  • 為(wèi)可(kě)以显示的内容举一些相似的例子,不需要解释的部分(fēn)用(yòng)占位符。

  • 尽可(kě)能(néng)地提供细节,色彩样式,例如,包括RGB(或HEX )和CMYK值等,使颜色可(kě)以规范使用(yòng)。

  • 打破部分(fēn)常用(yòng)的元素案例去设计。

 

片段和实例

 

无论你的设计风格规范是用(yòng)于印刷还是数字使用(yòng)或基于Web的文(wén)档,应该包含有(yǒu)用(yòng)的工具。部分(fēn)有(yǒu)用(yòng)的元素品牌案例做得到也可(kě)能(néng)做不到,但他(tā)可(kě)以很(hěn)容易把重点放在你想看到的品牌视觉上。

 

然后,创建一个易操作的目录。创建原型组(或一组常见的元素,这取决于你使用(yòng)的软件) 。保存在一个常用(yòng)的位置,使其容易操作并且生成容易修改的文(wén)件。

 

為(wèi)参与该项目的每个人提供基于云端软件的工具列表。(这包括链接、用(yòng)户名等基本信息。)确保所有(yǒu)字體(tǐ)包、logo和图像文(wén)件是在一个常用(yòng)的位置,所有(yǒu)的使用(yòng)者都知道他(tā)们在哪里。 (在另一个地方保留备份,以防原文(wén)件、作品丢失。)

 

创建代码片段,易于复制并粘贴到项目主列表。这样不用(yòng)每次重建,常见的元素需要被分(fēn)享在一个每个人都可(kě)以访问的共享位置。


最后一步是进化优化。每件事情都可(kě)能(néng)会变,而且必然要经历蜕变。

 

执行风格规范

 

最后,最大的问题是“如何让人们遵循风格规范呢(ne)?”按照以上这些列出的内容,你已经有(yǒu)一个很(hěn)好的方式拥有(yǒu)了设计的轮廓,具有(yǒu)了简单、具體(tǐ)的概念。

 

风格规范是很(hěn)容易被追随的,就像你写的网站一样。语言是简单的和不生僻的,可(kě)以让人们去追随这些准则。

 

风格规范应该留下足够的设计空间对于其灵活性和实际制作上。就像你的品牌,在一定范围内,可(kě)以帮助团队成员发挥他(tā)们设计的创造力,也同时创造新(xīn)的东西。风格规范的所有(yǒu)者也是如此,这是指批准、更新(xīn)和变化设计风格规范的人,并能(néng)回答(dá)有(yǒu)关设计决策问题的所有(yǒu)人。这个“所有(yǒu)者”可(kě)以是个人团队,或者更大组织的规模。

 

结论

 

你是不是已经有(yǒu)一个风格规范,或者正在准备一个新(xīn)的?这是每年都会面对和处理(lǐ)的任務(wù),这份指南将始终不会过时。去设计自己的网站风格规范吧!

 
(责任编辑:武汉网站建设公司)
  • 上一篇:武汉网站设计八步骤

  •   
  • 下一篇:网站建设莫让武汉企业网站成摆设