编者按
随著网页控制技术的急速发展,网页内部结构设计的态势在发生改变,集中化、积极响应式、听觉差慢速、纯文字等给内部结构雕塑家增添了更多的充分发挥内部空间。简约的内部结构设计,也以其简约简单、超薄耐用等特征,愈来愈受内部结构雕塑家的青睐和德国大众的钟爱。
:百度TGideas官方网站
所以甚么是简约内部结构设计?
简约内部结构设计是将内部结构设计重回其本质的一种内部结构设计经营理念。简约并是对文本的单纯删去,而要提炼出内部结构设计精粹,满足使用者耐用新颖的其本质政治经营理念。在网页中,简约的内部结构设计,常常具明晰的网页内部结构、单纯的可视化操作形式等特征,在满足使用者relatives的同时,从听觉新体验的视角,为使用者增添随心所欲、畅快的质感。
所以在网页中,什么样努力做到简约呢?
上面是许多最常用的形式:
1、大副标题
将大副标题做为网页的听觉服务中心,简约相片做为大副标题的背景,这种很难将听觉著眼,让人一看就能窥见这个网页是做甚么的。除此之外,大副标题在手写体和美感上,也尽可能优先选择许多单纯的、色调单个的效用,这种听觉会更单纯。
比如:“最业余DNF”主轴站,为打造出最具多样并性格差别业余管理体系,选用精巧的大副标题内部结构设计,紧密结合单纯的大背景,重点项目注重又更添耐用。
http://dnf.qq.com/act/a20141105career/
比如:Nike 为打造出舒适的购物新体验,每一页用单纯的大副标题和大背景相紧密结合,让女人能很随心所欲的找到她们的SIZE,即简约又直白;https://www.nike.com/cdp/nikepro360fit/us/en_us/#/
2、大大背景
大相片大背景,是目前应用最多的一种网页呈现形式。将整张大相片做为大背景,不仅能产生强烈的听觉冲击力,还可以对网页文本起到一个很好的补充,有效的注重品牌形象。比如:QQ飞车“梦想再出发“预热站,将大大背景铺满整个网页,每个画面都含不同的寓意,增加了游戏的代入感,给人随心所欲、畅快的感觉。
http://speed.qq.com/act/a20120501brand/
比如,Quechua山地运动品牌,通过几张照片和单纯文字的说明,将Quechua帐篷的特征及所处环境真实体现,仿佛一场美妙之旅让人心动。
http://www.quechua.com/2seconds
3,留白
留白,是网页构图的重要组成部分,适当的加入留白,能让文字便于阅读,让网页各元素得到很好的区分,这种的内部结构设计通俗易懂,有得于提升一个网页的品质感。
比如:“兽人必须死”首发引导网页,周围大面积留白,并紧密结合简约的排版,让网页模块之间区分明显,听觉集中,很好的给使用者引导,给人一种精巧和随心所欲感。比如:BRAUN博朗,整个网页,简约的相片与文字的排版,让视线非常集中,这种使用者快速的将注意力集中到文本上去,非常符合他们的主轴“Less,but better”,给人留下回味、想象的内部空间。
4,单纯美感
一个网页,给人增添第一印象的常常是它的美感。不同的色调带给人不同的心理感受。当我们看惯美感绚丽、对比鲜明的网页之后,静下来,重回最自然的状态,运用单纯的美感,会有不一样的体会和感悟。
如:刀锋铁骑品牌站,选用黑金两色,将这款冷战争网游,用最单纯的形式表现最单纯的听觉,更加有感染力。
http://t7.qq.com/act/a20131120exp/
比如:LINCOLN电影网站,运用最常用的黑白两种色调搭配,让网页如此简约大方,给人留下无限想象内部空间。
http://www.thelincolnmovie.com/
5、“纤薄”文本框和铵钮
在网页中,将文本框或者铵钮做得超薄简约,或为纯色或者没有纹理的一层薄线框。这种内部结构设计在确保功能性的同时,给人一种纤细的听觉质感。
比如:“sylviaspitzbart”化妆工作室,利用纤细线框,将文本很好的分割,网页简约而大方又更添品质。http://www.sylviaspitzbart.at/academy/
网页中的简约,表现形式还很多,通常多种紧密结合起来使用,这里就不一一说明了。想要努力做到简约,也并不是一件单纯的事情,它需要我们用心去发现、感受、割舍、提炼出,从听觉新体验的视角去感受网页的简约之美,把信息更合理、有效的传递给使用者,给使用者增添随心所欲、新颖、畅快的新体验。
往期回顾:
—关于我们—
UI中国 专业界面可视化内部结构设计平台
主站:www.ui.cn
新浪微博:@UI中国
UI中国第九届界面可视化内部结构设计行业年会
诚招商业合作
时间:4月下旬,地点:北京798
合作请加微信:zhuti2016