您的位置:首页 > 产品设计 > UI/UE

UI Guidelines(1):Intro

2013-04-28 10:49 162 查看

Primary window 主窗口

在windows上的应用程序在第一次打开时一般是显示一个主窗口.里面包括下面的全部或一部分组成部分.

1.菜单栏 2.工具栏 3.任务栏 4.状态栏

这4个部分只占最顶部和底部的小部分区域.中间的大区域显示啥内容不同的应用程序就区别很大了.

1.应用程序提供的大部分功能就可以从菜单选项中选择.去一个餐馆可以看菜单知道有些啥吃的,从一个程序的菜单中也可以大概看出一个程序提供啥啥功能给你用.

2.其中工具栏可以看成是菜单栏的快捷方式,只不过用图标显示.通常工具栏也是可配置的,用户可以自己添加删除其中的一些按钮.

3.任务栏主要是用在MDI界面中,当某个page最小化时会缩小成一个图标在该区域.跟windows最下方的任务栏类似.

4.状态栏在主页面的最底端,一般是显示当前操作的状态,有时还可以显示进度条,时间之类的信息.

Secondary windows 二级窗口

从主窗口中做某些操作弹出新的二级窗口一般叫Dialog(对话框).Message Box 消息框可以看作一个特殊的对话框,它只是简单的显示一些错误,警告,或提示信息.

Dialog分为两类,模式model和非模式modeless.模式对话框指关闭该窗口前其他所以窗口不可用.而非模式窗口没有该限制.

对话框作为window的一种,一般在右上角也会有最小化,最大化,关闭等按钮.但是一般会在页面上提供OK,Cancel, Close等按钮.当点击下后都关闭窗口.

如果弹出的对话框中要显示很多内容,有很多地方需要用户选择,输入.则有两种常用的显示方式.一种是向导页面,用户可以点Next ,Back切换到不同页面.另一个是在同一个窗口中设很多标签tab,用户可以点击不同tab切换到不同页面.为了简便一般只默认显示用户重要的信息.一些不常用不重要的信息就放在Advanced Options中显示.

或者提供一个按钮:显示些文字后面再加三个点...,当点击时再弹出额外的信息.

Wizard

向导页面是非常常用的一种页面.安装和卸载肯定离不开它.应用程序中一些较复杂点的操作也离不开它.

一般每个页面的上面会会有简短的关于该页面信息的描述.底部有Back , Next, Cancel等按钮,有时还有Help按钮.

如果为了使用户体验更好,可以在标题栏上显示当前进程到哪一步了.比如Step 3 of 7.这表示总共有7个页面,现在到了第3个了.

或者也可以在向导页面的左边显示所有页面信息,然后已经完成的和未完成的操作页面用不同颜色区分开来.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: