完成部分-0325-表格超链接设计_第1页
完成部分-0325-表格超链接设计_第2页
完成部分-0325-表格超链接设计_第3页
完成部分-0325-表格超链接设计_第4页
完成部分-0325-表格超链接设计_第5页
已阅读5页,还剩91页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

SuningUserExperienceDesign当前版本 SuningUED文档v2.020130315修改重新制v1.320121118修改导航和控件部分v1.220121112修改交互规范框增加前v1.120120516修改交互规v1.020110620创建交互规文档管 前 适用范 组件规 输入框(Text 单选框 复选框 列表框(Select 进度条(Progress 页 翻页(Page 面包屑 顶部工具条(Tool 分步导 导 全局导 文 超时间元 异常反 附 为苏宁易购产品应用控件的统一标准与风格保障苏宁易购产品用户界面的可用性与用户体验的一致性。(B2B,B2E项目)概类组成部状 交互规随着用户输入,自动匹配历史数据。自动匹配信息,原则上为不敏感信息,如,地址,非多个文本框并列出现时,注意的对视单选框概组成部状 交互规2-77视复选框概组成部状 交互规视列表框(Select概web应用中,,,组成部状 交互规视概,,组成部状 交互规当日期选择存在一定的范围限制时,不能选择到的日期用灰色表示选择状视按钮概类交互规反馈方式有多种情况:变换按钮状态/鼠标指针/浏览器状态栏/页面顶部提示区。可根据情况采用不同的同样令,在不同的页面上,标题和样式必须保持一视进度条(Progress概梵,,组成部非确定进度的进度条(页面加载 交互规若允许用户中止正在进行的操作,可为进度条提供中止操作令中止命估算要准确(如果最大单位是小时,那么应当给出分钟数而不是秒数精确描(需前端、开发确定不要回退进度。始终单向增加进度。不可增减估计剩余时间,因为进度的速率可能会变化。(前端、开发确定非确定进度的进度条(页面加载ajax加载,需要请求页面(用持续不断地动画表示操作正在进行中,如静态加载——无需请求页面的自动加静静 tab视特殊案联版的切建议告知用户自动切换到下一张的时间(非精确页概内,的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的上,来请Bar组成部:状交互规一般在Tab的顶部或者左侧,不能出现多行。因为在水平方向上多行分布,隐含一种等级关系,可(1)横行排(2)纵向排对于网页上的内容而言,按钮只正对当前信息有效不同页内不可存在相同的信息元大小要适中,不可太大,7注:1956年,心理学家教授了一篇重要的《神奇的数字7加减2:我们加工信息能力的某些限制》,明确提出短时的容量为7±2,即一般为7,并在5~9之间波动。这7±2视翻页(Page概组成元当前位置(必选翻页按钮(必选总信息量(必选 跳转组件(可选5页和版面不足的情况下,酌情取消此部分。Enter键进行提交。每页信息量(可选快速查看特定页码(可选5个以内。其他未展示的页码使用省略号隐藏。交互规2100视概组成部类浏览器弹出框,可用于提醒,警告,报错,完成等提示性信息。一般由icon+文字+确定按钮(或其他 交互规气泡型弹出窗出现位置为当前操作按钮或上部冒泡显提示概组成部信息类型标示(可选(icon提示文字信息(必选文本,对提示的精简描述。根据不同的属性,文字可改变颜色,文本主体限于两种颜色。一般文字颜色只有一种,若提示信息中包含或特别提示信息时,可选用其它颜色。底色(可选外框(可选类交互规除错误警告提示为红色,其它均为黑色,若有其它操作出口可加蓝色文表格概,,类组成部标题单选 复选 水平滚动 交互规50视行标筛选单行表标题表格内有商品面包屑概组成部顶 (必选 (必选)提供回到的路当前位置(必选分隔符号(必选展开符号(可选展开内容(可选状 交互规视搜索概类组成部搜索框(必选状 交互规无的时候点击搜索应该有报错反视概 组成部视概分步导航多见于账号,流程演示,遗失寻找,业务办理,订单支付等页面。多数分步导航主要用做指示,不支持点击。但少数特殊页面,考虑到流程操作的反复性(如演示类的分步导航,用户需要反复,,属8px。当导航色块与背景分度较高时,可以进行无边框处理。当导航色块与背景分度不高甚至同色时,需12UI组确认。单个字段不少于两个汉字不超过十个汉字。具体字体大小及颜色由UI组确认。状OnMouseEnterOnClick视概导航通常 或树状图方式展示于页面左侧。用于展示详细商品销 和种类,内容和形制会依属8px。当导航色块与背景分度较高时,可以进行无边框处理。当导航色块与背景分度不高甚至同色时,需12UI组组成部导 (必选导 图标按钮(自选 导航展开项(自选导航展开背景条与文字链组成导航弹出框(自选状 概 属8px。当导航色块与背景分度较高时,可以进行无边框处理。当导航色块与背景分度不高甚至同色时,需过六个汉字。具体字体大小及颜色由UI组确认。组成部全部商品分类按钮(自选主导航栏(必选副导航栏(自选状 概属交互规中文字体、字符字号必须为偶数:小于16数字字体:小于12号宋体12号Airal避免字体混合:一行文字超过两种字tab标题:加粗、超过6个字符文本标题:一行超过12个字符、不超过两价格符号“¥”概在设计中,与文字相结合更为友好的向用户传达信息的表现形式。在易购中主要分为商品 属宽(𝑝𝑥×高 ×组成部(必选焦点边框(可选alt(可选状 加载失视概在设计中,与文字相结合更为友好的向用户传达信息的表现形式。在易购中主要分为功能型与 ,,属 信 问 表示一个帮助点警 错 组成部(必选焦点边框(可选alt(可选状交互规视超概一个网页指向一个目标的关系。目标可以是另一个网页,一个应用程序;也可以是相同网页上的不同位组成部文字(必选悬浮反馈(必选目标(必选状 未 鼠标指针均变为,文字颜色改变,出现悬浮反馈 交互规超过两行的超内容使用热点区域或者底色反馈Title说明文字和原内容一致(可变字符串不限制)视概梵,,属 设置规Hover无Tab(无

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论