航天科工S界面设计

这一次发文搞错了,竟然首发在QQ空间了,导致所有的图样都挂了。。这里是QQ空间的地址:http://user.qzone.qq.com/87723501/blog/1337499163

进销存系统,是自身一向做的最认真的一套系统。不管是界面仍然操作,都有肯定的独到之处。算是一个足以拿出手的作品。然则生活久了,看着同一个界面也以为没意思。玩了几天的安卓手机,发现安卓之所以流行,仍然有其必然的道理的。使用酷狗听音乐也有一段时间了,感觉酷狗的界面做的也是很科学的,用户体验也很棒。简单解析一下,便有了此文。

 

率先看望酷狗的默认界面:

航天科工 1

页面的全体颜色是灰色。是那种天棕色。这么些很好解释,算是相比经典的颜料。包括Windows,360,QQ等,都是以红色为默认颜色。经典耐看。

页面的主基色:粉红色,白色,粉色。主体布局是左右,然后左后又各分为了内外。其中,上部分的莫大是永恒。

页面入眼,感觉是WindowsPhone7的风格。窗体上的底部的状态栏,是不是和WindowsPhone7上的菜单栏很像啊?

看来,酷狗音乐的风格和以红米为表示的炫彩派格格不入。他是微软派。界面中能找到一些windows8的阴影。比如,他的装置界面:

 

航天科工 2

这几个是Windows8的安装界面

 

航天科工 3

可以看来,色沪指选项导航都被设计到了右侧,而且所采取的颜色不是累累,然则富有很强的非凡性。

有很长一段时间,我连续觉得,圆角比直角美观。就像,小米的图标是圆角的,他迟早比WindowsPhone7的“Metro”风格美观一样。可是,后来自己认为自己错了,其实,使用直角,假设您能处理好阴影的话,依旧会比圆角美观的。

航天科工 4

直角的酷狗,是不是和圆角的QQ并驾齐驱呢?假如这一点比较不出来,大家看看OPPO和WindowsPhone7的对照:

航天科工 5

图形的清晰度不是很高,先将就着看吗。很显然,WindowsPhone的“瓷砖”界面的表现力比圆角加tag的表现力要好的多了。

 

用作一个开发人员,通常遭逢的题目,就是数码分页,毕竟,假如有上万条数据的化,不管是B/S架构的软件或者C/S的软件,都会赶上这么些题目。日常性的做法就是,做一个分页控件,就像是这样:

 

航天科工 6

这般做,并从未错,可是您回顾一下,在你使用QQ空间的个体基本时,有没有看到那一个事物吧?

在QQ空间中,使用的是“瀑布加载”(暂且这么说啊,也不知情对不对)。意思乃是,这些分页控件不再存在了,当您把数量浏览到临近完成的时候,自动加载下一页的数据。所使用的技艺就好似ajax了,其实这些技术也可以用在C\S架构的软件上,比如,酷狗是这般做的:

 

航天科工 7

在浏览到最后一条时,将面世加载中,请稍候字样。假诺数额加载成功,那么这一栏就会烟消云散。如若到了最终一行,就会这样:

航天科工 8

吐槽下:《我深信》这首歌太流行了。。。

这是一个很棒的用户体验,不用翻页,上一页的信息也不会丢掉。 感觉很通畅。

而是,这样也会有一个题目,就是说,如若有新数据了,可定是排在第一页的,然而现在列表已经加载了,这时候可能曾经加载到了第三页,第四页,如何是好呢?

腾讯的处理情势,是在列表的上方做小动作。假设有革新时,就在列表的顶端显示一个:“有xx等几位好友更新日志,点击查看。”假诺你点击的化,数据就会从第一页重新加载。就像这么。。。

 

航天科工 9

 

在酷狗上,我一向不找到对这种景象的处理模式,可能是软件设计者认为,数据更新的不会很频繁吧,所以就不曾规划。

实际,在安卓上,早就有了解决方法:“下滑刷新”。

在大哥大操作中,假设运用”瀑布式数据加载“,我们运用手指上划来查看更多数据。程序自动加载下一页的数量。当有更新时,无论你怎么上划,只赏心悦目到愈来愈老的数码。想看最新的怎办呢?很粗略,下滑就行了。通过手指下滑,我们来到了第一页数据。再持续下滑,那么列表就会刷新。。效果图?没有。。。你装一个淘金殿堂看看就领悟啊。。航天科工 10

 

在重重时候,大家会有对记录的删减操作,日常性的做法就是给某一个数量行添加一个剔除按钮。。

 

航天科工 11

如此那般的做法,其实不是太好,尽管运用的系统不等同的化,所显现的效用是例外的,比如,在win2003下或者是如此:

航天科工 12

除了丑陋,就是丑陋。即使,可以利用第三方控件来弥补这一点。不过有些软件有明文规定:不同意拔取第三方组件。(二炮,航天测控。。)

那要咋做?很简单,用图片代替之!效果就是这样:

 

航天科工 13

自然,如何促成,还在研讨中。。。。

有了剔除,那么批量去除神马的就少不了了。一种办法是将去除按钮放在表头:

 

航天科工 14

酷狗的做法是位于了与之相应的情景栏上:

 

 

航天科工 15

以此,哪个好特别坏就是一个仁者见仁,智者见智的题目了。不琢磨。 

有关底部总括行,说实话,DotNet做的并不佳。能够说那些差。原生的不援助尽管了,连扩张的控件都一定的挫。。。(这是自个儿碰着的最发烧的问题)。

 

航天科工,若是利用了“瀑布加载”的话,可能会有改观,可以把总括信息在终极彰显。就是在未曾更多多少的时候。

 另外一个,就是要促成hover效果,按钮,数据行,甚至图片。。那样的话,效果就会非凡nice!

列表hover:

 

航天科工 16

按钮hover:

 

航天科工 17

 最终一个是关于搜索框的

 

航天科工 18

这些,我其实是不敢做点评,确实太强大了。也应用了windows8的风骨。

再说一点,就是细节和配色问题。当然,我们搞开发的跟搞UI设计的不相同,可能不会关心这一个,然而仍旧有必不可少注意一下的。就是色彩变化和光芒效果。。呈现到界面上就是表格的表头:

 

航天科工 19

 可以看来,表头的各种单元格之间的分割线不是一条线拉到头的。。。

 

航天科工 20

 吐槽:真的是异样啊,看的自己都恶心了。。。

前日就这么啦。。。转载请表明哦,韦氏原创哈。。。

 

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注