(二) 网页与交互设计的结合
在互联网信息以及手机移动端技术飞速发展的今天,网络开始需要满足各种各样的人群,网页原本仅仅为了传达信息的作用已经远远不足以满足人们对交互体验的更高要求,在网络竞争压力不断提升的大背景下,网页设计当中的信息的量不再是最主要的要素,用户体验的占比越来越高。
提高用户体验同时也是在提升自己的市场竞争力,消除用户在使用中不适的障碍,通过更多新颖的视觉效果吸引更多的用户也成为主流的设计趋势。在提供用户浏览时最需要的信息的同时,简化网页单位页数内的内容将会使网页的主要内容更加凸显,便于用户第一时间能够找到自己所需要的内容。兼顾信息量和视觉体验的同时让用户能在逻辑内找到自己所需要的信息成为了新的目标。
交互设计以重新定义设计与人工系统的设计领域,在网页设计中的交互设计越来越受到重视。交互设计的目标是可用性和用户体验,实现“以人为本”的设计理念。
(三)扁平化设计在网页中的优势
网页设计中的扁网页设计中的平化设计的概念核心是去除多余厚重和繁杂的装饰效果。其具体表现在去除多余的透视、渐变和3d特效这些元素,让“信息”本身作为核心体现被着重展现出来。同时在元素的使用上,强调极简、抽象以及符号化。
在现代的网页设计中,越来越多的网页设计中德icon按钮设计开始逐渐偏向扁平化设计。所有的元素的边界都十分干净,没有任何的渐变、阴影等多余的特效。多余的按钮和点击选项在网页中所占的比例越来越少,页面中只留下最重要的按钮,寻找信息和按钮变得格外简单,减少认知障碍的产生。
图1。1来源网络
从图1。1可以看出,扁平化设计应用在网页设计中的平面设计时,作者把单纯的绿色的黑白灰三种色调结合在一起,不仅能分清层次感,也能把握住整体感,不会出现花里胡哨的页面,使用户在浏览时有更多的精力投入浏览信息而不是被复杂的界面所困扰。来*自-优=尔,论:文+网www.youerw.com
二、优秀交互网页分析
(一) “denso”网页分析
长条单页面的设计使所有的内容都集中在首屏,在向下滚动的同时网页元素会像动态图形一样转换,而并非普通的向下滚动,让人感觉耳目一新,第一时间抓住了浏览者的眼球。右边的全局导航便于用户直接跳转到需要的页面,而不用反复滚动不需要的页面。
(二) “behancereviewsbh”网页分析
黑色背景,简单的点线面构成,加入了不同图形变化的穿插让网页更加有前卫感。
通过鼠标的点击,图形会左右滚动切换、翻滚、放大。不同页面的切换并不像传统网页通过页面滚动,而是通过点击弹出浮动页面。通过背景的几何图形切换表示不同到子页面,画面中央的整体导航使用户更便捷的跳转到任意页面。
浅析扁平化网页中的手绘插图设计(2):http://www.youerw.com/yishu/lunwen_81687.html