打造一个独一无二的网站风格,核心不在于追求“绝对原创”(这几乎不可能),而在于 “有策略地差异化”。怎么制造绝无仅有的网站风格?一个优异的网站是不是就有着绝无仅有的风格呢?合肥网站制造人员要制造没有一致性的网站需求具备哪些技术?
良好的界面一致性是不会被用户所注意到的。换句话讲,良好的界面协调性所带来的美好体会会让用户在不知不觉傍边产生愉悦的感触。
简略的讲,咱们应该以那些“大”元素作为起点来创建风格攻略,在接下来的过程中逐步进行细化。可以说,假如你可以在规划流程进入到细节阶段之前让自己对于那些大局层面的元素保持思考,那么接下来的规划工作也会变的非常沉着和协调。其实这样的过程听上去有些像CSS(cascading style sheets)的原理。所谓的层叠款式表,关键在于从宏观结构到微观细节的层叠。所以假如你愿意的话,也可以将风格攻略叫做“层叠风格攻略”。
创建层叠化的风格攻略
回想一下CSS的工作方法。假如你在款式表比较靠前的位置界说了某种大局元素的默许款式特点,那么这些设定就会被与之相关的子级元素所承继,直到你为某些特定的元素添加了愈加详细的款式特点。同样的道理,在风格攻略中,咱们会从普通的、具遍及代表性的元素动身,逐步为细节元素增加详细的规矩。
道理说了不少,接下来,咱们将了解一下创建风格攻略的根本过程与流程。
1、概述
对项目的简略陈述,包含项目方针及解决方案的介绍。在这部分内容中,你有时机就一些大方向问题与其他成员进行沟通,让他们了解整个项目的重心及着眼点在哪里。一同你还可以对网站所需求具有的风格气质、基调、内容战略进行简要的描述。
2、布局
页面规划所运用的网格系统、根本的布局状况、页面模块的定位规矩等。你要对一些大局性的页面元素的定位进行描述,还有相关的留白规矩等。一些典型页面的线框原型也要作为图例出现在这部分内容中。
3、品牌识别
包含配色方案、大局性的品牌图片、品牌图片的运用规矩及束缚等内容。
4、文字排印
介绍网站所运用的文字排印方案,包含字体风格、选取这些字体的理由等。这儿还要通过一些具有代表性的详细图示来介绍字体风格与页面上下文环境之间的联系。
5.、导航
大局主导航、二级导航、下拉菜单、分类词条的文字链接、查找...任何可以帮助用户在站点中进行导航操作的元素都可以归纳到这部分内容中。从这儿开端,咱们就要逐步进入细节层面了。导航元素在不同状态下的链接色、背景色等特点的界说也要在这儿详细的描述出来,使开发人员可以一目了然。
6、HTML元素
一些典型元素的HTML标签运用规矩,包含标题元素(h1,h2,h3...)、有序列表、无序列表、按钮、表单、字段集(fieldset)、表格等。这份规矩清单不需求事无巨细,但要尽量使其具有较高的综合性和代表性;必要的时候可以与前端开发人员配合完成这部份内容。
7、媒体文件
包含图片、音频或视频文件的运用情形、尺寸限制、显现份额、缓存设置等方面的规矩。
8、其他资源
这部分内容所涉及到的方针根本都归于细节层面了,那些无法归入以上七个类别的、定制化程度比较高的规划元素都可以放在这儿。例如,在某些特定的状况下不同模块的出现方法应该产生怎样的变化,侧边栏的广告规矩,查找犯错的处理方法,评论列表的出现规矩,照片集的阅读方法等等。通常,在这一部分内容中,咱们可以探索并归纳出一些复用性较高的规划形式。
9、界面协调性画布
将以上这些内容汇总到一张大画布中。所谓画布,可以是图片格式,当然好是HTML页面的形式,由于这样可以愈加灵活的承载文案和HTML或CSS代码方面的内容,使前端开发人员可以直接根据页面元素的规划规矩来运用对应的代码片段。别的,将所有涉及到视觉风格的内容都放在同一张画布中,也可以使规划师可以很容易的对页面元素在全体上的协调性进行检视。
10、UX文档
这部分内容的命题确实不小,其间需求包含项目进行到目前为止所产出的交给物,例如站点地图、线框原型、高保真原型、用研文档等。这些产品前期的交给物可以在接下来的规划与开发流程中对功用、视觉、交互方法的界说起到重要作用。
运用风格攻略
创建风格攻略仅仅第一步,使它在实际工作中发挥价值才是重要的。将攻略附在项目管理工具中,或是邮件给项目组相关的人员;假如你不确定哪些人是真正“相关”的,那么让项目leader或是产品经理来做这件事也好。总之,咱们要通过风格攻略来完成的方针是团队协作,让大家一同付出努力来完成项目。关键在于,将品牌的独特性贯穿于从战略定位到视觉细节、从内容叙事到交互体验的每一个环节,最终创造出与用户产生深度共鸣的专属数字空间。 |