如果已经在Photoshop或Fireworks当中打造了完美的视觉稿,每个像素都很到位,行间距控制的不错,配色即合理又富有含义。很棒,接下来应该将设计稿交付给前端开发了;你准备怎样就方案中的每个细节元素与开发人员进行沟通呢?回想一下你们在设计过程中作出的各种重要的设计决策,那些背景的不透明度为60%、拥有一像素浅灰色边框的容器,那些像素级精确的padding与margin设定…所有这些,你们应该以怎样的方式与开发人员进行交流,才能让他们了解到这些重要的细节呢?
在设计过程中,任何一个明显或隐蔽的元素当中都有可能蕴含着特定的意义,并对页面整体的用户体验造成影响。要将所有这些细节都落实到文档中,那样所花费的时间也许会超过设计过程本身;项目组恐怕难以承受这样的成本。
“一致性”是界面当中的所有元素都应当具有的普遍特质,作为设计体系的一部分,它们都应该体现出一致的设计思想
正如“良好的界面一致性是不会被用户所注意到的。”换句话讲,良好的界面协调性所带来的美妙体验会让用户在不知不觉当中产生愉悦的感受。
“界面协调性画布”这一方式,将项目所涉及的所有典型设计元素同时呈现在一张画布当中,包括它们各自不同的状态,以及对应的代码片段。
页面设计所使用的网格系统、基本的布局情况、页面模块的定位规则等。品牌识别包括配色方案、全局性的品牌图片、品牌图片的使用规则及约束等内容。文字排印介绍网站所使用的文字排印方案,包括字体风格、选取这些字体的理由等。这里还要通过一些具有代表性的具体图示来介绍字体风格与页面上下文环境之间的关系。
全局主导航、二级导航、下拉菜单、分类词条的文字链接、搜索…任何能够帮助用户在站点中进行导航操作的元素都可以归纳到这部分内容中。从这里开始,我们就要逐渐进入细节层面了。导航元素在不同状态下的链接色、背景色等属性的定义也要在这里详细的描述出来,使开发人员能够一目了然。
小技巧:联系我时,请一定说明是从邯郸信息网(jia0310.com)上看到的!