登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>制作技巧文集>>框架规范和视觉规范
框架规范和视觉规范
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-04-11 11:13:16 ‖ 【 】‖ 我要投稿
反馈

在完成一个页面操作后及时反馈操作结果,这里的元素主要是:操作结果+语气词+建议动作。以及相关链接。所以对文字架构和展示有个限定,并配合一定的信息的icon.

2.2 操作

不同于大框架,这个弹出页面所承载的作用是保持当页信息比对下进行弹出操作,因此,操作会简单直接,操作数量保持3,到4次操作内。然后在回到主页持续操作其它。

a. 详情页面

详情页面是所有操作情况的明细。是流程的结果,所以它模块分类会比较清楚,主要是文字和数字构成,信息层次基本是2-3级。分类也控制在4-5类内,信息过多,会有收起展开的功能,来控制信息量过多对传到和寻找造成的麻烦。

b. 不同的显示器分辨率

考虑最常用的1028,和最基础的1024。把最常用的量归结为一屏幕三个控件加上判断和验证和控件组合,考虑特殊运用。场景中最可能出现的数据和控件发生结果在操作页面时,用户最关心数据,所以要考虑在界面中如何理顺他们的层次。如何对当页反馈的信息占用的位置和变化进行 规范。比方说查找和携带搜索过来的数据展示,还有上传 ,在 当页显示数据的展示分类。这些排版规则,既要考虑到信息传达的清晰,也要考虑到信息量的大小。

2.3 数字化栅格化整个体系,易于着地

栅格化体系之所以在web端这么适用,也是因为信息和版块过多时,在前端的环节易于分块进行分割,保持页面的舒畅和整齐。以5,或者10为单位,基本适用于任何的排列和切割,无论场景,控件,数据元素多么复杂,都能用一定的单位计算其尺度大小,顺利排列得下。形成一定的稳定架构。

你跟,或者不跟;规范就在你我手里;不舍不弃。

3. 视觉规范

图标:是具有指导,标识性质的图形,它具有高度浓缩并快捷传达、便于记忆的特性。好的图标,能完善视觉,提升体验,更好的与用户进行沟通,在必要的时候能给用户以明确提示,指导用户去顺利的完成操作。

设计时需注意:

1.确保图形映射唯一性,可识别性;

2.设计尽量简洁,易懂,避免多余元素的出现;

3.风格趋于统一;

4.尊重习惯,多用常见图形,避免误导;

美学角度需注意:

1.造型上由一到三个图形组合,且最多不超过3个;

2.质感细腻,丰富;

使用规范:优先使用已有图标;如已有图标无法满足需求,则严格按需求提交流程申请新图标

4.前端开发介入

前端开发是我们的亲密伙伴,所以尽快拉他们入伙,一方面仰仗于他们的技术支持及开发建议;另一方面他们也是受益人,一整套控件库开发出来也便于他们的调用及管理。

5.规范产出

众志成城,规范的产出仰仗于全体交互设计师工作之余的见缝插针及齐心协力,反复沟通探讨,整合统一。

V1.0只是个开始,接下来我们还会不断完善、调整这套规范,不断打磨使其更趋完善。

来我怀里;或者;让规范住进你的心里;默然相爱;寂静欢喜。

以上内容由UPD交互组——耿莉 吕俊 马亦芯 张科 金晶 共同编写

|<< << < 1 2 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
  • 上一篇:超时设定加载事件进度事件
  • 下一篇:无
  • 相关文章列表
    请文明参与讨论,禁止漫骂攻击。  
    网友评论