扁平化风格在房产中介网页设计中的运用
摘 要:随着互联网的发展,扁平化的设计风格也不断流行开来,网站的设计也在不断向其靠拢,如果还在使用陈旧的风格便显得不合时宜。房产中介网站也是一样,在时代的变化中,要不断保持更新,才能不被淘汰、抛弃。
关键词:网页设计;扁平化;互联网
一、引言
扁平化设计是当今互联网设计流行的风格,经过时间考验而成为主流,而拟物化设计则一去不复返。如今,扁平化带来众多的優越性,使得设计师对它爱不释手。扁平化解决了设计中例如适配等设计痛点。现在,网络技术在不断发展,使得设计师能在网站上实现多种特殊的效果。房产中介网站的设计也在不断更新,有最早期的信息聚合型网站,往垂直品类——单一的租房类别,开始建设网站。其风格逐渐使用现在流行的扁平化。通过研究分析最新设计理念,学习优秀设计方法,来促进互联网设计又好又快的发展。
二:用户界面设计风格的发展
想要了解扁平化设计,先得从最初的界面发展说起。图形用户界面(GUI)出现之前,电脑需要通过输入代码来实现各种命令操作,而那时使用的是命令行界面,谈不上什么设计风格。
美国施乐公司最早创造了图形用户界面和位图显示的方式,施乐的工程师希望能开发出一种简单易懂的操作界面,即使是对设备不懂小白也能轻松使用,从而抛弃晦涩难懂的令行界面。工程师希望在屏幕上创建一种桌面的效果,在屏幕上可以摆放文件或文件夹,鼠标只要点击就可以打开。在20世纪80年代,苹果(Apple)公司借鉴了这一理念,率先在个人计算机上使用了这种界面,之后苹果公司在其电脑上推出了Macintosh用户界面迈出了pc历史上革命性的一步。之后微软公司在其个人计算机上安装了视窗(Windows)系统,使GUI被广泛用于pc端平台。
早期的个人电脑由于屏幕分辨率较低,图形界面主要以线框,以及线或面组成的图标为主,当时的图标只能称其为icon。其界面风格单一,满足了最基本的识别和分隔功能。之后,出现了拟物化设计。拟物化设计在相当长的一段时间内都是设计主流,设计师们一直在努力将图标界面做的更加精致、写实。这种风格视觉感受强,给人一种代入感,和现实世界的物体
极为相像,用户的认知成本和使用成本较低,所以能快速学会如何使用。但过重的拟物化设计会降低用户体验。
一般来说,拟物化设计是指设计师在设计界面时,在控件、背景上模仿现实世界物体的质感,在设计时可以适当的夸张和变形。用户可以一眼就识别出对象是什么,其交互方式也是模拟现实世界中人和物体的交互方式。
扁平化设计(Flat Design)风格在4年前流行起来,如今已成为一种设计趋势,它一般运用在移端和PC端的界面设计中。它抛弃了任何使界面变得有质感的效果。简单来说就是设计师在设计中,不对设计对象添加质感的效果。
现在,这种设计风格已经被大范围的使用,在移动端、pc端都能见到它的身影。已经成为了一种设计潮流。这种风格本身具有一些优秀的特质——干净利索,有着浓郁的现在气息,从注重形式本身,转移到注重界面中最重要的内容和信息元素。扁平化风格的界面设计适配性强、而且十分简洁,便于用户高效操作。
三:网页设计的演变
在1991年,世界上第一个网站正式上线。它的主要元素是简单的文本,并且可以链接几个网站。这个网页的副本至今依然在网上能搜索到。
在1994年的时候,万维网联盟成立,当时就将html确立为网页标准语言。这就阻止了申请专利开发独立程序语言,这会对网络的完整性产生影响。
我们应该意识到,如今移动设备已经成为主流浏览网页的设备,所以应该更加注重响应式设计,便于网页在手机、电脑、平板电脑等不同设备适配。
因为扁平化设计的流行,所以许多网站都在大量使用纯的块,有的甚至尝试将几何图形加入到网页中丰富画面。这一趋势的出现,可以确定是由用户主导的,制作用户喜爱的网站,是设计师们一直追求的目标。网页界面设计的网络系统有哪些
网页实现技术的发展,是影响网页设计风格趋势发展的最主要因素。在过去几年,以下几点值得继续关注:WebGL技术开始出现,开发可以在浏览器中展示3D模型和场景。HTML5、CSS3的广泛运用,以及JS框架的崛起。这些技术的进步对网页设计产生了深远的影响,2010年的响应式网页的设计概念最为突出。
在之前的网页设计中,网页中的动效主要是用户在点击某个区域时,会触发一些动画来提示或奖赏用户。来吸引用户的注意。从而带来情感化体验。比如鼠标移动到某个区域,就会触发该区域的动画,从而让用户注意到我们像让他注意到的信息。
四:房产中介网站设计现状和趋势
早期,房产中介网站是在门户类网站主页中的一个子版块,所以在这种内容繁杂的信息聚合类网站上到合适的房子,完成租房的整个操作流程,比较难实现。一般这类网站的优势在于信息全面,你想的都有;同样它的缺点也很明显,由于内容过多而难以管理,虚假信息变多,难以分辨;内容过多,到需要的信息需要花费大量的时间精力。代表性的大型网站有:赶集网、58同城等。
现在有一部分房产中介公司,细分市场、精耕一个领域。房产不再是其的一个子版块,单独为其建立一个网站,结合流行的扁平化风格,注重用户体验。在首屏放一个大大的搜索框,符合用户需求。网站偏向简约,但又能满足功能需求。代表性的大型网站有:链家、自如等。
这一类网站的设计风格总体往简约实用方向发展,结合当下流行的扁平化风格,美感又不失功能。网站设计的总体趋势是“形式服从于功能”,在满足用户需求的功能上再进行美化。使用扁平化设计,能极大的减少适配问题,在不同的设备都能带来统一的用户体验。
五:结论
扁平化设计开创了网页设计的新形式,它用一种引人注目却又十分简单的方式,让用户准确地把握网页中的内容,给用户提供更快捷、更简单的网页浏览方式,扁平化设计传递的是一种“少即是多”设计理念,应用扁平化风格进行网页设计时,应当在创建信息层级的基础上,实现扁平化设计的最终目的——为提升用户体验而服务。
参考文献
[1] 秦岁明,何梦楠.扁平化风格在网页界面设计中的应用[J].陕西科技大学,2015.
[2] 郝银忠.基于简约化设计理论的扁平化设计研究[J].滨州学院,2017.
[3] 吴丽婷.以功能性为主导的扁平化界面设计研究[J].广州大学美术与设计学院,2014.

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。