今晚返璞归真了一把, 系统了解了一下GUI的有关知识:

GUI(Graphical User Interface) 图形用户界面

是指采用图形方式显示的计算机操作用户接口。与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接受。然而这接口若要通过在显示屏的特定位置,以“各种美观、而不单调的视觉信息”提示用户“状态的改变”,势必得比简单的文字信息呈现,花上更多的计算能力,计算“要改变显示屏哪些光点,变成哪些颜色”。

概要

在图形用户界面中,计算机画面上显示窗口、图标、按钮等图形,表示不同目的之动作,用户通过鼠标指针设备进行选择。

组成要素:

一、桌面

界面的最底层,

二、窗口

·单一文件界面(一个数据在一个窗口内完成的方式。)

·多文件界面(在一个窗口之内进行多个数据管理的方式。)

三、菜单

将系统可以执行的命令以阶层的方式显示出来的一个界面。一般置于画面的最上方或者最下方,应用程序能使用的所有命令几乎全部都能放入。重要程度一般是从左到右,越往右重要度越低。命定的层次根据应用程序的不同而不同,一般重视文件的操作、编辑功能,因此放在最左边,然后往右有各种设置等操作,最右边往往设有帮助。一般使用鼠标的第一按钮进行操作。

·即时菜单(又称功能表、上下文菜单(Context Menu))

在菜单栏以外的地方,通过鼠标的第二按钮调出的菜单称为“即时菜单”。

四、图标

显示在管理数据的应用程序中的数据,或者显示应用程序本身

五、按钮

菜单中,利用程度高的命令用图形表示出来,配置在应用程序中,成为按钮。

应用程序中的按钮,通常可以代替菜单。一些使用程度高的命令,不必通过菜单一层层翻动才能调出,极大提高了工作效率。但是,各种用户使用的命令频率是不一样的,因此这种配置一般都是可以由用户自定义编辑。

例如:

Mac OS

Mac OS X

X Window System (类unixOS, linux)

Android

周边知识:

命令行界面(Command Line Interface,简写:CLI),

 

也称CUI (字符用户界面)

在熟记命令的前提下,使用命令行界面往往要较使用图形用户界面的操作速度要快。

操作系统的图形化操作方式对单一客户端计算机的操作,已经相当方便,但如果是一群客户端计算机,或者是24小时运作的服务器计算机,图形化操作方式有时会力有未逮,所以需要不断增强命令行界面的脚本语言和宏语言来提供丰富的控制与自动化的系统管理能力,例如Linux系统的Bash或是Windows系统的Windows PowerShell

人机交互

 

人机交互、人机互动(英文:Human–Computer Interaction[1]或Human–Machine Interaction,简称HCI或HMI),是一门研究系统与用户之间的交互关系的学问。系统可以是各种各样的机器,也可以是计算机化的系统和软件。人机交互界面通常是指用户可见的部分。用户通过人机交互界面与系统交流,并进行操作。小如收音机的播放按键,大至飞机上的仪表板、或是发电厂的控制室。

人机交互界面的设计要包含用户对系统的理解(即心智模型),那是为了系统的可用性或者用户友好性。

简单的区分为“输入”(Input)与“输出”(Output)两种,输入指的是由人来进行机械或设备的操作,如把手、开关、门、指令 (命令)的下达或保养维护等,而输出指的是由机械或设备发出来的通知,如故障、警告、操作说明提示等,好的人机界面会帮助用户更简单、更正确、更迅速的操作机械,也能使机械发挥最大的性能并延长使用寿命,而目前市面上所指的人机界面则多是狭义的指在软件人性化的操作接口上。

 

交互(Interaction)至少包括两个要素,一个是用户(User),一个是系统。

其实以电脑而言,电脑交互主要意义是以用户为考量,而不是从设计者的概念模型去切入,如何让用户能控制系统的顺序、速度,怎么注意信息,都是人机交互中所关心的。人机交互的关键在于用户了解了电脑能替我们做些什么,及如何处理信息,我们就可将大部份时间放在“人”的身上,而不是技术领域,所以一个成功的交互系指人们告诉电脑如何去工作,而不是在技术上打转。

电脑界面的设计不光是单向的,而是设计者必须重视用户的回馈,并且进行调整,运用适当的设计,比如美工图案菜单或是简易的操作,让用户可以轻松的满足自己的需求,有效率的运行工作,才能让机器发挥最大的功能。

       概念模型: 通过与接口的交互,进而对该设计产品的功能及操作所形成的了解,则称为用户对于该产品所形成的心智模型

一般而言,用户的心智模型是在使用中自然逐步形成的,同时,借由与系统不断地交互,用户会不断修正其心智模型。如果到了最后,用户的心智模型与设计师的概念模型能一致或相当接近,那么,接口设计就算是相当成功了。

概念模型可分为依据活动所设计或对象所设计的两种导向。想要设计出具有使用性的接口,必须要了解活动的类型,以及人们在目前的工具中发生了什么问题。

  1. 活动型概念模型

根据活动所设计的概念模型可分为四类:

1.     指令型(Instructing) 一个指令一个动作,简单有效率,例如DOS操作系统及word。

2.     对话型(Conversing) 系统与用户进行对话,双向交互,但容易发生系统误解用户的状况,或是造成电话语音系统单向交互的问题。

3.     操作导航型(Manipulating & Navigating) 让用户用最自然的直觉去操作接口,如苹果开创的图形化操作系统,还有电脑辅助设计系统都属此类型的设计。

4.     搜索浏览型(Exploring & Browsing) 用户依此系统搜索信息,如google等搜索引擎及门户网站。

2. 对象型概念模型 (与其在现实生活中的原型极为类似。)

交互模式

GUI 图形用户界面 [学习笔记]的更多相关文章

  1. java第八节 GUI/图形用户界面

    /* *第8讲 GUI/图形用户界面 * AWT的基础知识 * GUI全称是Graphical User Interface,即图形用户界面 * JDK中提供了AWT和Swing两个包,用于GUI程序 ...

  2. 黑马程序员_<<GUI(图形用户界面)--------1>>

    --------------------ASP.Net+Android+IOS开发..Net培训.期待与您交流! -------------------- 1.  GUI图形用户界面 1.简述 Gra ...

  3. python学习笔记(十 一)、GUI图形用户界面

    python图形用户界面就是包含按钮.输入框.选择框等组件的窗口.主要依赖与工具包进行代码编写.python GUI工具包并发互斥的,你可以选择多个工具包进行安装,有极大选择空间.每个工具包都有不同用 ...

  4. GUI(图形用户界面)

    一.GUI(图形用户界面) GUI Graphical User Interface(图形用户接口) 用图形的方式,来显示计算机操作的界面,这样更方便更直观 CLI Command line User ...

  5. linux系统中firewalld防火墙管理工具firewall-config(GUI图形用户界面)

    firewall-config是firewalld防火墙管理工具的GUI(图形用户界面)版本,几乎可以实现所有以命令行来执行的操作. firewall-config的界面如下图(在终端直接运行fire ...

  6. python之GUI图形用户界面 2014-4-7

    #图形用户界面1.下载和安装wxPython2.创建并显示一个框架import wx #导入wxPythonapp=wx.App()win=wx.Frame(None)win.Show() #调用窗口 ...

  7. Python学习笔记:wxPython(GUI图形用户界面)

    wxPython是一套基于Python的第三方GUI插件,可用Python制作丰富的图形化界面程序. 安装:pip install wxPython 或者 网站下载安装https://pypi.org ...

  8. Python:GUI之tkinter学习笔记1控件的介绍及使用

    相关内容: tkinter的使用 1.模块的导入 2.使用 3.控件介绍 Tk Button Label Frame Toplevel Menu Menubutton Canvas Entry Mes ...

  9. java GUI(图形用户界面)

    GUI Graphical User Interface(图形用户接口). 用图形的方式,来显示计算机操作的界面,这样更方便更直观. CLI Command line User Interface ( ...

随机推荐

  1. hdu 3572 Task Schedule【 最大流 】

    求出最大流,再判断是否满流 先不理解为什么要这样建图 后来看了这一篇题解 http://blog.csdn.net/u012350533/article/details/12361003 把0看做源点 ...

  2. 手机上最简洁的"云笔记"软件

    ❗️注意:该文并不是真的给你介绍各类云笔记的对比 第三方云笔记的缺点 以前用MIUI和Flyme时,自带的记事本很好用,小巧简洁,路上想起什么就写下来,回去后登录网上的个人中心,拿出来加工一下就可以发 ...

  3. 页面定制CSS代码初探(一):页面变宽 文本自动换行 图片按比缩放

    初识博客 初写博客,先在设置里选了个喜欢的模板 第一眼就爱上了呢!那极简的风格,我喜欢!!但是,应用后,却发现... 纳尼!模板上右侧那张漂亮的图片呢?!我的怎么什么都没有.没有图片好难看啊,瞬间无爱 ...

  4. node——post提交新闻内容

    获取用户post提交的数据分多次提交,因为post提交数据的时候,数据量可能比较大,会要影响服务器中获取用户所以.提交的所有数据,就必须监听request事件.那么,什么时候才表示浏览器把所有数据提交 ...

  5. SUSE Linux Enterprise 11 SP4系统安装过程 字符界面

    首先开启虚拟机之后显示这个界面: (1) 进入之后显示下面界面,点击Installation安装. (2)进入Welcome界面,选择语言,默认Einglish(US)不需要改动:点击I Agree ...

  6. ZOJ 3288 Domination

    D - Domination Time Limit:8000MS     Memory Limit:131072KB     64bit IO Format:%lld & %llu Descr ...

  7. Java String内存释放

    Java String内存释放 这是一个坑,Java对于String对象,不进行内存的回收: 处理大数据量的时候,少用String. 与JDK有关系:jdk1.6环境下,内存只占用10M,jdk1.8 ...

  8. [SCSS] Pure CSS for multiline truncation with ellipsis

    1. Pure CSS 2. Responsive 3. No need to recalculate on resize or font’s load event 4. Cross browser

  9. hello world to php( mac 配置 xmapp virtual host)

    一.安装xmapp.安装完以后查看,服务是否都能启动(数据库和server) 二.配置自己的virtualhost       1.系统host文件加入server的域名(在浏览器中输入域名后会先通过 ...

  10. Android中通过ViewHelper.setTranslationY实现View移动控制(NineOldAndroids开源项目)

    我们知道有不少开源project,能实现非常多不错的效果.前几天,我看了一个效果,刚好项目中也用到了这个jar包. 没事挖一挖 学一学(一说到挖一挖.那么问题来了.挖掘机技术究竟哪家强 ),看看不错的 ...