网站首页 > 专业的合肥网页风格指南制作方法
来源:合肥网站优化 发布时间:2017/7/3 浏览次数:1188次
较规范的H5网页,一般都会有响应式建站系统的网页风格指南。那专业的网页风格指南应该如何制作?今天合肥网站优化小编来跟大家简单介绍下。
品牌概述
如果你从未做过风格指南,那么从头开始创建一整套风格指南绝对是一件相当吃力的事情。新手上路最好找一个自己偏好的风格指南作为参考模板。绝大多数的风格指南是由两个部分组成的:
·文案规范
·视觉指南
准则的两个部分其实是同样重要的,并且贯穿整个风格指南。将不同的元素整合到一起就能够构建出拥有足够的识别度的品牌形象,每个品牌、网站其实都会有差别的。当你准备为你的文本和视觉挑选色调和风格的时候,你和你的用户也应当纳入到整个体系当中来考虑。
在制作品牌识别的时候将用户和利益相关这纳入思考,品牌当前的设计是否是他们想要的,是否为他们所期待?是否将所有因素都纳入思考?用户是否有与之进行交互的欲望?
语气与语调
虽然风格指南中视觉占据着最大的比重,但是文案中的语气与语调同样是非常重要的。它们是品牌、网站的“身份”的一部分,它们决定了与用户进行沟通的方式,是正式还是休闲,是冗长准确,还是直白清晰?
你的风格指南在表述上应当和网站的文案以及风格保持一致。这可以让你的团队对设计的预期更明晰,对于表述方式对于品牌形象的影响有更明确的认知。所以,你同外界耐以沟通的每一个文字都应当保持一致的语调和语气。
规则和用途
风格指南就是你所设计的“剧本”。相比于强调“规则”,“剧本”的说法是不是更加亲切呢?
风格指南应该详勾勒出什么时候、什么地方分别应该使用什么字体、什么色彩以及样式,并且以简洁移动的方式表述出来。下面是清单:
·配色方案,包括每种色彩的具体参数,以及其他可接受的色调
·字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
·LOGO,包括它的样式、变体、尺寸以及位置的说明
·拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
·图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
·SEO信息,比如可选的标签和关键词
·栅格标准(主要用作网页排版和印刷)
·空间与留白方面的说明(设计的松紧度等)
·关键点的说明(团队成员可能会提出的问题或者有待澄清的点)
简单而具体的概念
接下来要进入关键的环节了。当你终于把上面说的那些信息都搜集全了之后,需要将他们打散、重组,组织成简单、具体、可执行的概念。
·在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
·将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
·用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
·提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
·将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;
示例和代码片段
你的样式指南无论是印刷的、电子版的还是基于网页的文档,它都应该包含可用的工具和素材。其中最关键的就是使用案例,以及哪些事情可以做,以及哪些事情是被禁止的。你可以将重点放在品牌的视觉展现上去。
随后,你可以将易于访问的部分制作成为列表,并且根据使用频率创造一个所有团队成员都能访问的素材库,这个素材库最好是先在本地存储,便于访问,并且其中的素材和文档能够随着项目的推进而更新。
之后,提供一系列基于云端的软件列表(提供链接、登录信息等),将素材提交到云端,并且包含相应的字体包、Logo、图片素材。这些文档和素材应当被合理地组织整理,当其他成员访问的时候,能够根据组织逻辑找到相应的文档、工具或者素材。(本地、云端还有备份都应当有条理地组织好)
涉及到样式和特定功能的开发的时候,应当创建代码片段列表,确保前端人员能够快速调用,尤其是那些最常见的部分,应该在最容易访问的共享位置,方便每个人访问和调用。
最后一点,就是一定要记得更新。当文档、素材确定要改变的时候,确保本地、云端的文档与素材都完整的、即时地更新。
风格指南的实施
最后的一个问题终于来了。那么到底要如何让人们遵循风格指南中的规则呢?如果你的风格指南设计的足够有条理,概念明晰,要求明确,条理清楚,那么这套风格在规则上至少有了扎实的基础。
简单直白的语言能让读者更容易理解、关注,像设计网站一样慎重对待你的风格指南才能让它具备可用性和易用性,这样一来,用户会在不自觉中按照你的规则来推进。
作为一个网站的风格指南,它本身并不是静态的。你应当留下足够的空间来供团队其他成员完善、添加内容,确保它的灵活性。同样了,风格指南还应当有一个“管理员”,管理员用来批准修改、掌控修改,统筹整个体系。
以上就是合肥网站优化小编整理的内容,希望可以帮到大家!更多相关资讯欢迎访问http://www.zosyo.com
>> 相关文章:
·合肥网站制作网站的统一性如何实现·安徽seo优化有关标题优化的影响
·安徽网站建设优质的设计方案
·合肥网站制作如何实现整站优化与内容营销结合的双赢结果
·做SEO提高排名有哪些关键和重要的工作?
·合肥网站制作怎么使用HTML和CSS样式
·安徽网站优化公司怎样利用直播功能来提升品牌曝光率
·公司网站优化如何规划网站内容?合肥网站优化需要注意哪些事项?
·合肥SEO优化品牌口碑营销推广方案
·安徽网站优化手机端的优化技巧
·合肥seo优化做好关键词优化的必修课
·了解网络,分析网站地图的功能
·安徽网站优化公司如何在百度搜索结果大词轮流显示做好优化工作
·安徽网站制作需要使用哪些软件?
·合肥网站制作添加目录内容时文章一定要放在目录下吗
·提高网站的用户忠诚度,可以尝试从客户体验结果来衡量
·网站不包括的主要原因是什么?
·安徽网站建设公司网站制作的几大要点
·安徽网站建设从PC端到手机端一般会遇到什么问题?
·合肥网站优化的主要内容和作用
·安徽网站优化如何让网站排名靠前
·合肥网站优化如何提高和提高百度收录
·安徽网站制作,有哪些方法可以突出网站建设?
·哪家专业网页设计公司比较好,如何选择?
·合肥SEO优化如何高效推进项目
·安徽网站建设网站定制优点是什么?
·网站排名突然消失的原因是什么,如何解决?
·安徽SEO优化如何让网站访问速度更快
·网站建设有哪些步骤?建网站的过程要知道!
·【网站推广】网站推广中添加图片有什么好处?
·与传统的营销模式相比,网络推广的优势是什么?
·合肥网站制作在医院网站优化排名的具体流程有哪些
·安徽seo优化如何高效地推进SEO运营项目
·安徽网站制作的经验分享
·死链对网站的影响以及如何处理?
·自适应网站建设有哪些优势和特点?
·为什么现在的网站设计以简约大方为主?
·安徽合肥网络公司怎样轻松做好SEO优化
·怎样才能让客户记住我们的网站?
·如何把网站改版的SEO损失减低?
·如何使你的网络推广达到大的性价比?