如何看待网页设计风格:框式与无框式

如何看待网页设计风格:框式与无框式

推荐语:对于用户体验设计师来说,找到合适的产品展现方式是很必要的,无论是在网页还是在APP的设计中。对于不同类型、不同场景的产品都有差异化的设计风格,今天就来看看网页设计中,无框与框式布局的设计特点。

本文字数:1200   阅读时间:3分钟


这是一场关于网页设计应该采用框式布局还是无框式布局的战争。

窃以为,给每个网页或者应用的元素绘制可见边框的做法,将会导致不良的用户体验。多数情况下,这种边框设计的风格并无必要,或者说不十分必要。

人们在进行语言交流的时候,只有7%的信息能够通过语言的内容进行传达,而93%的信息则是通过音调和肢体动作来传达的。 视觉设计就好比是信息传达中的肢体动作、声音或者语调 。 而框式布局恰如某种视觉干扰,给人的感觉就像是一个热情过度的推销员在奋力推销产品。而事实上,用户真正想要获取的是内容本身,而不是被强制“推销”的过程。 

Facebook和Google+的页面采用了显式的设计风格来对内容进行分类标记。

他们将视觉突出的卡片组成时间线,并辅以边框和阴影进行效果凸显。这种风格确实有必要么? 

把Google搜索和Google+的页面放在一起比较来看,明显Google搜索的风格看起来更加赏心悦目,不是吗?

之所以Google搜索的页面设计优于Google+,很大程度上是因为它没有采用框式风格。值得注意的是,二者的使用场景确实有所区别。Google+主要帮助用户进行社区发现,而Google搜索则用来呈现搜索结果。尽管网站设计目的不尽相同,但是我仍然认为Google+如果采用无框式设计的话,效果会更佳。 

Google搜索加框和不加框的效果对比图。

我实验性地给Google搜索的页面加了边框、阴影和背景色。这些改动是锦上添花还是画蛇添足,不言自明。

网页设计的变革之路已历经多年风雨。扁平化设计的潮流,为人们质疑过去那些只流于表面的设计风格提供了理论框架。其后,Google公司提出的原质设计(Material Design)又采用了一种新的设计语言,创造性地把现实世界的物理法则运用到了电子界面上。

即使抛开这些潮流和框架不谈,能够质疑或者持续推动网页设计不断改进这样的行为,其重要性也是毋庸置疑的。我相信,视觉设计对于帮助用户理解内容,具有着深远的意义,而我们对其意识往往不足。

设计师们应当常常自省,反问自己究竟多少设计风格才是适宜的。依我之见,设计不宜多,够用就好。我们需要做的是“解放”页面设计,因为大美无“疆”!(完)


小编观后:说到这里,可以看到的是网页设计形式本身也在不断的改变,并非是一成不变的设计,而大众化对于用户体验的意识也越来越强,因此多去总结判断优秀的设计是很有必要的,Google、Facebook等知名产品的网页设计风格都在不断提升变化,更何况咱们呢^_^

来自众成翻译,由习得授权并编辑整理,欢迎学习~,投稿请发送 get@learnget.com

4

扫一扫,分享到微信

猜你喜欢

文章评论

请先 后评论

上一篇

如何进行可持续发展的产品设计

微信公众号

微信公众号