易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

一般网站设计的风格规范有哪些内容

来源:网站建设行业资讯网
添加时间:2021-12-08

每个网站都具有自己的风格规范,这并不困难,但如果在整个项目中或让每一个都使用同一种风格规范,这就难能可贵了。

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

1、品牌概述

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

大多数设计模板有两个部分:

文字标准

视觉标准

这两个标准,是同等重要的,都是整体风格规范的一部分。把元素结合在一起将建立一个整体形象。每一个品牌或企业网站都有自己与众不同的地方。选择一个色调和风格,同步运用在字体和视觉画面的效果上,把你的网站和用户融为一体。

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

2、语言风格

虽然我们将主要精力集中于网站风格规范的视觉方面,但语言风格是非常重要的,是整体网站的一部分,也是你与用户“交谈”的方式。语言风格是正式还是轻松的?是冗长或更简洁的?

用同样的方式为网站格式写你的风格规范。这将有助于提示你的团队知道网站的初步设想,以及如何运用语言风格去协助于品牌标识。

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

3、“准则”及用途

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

它应该概括了如何以及何时使用的字体、颜色和所有其他设计元素类型,让人更容易理解。包括:

调色板,包括标准色和可适用的色彩

排版,可适用的字体、字号、缩进、行间距跳转

LOGO,包括尺寸和位置

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

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

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

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

电网标准(适用于网络或打印)

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

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

4、简单而具体的概念

这可能是最困难的部分,你需要明白这些信息,并将其烂熟于心,理解成简单、具体、可操作性强的概念:

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

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

为可以显示的内容举一些相似的例子,不需要解释的部分用占位符。

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

打破部分常用的元素案例去设计。

5、片段和实例

无论你的设计风格规范是用于印刷还是数字使用或基于Web的文档,应该包含有用的工具。部分有用的元素品牌案例做得到也可能做不到,但他可以很容易把重点放在你想看到的品牌视觉上。

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

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

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

最后一步是进化优化。每件事情都可能会变,而且必然要经历蜕变。

6、执行风格规范

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

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

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

结论

你是不是已经有一个风格规范,或者正在准备一个新的?这是每年都会面对和处理的任务,这份指南将始终不会过时。去设计自己的网站风格规范吧!

网站建设计最新案例赏析:


深圳四强科技网站制作首页设计效果图
深圳四强科技
吴江正大纺织厂网站制作首页设计效果图
吴江正大纺织厂
山东恒美科技网站制作首页设计效果图
山东恒美科技
广东旭峰环保科技网站制作首页设计效果图
广东旭峰环保科技
青岛沃柏斯智能实验网站制作首页设计效果图
青岛沃柏斯智能实验
佛山市共宏纺织机械网站制作首页设计效果图
佛山市共宏纺织机械
广州恒星制冷设备集团网站制作首页设计效果图
广州恒星制冷设备集团
广东思远工程技术网站制作首页设计效果图
广东思远工程技术
上海三羽电器网站制作首页设计效果图
上海三羽电器
山东刚泽金属制品网站制作首页设计效果图
山东刚泽金属制品
 

网站建设行业资讯推荐阅读:


讲解网页初学者的6大困惑网站建设你需要知道哪些基本常识 服务专业的网站设计公司电话 响应式设计让企业网站随“机”应变企业网站要如何做有哪些内容2016,开始让你的企业官网内外兼修如何做好网站建设工作网站优化的细节是什么深圳深圳网站优化网站栏目策划的原则企业网站建设具有哪些特色交互网页设计选择最正确而不是最前卫网页设计首页的四个重大要素!分享网站死链要如何排查处理深圳网站建设中选择国外的网站空间有哪些缺点在我国网民经营规模提高缓解新浪微博用户呈暴发提高交互设计怎么才能在网站建设中运用网站怎样设计在做网站时客户较在意哪些问题深圳网络公司公司邮箱专用名词深圳网站建设前四大内容需要准备品牌网站建设需要注意哪些事项如何选择靠谱的网站建设公司对于一个产品经理来说眼光和资源整合更重要深圳网站建设网站改版需要多少费用网站模板设计的七大致命错误提前预防小程序建设项目的各种风险建设移动网站的四个基本要素做手机网页开发的提议事宜常见的网站建设目的是什么品牌广告如何做出实效-深圳网站建设分享论如今做深圳网站建设的必要性是什么企业为什么要建设官网,建设官网对企业发展有哪些帮助在备案信息中网站名称的概念专业的网站建设公司那里去找深圳企业网站建设方案,企业网站要怎么样获得好的排名 网页设计有哪些 外贸网站建设如何提升网站排名深圳网站制作设计重点主要有哪些如何建设个利于品牌发展的企业网站企业借助互联网逆袭的秘密武器是什么再次强调企业网站建设的重要性和必要性!网站设计价格,网站优化如何实现网站内页关键词排名ASP.NET网站开发后台有那些作用网站建设所需的时间要多久,深圳网站建设告诉你十个可以提升网站可访问性的设计技巧好网站怎么定义小企业网站如何建设好从哪些方面入手做深圳网站设计网站建设如何赢得用户的技巧企业网站设计如何实现个性化合理的预算是建设好网站的前提之一科技分享如何更好的优化网站着陆页建设外贸网站要注意哪些问题这五点是关键!网站建设如何策划一个好的网站页面软件定制开发选哪家网站制作企业给你说一下网络营销和推广的区别是什么没做好网站策划,建站技术再牛也是徒劳一个好的网站应该具有哪些特点XHTML5介绍设计网站公司怎么找这种层面必须参照深圳网站制作中页面兼容性问题解决方法
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询