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

细节决定成败,宝马并不会比夏利多一个车轮

2017-05-28 18:20 239 查看




所有功能已经完成了 苹果提倡的重UI主义

让我们从苹果在演讲上所用的案例来详细剖析。这是一个生活指南 或者 800团那样的导购App。

当投资人看到你的App做成这个样子(左图)的说后,他说 “哇!所有的功能都实现了!我们赶快把这东西投放市场吧”,结果死的比诺曼底登陆还壮烈。因为实在太丑了(全默认UI风格),用户在朋友圈里掏出来这个App自己都觉得汗颜。

失败的教训是无情的,随之这个App经过如下图的几个版本的,我们可以看到细节在不断的增加,细节、色彩、质感逐层深入,最终变成我们看到的正式版本。从最开始免费都没人用,到后来收费也爱用。

这个苹果的案例用在告诉我们,发展至今,软件满足功能就能成功的时代早已经过去了。否则充分满足通话和待机功能的诺基亚今天也不会淡出市场舞台。 那么用户更关注什么呢? 用户体验! - 即面子,你得让“爷”感受到用这个东西是件体面得事儿。如果用谁得都是用,那用你的这个就必须能让别人看出 “爷”得身份和品位来。

个人应用亦如此,企业应用岂能例外?

大家也许都领教过免费开源软件一贯的“很丑很温柔”的风格,让我们先来看几个界面截图,这个灰头土脸的是Openbiz的早期界面,功能全都实现,就是这个UI实在让人兴奋不起来。

后来大哥与时俱进,刻画了大量的细腻元素,后文将详细剖析。

按Openbiz 才华横溢的UI设计师的话说,“她的工作相当于给软件赤裸的皮肤,穿上了性感的丝袜。”于是 大哥一看就兴奋了。

实际上我们仔细分析UI细节,无论你的眼睛停留在任何一个角落,都会让你看到细微的变化,和精心的设计,丝袜美腿的性感之处,在于其若隐若现的质感,和丰富细腻的颜色变化。 其实这一点,不光Openbiz你看苹果的铝制质感和玻璃高光的结合也是一样。





什么是细节刻画?怎么算质感表现?

让我们开看一个20x20像素的按钮,来理解”细腻的UI”的



如果你注意观察,你还会发现很多色深不超过5%的渐变,和高度仅有1像素的高光渐变。看来为了取悦眼睛,设计师真的下了不少功夫。

难道技术人员现在必须去学美术?

摆在你面前有两条路,

要么孤树一帜 - 你做UNIX命令行开发吧,或者WebService级产品

要么跟上潮流 - 弱身轻四两,定要学借力取胜,想办法踩在巨人肩膀上,你就算踩空了,踩在巨人鞋上了,也比站在地上高多了。何况别人还有站在沟里的呢。

如果是Web应用,在此不得不提Openbiz架构的极致重用性,用累死.NET 自定义ASP tag方式的XML元数据来实现UI级的重用性,上文中的效果,实现代码仅为

<SearchPanel>

<Element Name="qry_form_title"

Class="AutoSuggest" FuzzySearch="Y"

SelectFrom="help.do.HelpDO[title] "

FieldName="title" />

<Element Name="btn_dosearch" Class="Button" text="Go" />

<EventHandler Name="search_onclick" Event="onclick"

Function="RunSearch()" ShortcutKey="Enter"/>

</Element>

</SearchPanel>

这些咱们这些技术工作者不用强迫自己变成文艺青年了,基于一个强大的底层来构建应用系统,即便不用学设计,也能创建出相比其它框架细腻精致的应用系统。

试想一下如果你是个企业用户,当面对功能上完全相似,界面风格如下图比较这样的两种UI风格,和细腻成的时候。 相信一般人都会喜欢清淡简洁有细节的感觉(除非是重口味份子)。



而如果我们能用同等,也许更少的开发时间将系统UI做成下图这样,势必会对我们的软件产品增加用户体验上的竞争优势。



也许算它不上巨人,至少这个Openbiz大个子还是希望看见他的肩膀上站着学多人的。

和苹果不同,Openbiz的底层是全部开源,我们也可以通过阅读源代码从学习的角度来研究它的实现方式,至少这一点同样美丽的苹果Cocoa框架还没有做到如此开放。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Openbiz UI php