如Р功能指引:指示功能及功能状态,如РIcon使用原则:РIcon应具备很明显的符号性Р避免Icon独立存在РIcon应与适当的文字均衡展现РIcon不能作为logo装饰,Logo不能用做IconРIcon应不可点击,无超链接特性РButton设计使用原则РButton的使用场景:Р页面功能操作:如确认、取消、发布、保存等Р重要功能(栏目)入口:如“用户体验中心、注册飞信、开通会员“等Р强调:在相邻的几个动作中,强调某一动作时使用,如:РButton的几种形态:Р按钮默认样式:直接调用用户系统的按钮样式,会随用户不同的系统风格而显示不同。Р简洁式按钮:对于部分非强调功能,可用链接文字来行使按钮功能。Р按钮设计样式:根据整体页面风格,设计按钮的样式使之符合整体页面风格。如:РButton使用原则:Р相同功能按钮的样式统一:对于实现相同功能的Button设计,建议采用统一样式呈现。Р避免不同风格的按钮集中摆放:在Web产品设计中,应尽量避免不同风格按钮的集中摆放,容易造成视觉传达上的混乱。用户将无法第一时间确认我们需要引导其使用的动作(按钮)。Р准确使用按钮的状态:Р弹起(默认)状态:按钮可点击,点击使用按钮功能。Р按下(点击)状态:当用户点击按钮后,即进入此状态,该状态下,按钮应清晰表明状态过程。如:点击“提交”,此时按钮显示“提交中…”。Р不可用:此状态下按钮淡化(灰度)显示,用户无法点击。Р框体设计使用原则Р框体的定义:在网站产品设计的过程中,针对不同的内容(如:链接列表、内容正文、营销位等),用于区分不同区域之间的视觉间隔,统称为框体。Р常用框体样式:Р文本间隔:帮助用户从视觉上间隔文本,如链接列表、大段文字内容等,对于过长的文本内容,框体中还可以使用间隔线进一步达到内容清晰分隔的目的。如:Р Р图片边框:用于统一图片外框样式,可以使多种不同风格的图片从视觉上协调。如:
全文预览
