当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 视觉设计也可影响产品的功能

心得技巧
新闻风格网站设计实例25个
下拉菜单和滑动菜单设计实例
网页小空间大图片的放置
网站设计经验 建设网站常犯错误汇总
将rar文件隐藏在图片中的实现方法
土豆网(tudou.com)前端概况
Tudou.com首页网页设计的制作方法
网页栅格系统研究:技术实现
英文文章:寻找创意灵感
推荐能找到设计灵感的网站
Web设计放弃闭塞思想而跳出网格之外思考
网页设计必备工具和生成器(英文软件)
网站作品:56个出色的现代网站设计
更好利用光影的五个网页设计技巧
让用户浏览网页速度更快的优化技巧
如何用doctype激活浏览器?
sIFR、typeface.js和cufon文本替换技术
网站设计师参考:获取灵感的CSS画廊
WEBJX收集18个网页设计者不可错过的论坛
设计参考:WordPress建站成功案例

心得技巧 中的 视觉设计也可影响产品的功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 53 ::
收藏到网摘: n/a

近我注意到苹果公司的产品设计已经开始采用一种新的视觉欺骗方式使苹果的东西更小巧而漂亮。苹果通过对产品外观进行一些巧妙的处理,努力不让用户发现其产品在有些功能(或指标)并没有苹果宣传的那样好。通过这种巧妙的视觉欺骗使其推出的产品能更完美的出现在用户面前。

 

 

 

我认为这种新的产品设计理念很聪明(从商业角度来看),因为它会使你的产品看起来比实际更小巧。这里有两个例子。

 

 

 


苹果电脑的曲线,一方面使用平滑与对称的弧度使曲线更加柔和,另一方面却使用棱角分明的边线,使两者的对比十分鲜明。为什么这么设计?这么做会使你更多的留意较薄的边缘,如此设计,用户就会把薄的部分想象成该设备整体的厚度。

 

 


这样产生的视觉错觉想达到最好的效果就要从上往下看,而不是使视线和被观察物体平行然后去看。

 

 

 

下面是苹果公司旧版的白色MacBook边缘的对称的曲线:


 


下面是苹果新的一体式机身的MacBook Pro。我说过最直接明显的对比效果不要通过使用平行视角去看,使两种设计对比更清晰的观察方法是从上往下看,


 

 

下一张图片是我们从上往下看到的。水平放置的笔记本与用户视角有一定角度。不仅仅这样,一些设计元素,现在都被设计成薄形的条纹,而不是以前的圆形。看看这个新版MacBook Pro放在底部的红外接收器:通过这个新的条纹形状状设计,苹果进一步向用户强调了该产品十分轻薄-即:我们不能在这里安装一个圆圈形的设备,所以我们不得不设计出一个细条纹状的接收器。



 

 


另一个有趣的变化是苹果的显示器。围绕在屏幕两侧的铝边设计已经一去不返了,现在苹果的BOOK都采用反光度很棒的黑色玻璃材质,这么做的原因是:当屏幕关闭时,屏幕上(或者说屏幕加边框)显示的面积要比实际显示屏的面积大。在苹果公司大多数新的硬件产品中能带给用户此类视觉错觉的设计非常多。从iMac电脑,Cinema显示器,MacBook到iPhone。

 

 


我们可以从苹果的设计中学到什么呢?我觉得这种视觉设计欺骗可以用在我们设计的产品中。我们有办法和能力,利用相似的手法重新塑造一下我们的设计,以便强调我们产品的主要特点。

 

 

 

现在各大厂商一直在努力使其产品更薄或屏幕更大,当然还有更多相似的,例如更快,更强等等。

 

 

 


如上所说,视觉设计完全能给产品的功能带来正面或负面的影响。

 

 

 

来自:Dmitry
翻译:十牌