软件界面设计-观念革命
A:易用性是软件界面设计的“再生之父”。色彩,风格,布局,一切从简。风格,强调亲和力。
B:色彩很重要,第一感官是色彩
C:最低标准:方便实用(丑一点无所谓)….最高标准:强烈的艺术化
D:功能与视觉的妥协的成果~软件更重功能!——这位设计师估计经常被“压迫”,同情中……
大家都提到了易用性、视觉效果很重要。这里我们用一些具体的实例来重点展示一下软件设计中的视觉效果该如何展示。 Continue reading “软件界面设计-观念革命”
A:易用性是软件界面设计的“再生之父”。色彩,风格,布局,一切从简。风格,强调亲和力。
B:色彩很重要,第一感官是色彩
C:最低标准:方便实用(丑一点无所谓)….最高标准:强烈的艺术化
D:功能与视觉的妥协的成果~软件更重功能!——这位设计师估计经常被“压迫”,同情中……
大家都提到了易用性、视觉效果很重要。这里我们用一些具体的实例来重点展示一下软件设计中的视觉效果该如何展示。 Continue reading “软件界面设计-观念革命”
这是SAP的原始界面效果,我们来分析一下它的色彩设计原因。
先把所有文字信息去掉。过滤出的颜色按照渐变排列出来。
一共有3个颜色,蓝灰色系,白色,橙色。
1、蓝灰色系(共4个色阶):分别是界面的最底层、菜单层、页签层、报表层。
2、白色(浅蓝灰色):主要是文本框、表格的背景色。
3、橙色:选中色。
现在,把颜色去掉,只看灰度值。
通过图例,我们看到,页面的大部分颜色都是灰色,深色(橙色)占约5%,亮色(浅蓝灰色)占约20%。
总结一下,SAP的软件界面设计:
1、 以灰色调为主,不刺眼,舒适(适合用户长时间的业务操作)。
2、 颜色单一,简洁清爽(不干扰文字信息,美观和易用性结合得恰到好处)。
3、 用同一个色系(色阶颜色),体现文字信息的重要层次感(由远及进的视觉指导意义)
呵呵,本团队第一次举行手工创意活动。很多人的作品都属于“处女作”,不错不错!
以后会加大力度进行手工创意能力的发展。大家多多捧场和关注哦。(*^__^*) 嘻嘻……
我们,会很好!很强大!耶~~~~~
从国外的网站上看到了两篇博客,作者调查了100家网站的注册表单,对多个项目进行了对比统计。虽然是国外的调查,但多少还是有些借鉴意义,至少对友商网英文版有用!所以我将它的重要结论和数据进行了翻译!点此下载ppt
这段时间,友商网完成了第三次改版,收获了很多,挑其中的一点稍稍的进行了“深入思考比较学习分析研究参悟理解”。啰嗦的话说完了,正题……
应该不难发现,在目前的各大网站中,大量的采用了圆角去修饰边框,使得页面的呈现更加柔和,干净舒服。所以,友商网在这一次改版中也大量采用了这个样的设计,特别是二级页面的大部分元素框,就采用了时尚的银灰色调配上灰黑的圆角。在将设计稿实现成页面的时候,这个地方开始的确让我头疼,因为这些元素有很多相似的特点,也有一些不一样的地方,相似的是:
title是银灰色渐变x轴横向

底部圆角内凹度一样
而不一样的地方是,整个元素框宽度不一定一样,title高度也有两种,在看到绝大部分的频道设计稿后,我决定将这些元素框做成通用的结构和样式,希望能提高开发效率,省去了一次次重复的调试,也有利于不用的前端开发同事统一风格,整体提高开发速度。
实现的思想是这样的(可以说主要是滑动门的应用):
1.将title的银灰条进行分离(其实也可以合在一起),作为两个结构元素(分别是h2和span)的背景,进行适应的拉伸