UI设计师培训、天津平面设计培训精品设计课程推荐

UI学习技巧UI菜单设计指南4_天津博奥教育UI设计培训学习辅助资料

本文章摘自天津UI设计培训全程实例教学小班精讲十多年教学经验的天津博奥教育官网www.boaoit.com

 

UI学习技巧UI菜单设计指南4，UI设计在使用过程中会遇到很多问题，为了更好的使用UI设计软件，天津博奥教育培训为大家提供一些UI设计使用心得，下面就讲UI学习技巧UI菜单设计指南4

UI学习技巧-UI菜单设计指南：正确选择菜单的呈现方式,保持菜单的一致性,是设计优秀程序的关键因素，后续指南的目的是,协助用户体验设计者及程序开发者更好地了解以上内容。

分离全局指令的特定选项：选项菜单内,适合安放全局性控制当前进程的指令,或者将指令固定显示在屏幕上;关联菜单内,适合安放针对当前被选中项的指令(无论如何,指令也可以作为进程的一部分来运行或启动另一个进程.)你可以视功能作用来判定如何安放菜单:如果(某个)指令对屏幕上的被选中内容（或特定位置）起效,就将指令安放到内容的关联菜单里.如果(某个)指令不是对特定的内容或位置起作用,就安放在选项菜单里，系统会以下列方式强制执行这些特定的指令，当你按下MENU键打开选项菜单,被选中内容则变为未选,因此也不起作用，这里举一个特定选项的例子：用户在联系人列表里长按人名，关联菜单将包含典型的指令"查看联系人","呼叫联系人", 和"编辑联系人".

优先安放最频繁使用的操作：由于屏幕高度有限,一些菜单会滚动。设计时着重安放重要的指令在首项,而无需滚动就可查看，至于选项菜单,在图标选项菜单上优先排列最频繁使用的操作,用户必须选择"更多"来查看其它指令；对于在相同位置安放类似指令也是非常有用的，例如,搜索图标可能一直排在选项菜单的首位,为多个进程提供搜索，关联菜单上,最直观的指令应当优先排前,然后再按使用频度递减来排序指令,关联菜单底部则安放极少使用的指令。

不要仅在关联菜单上安放指令：如果用户无需使用关联菜单就能够完全使用你的程序,那么你设计得非常好!一般来说,倘若某些程序不得不使用关联菜单的话,那么你需要在其它位置也显示同样的指令，在打开关联菜单之前,无法从视觉上识别其是否存在反之,选项菜单起码有个MUNE键,所以关联菜单不是特别容易发现，因此,关联菜单的指令图标同样会显示在屏幕，例如：用户既可在联系人列表的人名上长按,从打开的关联菜单里点击拨打电话,亦可在"查看联系人细节"界面点击电话号码来拨出电话。

关联菜单的首项指令应是最直观的：如上所述,关联菜单首项指令的功能最好与直接点击时所产生的功能一致，以上两个例子都是最直观的操作，(我举个例子吧,例如打开链接,有2种方式:直接点击该链接或者,长按链接然后弹出关联菜单的第一项指令"打开链接"，两个方式实现的功能都是一致的)。

直接点选内容应执行最直观的操作：在你的程序里,当用户点击任何可操作文本(比如链接及列表项)或图像(比如照片图标),应当执行一个最符合用户期望的操作，符合期望值,的确是良好体验的基础。一些基本操作范例:1.点选一个图片则执行"查看图片"；2.点选一个多媒体的图标或文件名则执行"播放"；3.点选一个链接则执行"打开链接"；4.点选一个地点则执行"定位地点"(地图程序内)。

需要注意的是,在不同的情景里选择同样的项目有可能调用不同的功能:1.在联系人程序里,点选一个联系人会执行"查看详细"；2.在即时聊天程序里,点选一个联系人会执行"开始聊天"；3.在邮件程序里,焦点处于收件人栏,在联络簿点选一个联系人则会执行"添加至收件人列表"。

关联菜单和被选中项须有所联系：当用户长按某个项,弹出的关联菜单应包含被选中项的名称，因此创建关联菜单的时候,必须包含被选中项的标题名称,用户才清晰地知道关联了什么；例如：若用户选择一个联系人叫"Joan of Arc",就把人名放在关联菜单的标题栏(利用setHeaderTitle函数)，同样地一个编辑联系人的指令应称作"编辑联系人",而不是"编辑 ".

仅将最重要的指令固定在屏幕上：把一些指令放入菜单里,就能让屏幕空出位置而显示更多内容，另一方面在进容区域固定显示一些指令(如按钮/图标),让指令操作更显眼及易用，这里有几个重要理由来解释为何要在屏幕上固定某些指令：凸显指令,确保指令比较明显而不被用户忽视，如:应用商店里的"购买"按钮；更快捷地调用重要指令,减少打开菜单的冗长乏味感，如:图片浏览程序里的下一张/上一张按钮或放大/缩小按钮；程序运行过程中一些需确认的指令，如:图片程序里的保存/放弃按钮，用于对话框及向导界面；如:确定/取消按钮；操作更直接，如:主屏幕界面拖一个程序图标至垃圾桶。

选项图标菜单多使用短名称：如果图标选项菜单里某个文本标签过长,系统会将它拦腰截断，所以CreateNotification这个指令名称会被截断得像Create … ication一样，你无法控制系统截断指令名称,所以最佳的方法是保持名称简洁，于Android的某些版本,图标被选中后相关功能描述文字会如字幕般呈现,并可滚动阅读上面的文字。

对话框不该有选项菜单：当对话框出现后,按下MENU键不应有任何反应，这也适用于某些看起来像对话框的进程，小型的对话框比全屏的对话框更易于查看,上面一般有0~3个按钮,且不可滚动,有时还可能有单选框或复选框，基本原理是，显示对话框后就不能有选项菜单，用户在(显示对话框的)过程中无法启动另一个全局任务(而这也是对选项菜单的规定)。

如果进程无选项菜单,则不要显示任何信息：当用户按下MUNE键后,若这里没有选项菜单,系统不会有任何反应，我们建议你不要执行任何指令(比如显示信息之类),这样整个程序的菜单会非常一致,继而带来更良好的用户体验。

弱化或隐藏当前内容的不可用菜单项：有时某个菜单项的功能无法执行，例如：在浏览器里,"前进"按钮必须在你曾按过"后退"按钮之后方可使用，我们建议:选项菜单内–禁用无效的菜单项,让其变灰这种方法适用于图标选项菜单以及"更多 "菜单，图标选项菜单突然由6项变成5项时会让人困惑,因此我们用同样的方式(变灰而不隐藏)来处理"更多"菜单，(这里有点啰嗦,估计大意是没用的菜单项就变灰,而不是突然隐藏它)，关联菜单内–隐藏无效的菜单项，这样会使菜单更短,而用户也仅能看见可使用的选项(也能减少菜单滚动)。

 

如何做一名优秀的UI（交互界面）设计师(2)

UI设计学习技巧Tab图标怎么设计 UI设计师培训UI学习技巧状态栏图标设计

UI设计中一致性的意义UI设计培训中讲解

UI培训学习技巧手机产品交互体验评估方法

UI培训学习中对西方语系字体-衬线体的认识

UI设计学习技巧认识东方语系字体宋体

UI设计培训谈文字的高级感与传统感

 

 

天津设计技能相关培训：天津市天津平面设计培训、天津市天津平面设计培训就业班、天津UI设计培训、天津PS培训、天津C4D培训、天津AI培训、天津犀牛Rhino培训、 天津Solidworks培训、SolidWorks培训全科班、天津素描培训、天津CAD培训、天津室内设计培训、天津建筑Rhino参数化设计培训、天津办公软件培训、天津各所大学到天津博奥教育的乘车路线