从3个方面介绍UI设计中的图形设计

色彩设计:设计师必须保证自己的设计有很好的易曲性;构Web应用、桌面应用、移动设备;

1、色彩设计:

美学相关的知识(色彩构成、平面构成等等)我就不再赘述了,相信从事此类行业的人员无人不知无人不晓了。这里简要说说WebApp设计中,色彩以及构NT、VA、IPS。VA和IPS面板的显示能力都可与CRT媲美了,虽然价格比较高,但其超大的可视角度(178)和完全的色彩还原,实为设计师们抛弃CRT的一剂强心剂(当然,大多数专业的

我们只讨论以下三类常见的应用,至于3D界面和虚拟现实暂不讨论了,它们是:Web应用、桌面应用、移动设备。

首先我们来看一下桌面应用,可以这样说,操作系统是桌面用户界面设计的领头军,换言之,UI设计师在进行桌面UI设计时,首先应该考虑的就是操作系统环境。

而往往,某个特定软件环境下的桌面应用,UI也是有诸多限制的,这个限制,就是系统固有的交互风格设定。

举例来说,我们经常会在看到某一软件界面后这样说“哇,还是mac风格的好看!”“这个是用.net开发的吧”“swing做的破东西太难看了,还贼慢”,为什么会出现这样的情况呢?因为,大多数情况下,我们在某个操作系统环境下进行软件的设计与开发,其组件和控件必然会不可避免的使用操作系统自身提供的ui API,也就是说,无论你做什么样的软件,都需要遵从相关操作系统用户界面的开发规范。

windows有个offcial Reference,在MSDN上。同样的,Apple,Java乃至Nokia,他们都有相应的长篇累牍的API文档和开发规范。那么,这里又不得不提到了Ext,Ext的API文档是什么?呵呵,它与以上这些操作系统的GUI规范无异,它的API文档就是它的开发规范。

所以,我曾经这样讲“ext再怎么折腾,也是ext”,现在各位应该真正了解我的意思了吧。ext在我看来,已经不是web UI了,我更倾向于把它归结为桌面UI的Windows系列内。桌面UI有个最基本的衡量标准WIMP(window、icon、menu、pointer),很明显的,Ext是桌面UI风格。而它的交互方式和Windows如出一辙,因此,我把它定位为基于浏览器的、Windows风格的桌面UI库。

总结一下,桌面应用的常见布局,就是:多为框架结构,由Grid、Toolbar、Menu、Form、Icon等控件构成。

再来看一下web应用,我曾不止一次的提到这样一个观点,那就是,web是自由且开放的。正因为其开放性,才有了今天的ext、ajax以及thin Client和Rich Client之争。

Web设计到底应该是怎样的?这个没有定论,因为Web是大家的Web,存在即合理。Web设计,最应该考虑的就是“设计的上下文”,在一个完全开放的平台上进行设计,就如同在一张白纸上作画。

最大的限制不是技术,而是设计师本身。只有设计师能够决定自己的设计究竟该如何去做,同样,也只有他的能力会限制自己的设计。结合上下文关系,如果你开发的是web mail程序,对于多年使用Outlook已经形成根深蒂固的使用习惯的用户来说,你要如何做这样的界面设计?开发一个全新的无人触及的新奇东东么?不,那背离了设计的人本本质,所以,满足用户最简单的办法就是,在Web上设计开发一个与Outlook风格和外观类似的应用,让用户完全没有压力,在熟悉地环境下高效的开展自己的工作。

那么,如果你要开发的是一个新闻发布系统,自然就要符合用户对于Web的既定认识和习惯,把应用设计得如同报纸、杂志一般,并且提供良好的内容分类和搜索,以期让用户很容易的找到自己想要的资源,在最短的时间内获取更多有价值的信息(RSS和Portal都是因此而产生的)。

再比如,你要设计开发的是一款信息管理系统,那么,很可能高效方便的增删改功能和强大的报表、查询系统,才是UI设计首先需要考虑的(桌面风格的UI很适合做此类应用)。又或者,你要开发一个体现出业务流程性的庞大复杂的行业应用,那么,体现出行业解决方案的高度概念性和软件对于业务流程的规范和指导作用,这是在设计UI时主要需要考虑的。而所有这些,在Web上统统可以实现,这要归功于Ajax,归功于全世界的开发者和设计师的共同努力。

总结一下,Web界面的常用布局——如果说到传统,那么,自然是平板式的文本流(Web在设计之初就是为了研究人员之间文档的共享和查看)。但是,Web发展到今天,我真的不知道该如何去总结它的布局风格了。只能说,常见的有:Banner-navi-content布局(多见于网站和多数Web应用),左右框架式布局(常见于基于内容和数据维护的Web应用)、Portal布局(企业Portal或门户)等等。

最后,说一下移动设备的用户界面。典型的就是手机上的应用软件,颜色和尺寸以及

矢量比如,突起的东西表示它应该是可以点击的,小信封表示这是一封邮件,放大镜表示这里是搜索。

一直以来,永远不要在技术面前迷失了方向。是设计去选择技术,而不应该让技术来决定设计。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年5月2日
下一篇 2024年5月2日

相关推荐

  • java图形逻辑思维题,java图形界面思维导图

    Java编程思想面向对象逻辑思维方法 1、我们对它还可以有我们自己的意愿,虽然我们并不需要付诸实现——只要在你的脑中想着把这棵树砍掉做成桌子、凳子等——我们就把它叫做意向。于是,对象就是客观世界中物体在人脑中的映象及人的意向。 2、首先要说明一点,对象不是java的,事实上他只是一种概念,一种用于解决问题的程序设计的思想方法。要理解对象就必须得要和面向对象结…

    2024年5月23日
    4800
  • c语言图形库egeeasyx,c语言图形库下载

    如何评价C++图形库EasyX? 1、EasyX是一套基于C语言的图形界面库,能够快速地、轻松地绘制图形界面。和Windows图形界面通常使用的MFC和Win32不同,EasyX更加适用于初学者,因为它提供了简单易懂的API函数,并且易于学习和使用。 2、EasyX是针对C++的图形库,可以帮助C++语言初学者快速上手图形和游戏编程。 3、你好,C语言编程比…

    2024年5月22日
    4500
  • c语言绘制图形,c语言画图形

    C语言实现画图功能 1、在没有桌面和图形文件的系统界面,可以通过C语言的编程来实现在黑色背景上画图!用下面的代码,在需要的地方(有注释)适当修改,就能画出自己喜欢的图形!PS:同样要编译运行后才能出效果。 2、c语言画图 要选对 C语言编程工具。 目前最方便的是“习语言”,它能编译所有C代码,又能在C代码中使用它支持的绘图函数。也可以使用二十年前的C语言编程…

    2024年5月21日
    4100
  • javascript图形编程,js图形编辑器

    基于SVG的web页面图形绘制API介绍及编程演示 在HTML5中我们可以通过使用svg标签内联SVG,使用HTML的标签、标签、标签、标签导入SVG图像,使用CSS background属性导入SVG图像。 SVG是一种基于XML的矢量图形格式。SVG用于在Web和其他环境中显示各种图形;它允许我们编写可缩放的二维图形,并可通过CSS或JavaScript…

    2024年5月21日
    4000
  • java里怎么画柱状图,java如何绘制图形

    在jsp页面中如何做柱状,饼状,曲线图 1、JFreeChart 可以绘制饼状图,折线图,柱状图等. awt/swing里可以使用,JSP里也可以使用 JFreeChart是 Java平台下开源的图表类库,是一个完全基于Java的图表开发技术。 2、用JFreeChart,可到网上下载JFreeChart包,然后把它添加到java库。如果是用JSP生成的话,…

    2024年5月21日
    4400
  • c语言*图,c语言图形输出

    c语言输出由*组成的图案 其实这个比较简单,掌握了固定的格式,再把需要输出的直接打出来就行。 思路:输出正方形即输出正方形的外围就行,外围有个特点就是行列下标必有0或者是正方形的大小减一,输入一个n表示正方形大小,输出一个由*组成的正方形。 i从一开始执行内循环,j=1,j=i,满足条件输出空格,j++为2,这时ji,不再执行此循环。输出***回车。 inc…

    2024年5月20日
    4500
  • java过滤图形字符,java过滤xss

    java如何快速过滤掉某个字符串包含的最长的一个词 利用java中String类的substring()字符串截取方法 和length()求字符串长度方法即可。 你这个题目有问题,最长的应该是a, a是5, ak是3, akb才2个。 如果要取得akb,那就在放map那里做个str长度过滤即可。 对于一些由逗号分隔的字符串,如果想要去掉第一个逗号前面的词,可…

    2024年5月18日
    4600
  • 怎么用c语言编程打印图形,怎么用c语言编程打印图形图片

    C语言编程问题,如何用for循环打印这个图形???谢谢了! 1、可以使用两个二重循环。第一个二重循环打印图形的上半部分,再用一个二重循环打印图形的下半部分。下面是程序的源代码和运行情况的截图。 2、对一个二维图形的输出,一般可以使用双重循环进行控制输出,其中外层循环控制输出的行数,内存循环输出每行的信息。 3、C语言程序中的中文字符只能出现在注释和字符串中。…

    2024年5月17日
    4400
  • linux7图形改字符,linux图形界面转字符界面

    linux下如何将整形转化为字符串 1、功能:将一个IP转换成一个互联网标准点分格式的字符串。 2、第一种方法: String b=integer.toString(a);意思是先把a修饰成integer,然后再转换成字符型。第二种方法: String b=String.valueOf(a);直接用String里面的方法,直接转换。 3、只是数值转换的话,强…

    2024年5月16日
    4600
  • c语言打印出心型,c语言打印星号图形

    用c语言一行一行的打印出心型图像,要求这个心形一行一行的显示出来,但… //数组方式,数组heart存放由*组成的心形,//再由printf函数显示出来。 可以通过循环语句和预先定义的图形模板来实现自定义的图形。 c语言做不到,一个黑框框,一行一行的显示,这行显示了就不能改了。 fread()函数是用来读取二进制文件的,就是说为建立存储的东西,就…

    2024年5月15日
    4300

发表回复

登录后才能评论



关注微信