习惯了一栏式的设计,将屏幕一分为二的设计常常会让用户感到更加新鲜。网页中并排的两栏呈现不同的信息,是分屏式设计的最典型特征,两边的信息可以包含相同类型的元素,可以呈现不同属性的媒体内容,比如一边是图片,一边是文本。
分屏式设计完美的解决了你需要同时呈现两个不同内容的需求,这种UI界面突出了这两项内容的对等地位,让用户自行浏览,或者做出选择。
一、视差滚动布局
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为网页设计的热点趋势,越来越多的网站应用了这项技术。
视差滚动技术一直是Web领域运用最多最广泛的,今年苹果全新设计了Apple News,详情页杂志化排版;当你在滑动时候,页面前后分层,拥有Z轴空间,视差效果明显。大大提高了观赏性与趣味性,同时又能看全摄影图。视差滚动依然是当前网站设计的新趋势。
二、色彩搭配
大胆鲜艳的配色在最近两年成为了一种很重要的趋势,在2020年这一趋势将会继续。这些颜色丰富,明亮,充满活力。他们既可以做为主色也可以做为辅色。高对比度的色彩,同样能够带来清晰的视觉间隔效果。在 UI 界面中高对比度的色彩有着极为明显视觉表现潜质,它们能够增强网站的信息和内容的表现力,分割区块,营造氛围。
对比度是影响页面和屏幕可读性的关键因素之一。在具体的应用当中,不同的色彩会有效地分离不同的选项、条目和区域,这意味着它做为视觉分隔的作用非常强,这也是近年来分屏式设计如此流行的原因所在。
在2020年,我们认为网页动效设计会是主要趋势,因为在几乎所有的设计领域都能用到动效,从微动效到 Logo 和 UI,一切都在动。动画内容正在进入一个全新世界,在这个世界里,纯文字内容不再像以前那样吸引人了。正如我们所说,动效是今年的趋势,在网页中的表现尤为突出,也能为插画增加丰富的细节,强化信息传达,提升记忆点。
微交互的概念最早出现在2018年,但这是一个值得在2020年关注的趋势。它们是网页设计中一个极其重要的趋势,决定了一个网站是普通还是优秀的区别。微交互在让用户理解系统如何工作,并引导其获得更好的体验方面扮演着非常重要的角色。
如果你是一位网页设计师但还不会在工作中用微交互,我们建议你赶紧学起来,因为在 2020年的网页设计工作中,缺少了微动效,整个产品都会黯然失色。
三、视频运用
文本信息已经没有以往那么具有吸引力了,更多的视频内容也是自然的结果。随着网络带宽和上下行速度的提升,等待视频加载的时间越来越短,用户也可以更加快速便捷地获得视频内容。
视频内容不仅能够更快的表达,也具备更好表达的可能性。作为一种主动输出的媒体模式,视频内容的优势非常明显。相应的,视频内容的制作也需要更加注意,必须提供有意义的内容,才不会让用户有浪费时间的感觉。
功能需求分析
( 1 ) 导航栏目:导航栏目基本包括了网站的主要功能,了解客户需求时,一定要把每个导航栏目的功能及展示形式了解清楚,准确记录下来。
( 2 ) 网站板块:网站板块大多按照导航栏目来定义,有些除导航以外的板块要特别的注意,记录清楚板块名称及板块的展示形式。
( 3 ) 客户描述:有些功能是前台不容易看到或者客户特殊要求的,要详细记录下来。
比如会员功能,会员是否有积分、是否分等级、是否有积分换了、是否可以发布供求信息或者产品、是否有其他特殊功能。如电子商务的网站,除了基本的购物车、订单管理、在线支付、会员管理、是否有其他特殊要求,如运费的分地区重量计算问题、产品图放大镜效果、后台管理员分权限等。
总结来说,网站设计分析主要从设计和功能两方面入手,分析的越透彻,越能最大程度地保证网站建设顺利进行。
版权声明:部分文章信息来源于网络,本网站只负责对文章进行整理、排版、编辑,是出于传递 更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快处理。