数据正在读取中...

您的位置: 设计资讯 > 网站设计 > 网页设计

网页设计:框式布局与无框式布局

www.shejinet.com 2017-11-14 15:47 设计.世界 浏览(1134)

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

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

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

网页设计:框式布局与无框式布局

Facebook和Google+的页面采用了显式的设计风格来对内容进行分类标记。
他们将视觉突出的卡片组成时间线,并辅以边框和阴影进行效果凸显。这种风格确实有必要么?

网页设计:框式布局与无框式布局

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

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

网页设计:框式布局与无框式布局

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

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

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

即使抛开这些潮流和框架不谈,能够质疑或者持续推动网页设计不断改进这样的行为,其重要性也是毋庸置疑的。我相信,视觉设计对于帮助用户理解内容,具有着深远的意义,而我们对其意识往往不足。
设计师们应当常常自省,反问自己究竟多少设计风格才是适宜的。依我之见,设计不宜多,够用就好。我们需要做的是“解放”页面设计,因为大美无“疆”!

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识