Jul 29

SAP界面设计浅析

Tag: 视觉设计saidy @ 13:42

这是SAP的原始界面效果,我们来分析一下它的色彩设计原因。

先把所有文字信息去掉。过滤出的颜色按照渐变排列出来。

一共有3个颜色,蓝灰色系,白色,橙色。
1、蓝灰色系(共4个色阶):分别是界面的最底层、菜单层、页签层、报表层。
2、白色(浅蓝灰色):主要是文本框、表格的背景色。
3、橙色:选中色。

现在,把颜色去掉,只看灰度值。
通过图例,我们看到,页面的大部分颜色都是灰色,深色(橙色)占约5%,亮色(浅蓝灰色)占约20%。

总结一下,SAP的软件界面设计:
1、 以灰色调为主,不刺眼,舒适(适合用户长时间的业务操作)。
2、 颜色单一,简洁清爽(不干扰文字信息,美观和易用性结合得恰到好处)。
3、 用同一个色系(色阶颜色),体现文字信息的重要层次感(由远及进的视觉指导意义)

3 Responses to “SAP界面设计浅析”

  1. martilo says:

    太好了,说的恰到好处!
    希望KDUED有更多的新鲜血液,学习ing…

  2. cnscorpio says:

    在windows XP 和 vista下可能会有点不同。
    从用户舒适度上考虑,是应该这样。。但是在SAAS中这么设计会不会让使用者觉得太土呢。哈哈

  3. saidy says:

    上面分析的,仅是一个基本的用色准则和原理。
    sap的颜色,按照当下流行的颜色而言,是显得“土”(针对大多数人的审美观标准)
    土不土?都是相对而言,也许再过几年,大家看腻了鲜艳单纯的色调后,这种灰灰的调调又会重返“时尚舞台”!

说两句吧