你的位置:创意公社- ideaer >> 创意百科 >> 交互设计 >> 详细内容 在线投稿

统一界面设计

热度87票  浏览43次 【共0条评论】【我要评论 时间:2011年1月29日 23:35

.Hi3K5X1^3ytA'O0想像如果我们可以用设计Web页面的方式去设计Windows(Linux、Unix,任何你可以想像到的图形化操作系统)界面那会是什么样子的?我们将可以统一界面设计,我们可以将可以跨平台设计界面。

(]&k+WX)_cd0

Zrio*R0我们都知道Web就是这样做的,为了让全世界的人能够在不同的地方不同的操作系统下看到同样的界面,W3C推出了一系列的标准:HTML、CSS、DOM等等,如果一个Web浏览器完全符合标准的话那么我们在世界的每一个角落看到的网页将都是相同的。同样Java下的Swing也有同样的目标,为不同的平台提供同样的界面与设计方式。但是它们都有一个很大的缺点(或不足),那就是它们的设计方式还不够好,没有将界面设计的要领规划分类、使界面的设计成为一种很漫长的过程。什么意思呢?让我们来看看,做界面的需求不外乎以下几大类:

b#OK3[O0H's0 创意公社- ideaeri:x0f3zc*z"_(a

(1)元素:界面上可以有的界面元素,如Button、TextBox、图片、文字等。

O COo1K$i+d;B0

/Q.RX pir0(2)排版:界面元素的位置以及元素间位置的关系。

!We3p1U4J0

4i1f*fog\4rG0(3)样式:元素的大小、颜色等装饰性的特性。创意公社- ideaerh$M.\&yOd0G

8C Uh!L@ K0(4)文化:多国语言、语言间差异性的处理等。

B(N$Is)Y%J)IC0 创意公社- ideaer0_0yN'` N s

(5)文件模型:将界面通过一个模型来展现,通过文件模型与UI脚本可以动态地定义界面。创意公社- ideaerCOdo @&o-d0q

创意公社- ideaeru'@w {6`,PdI$v

(6)UI脚本:用来控制文件模型好实现一些动态效果,如动画等。创意公社- ideaer ^/?B3Y-B9sX/hq:\

N+U+dj r/u0现在的问题是HTML、Swing、System.Windows.Forms等(对Avalon不是很熟悉,略微看了一下,不是特别强)都没有将这几种需求分开处理,而是混合在了一起,这样设计出来的界面就很死板,再想改界面的时候就会发现很麻烦。但是注意现在W3C已经开始推荐XHTML+CSS来实现界面设计了,也就是说,它将元素与样式分隔开了,但是排版与元素还没有完全分隔开,还是需要DIV元素来做排版,而且由于XHTML的性质没有做到文化处理。

r@f.{N3^0

5y Fv%J _j q'{;m0现在想像一下,如果我们可以使用一种类似XHTML 1.1的基于XML的语言来定义界面元素,用类似CSS的语言来定义样式,用自创的方便排版的语言来定义排版信息,再用资源文件+自定义文化语言来定义文化的话我们能实现什么效果呢?答案当然是所有我们上面所谈过的了,统一的、跨平台的、支持多国语言的、动态的、样式可替换的(不仅仅是皮肤的功能)并且可多次转换(因为基于XML)的界面定义。Cool, no?创意公社- ideaer~A,A1zi

{(nx)]!N!M o"X0当然这些都只是一些构想,实现它们需要相当的时间,而且也需要一定推广,不过我相信有朝一日当W3C等标准化组织推出相关标准后这一切就都会变成可能了。目前,我们还是可以利用一部分概念小面积的改善我们项目中的UI设计体验!

%iK(f:z1F/{Y;N;Z*A;He r0
顶:2 踩:6
对本文中的事件或人物打分:
当前平均分:-0.03 (31次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.64 (25次打分)
【已经有23人表态】
1票
感动
3票
路过
3票
高兴
2票
难过
4票
搞笑
4票
愤怒
2票
无聊
4票
同情
上一篇 下一篇
发表评论
换一张

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。

查看全部回复【已有0位网友发表了看法】