摘要：伴随着现代网络信息技术的不断发展，网页设计中用户的交互体验越来越被看重。本次作品旨在打造一个流浪猫收容与领养的互动平台，通过网页作为媒介，并且将流浪猫与纯种猫的知识进行归纳分类，以简约的设计使用户能在最短时间内找到自己需要的信息。本次网页设计中加入了更多交互体验相关的要素，摒弃了传统网页的栅栏化处理，使用户在浏览的时候获得更好的视觉体验。71915

毕业论文关键字：网页设计；交互设计；扁平化

Analysis of hand drawn graphic design in flat web pages

Abstract: With the development of information network, the interactive experience of users is becoming more and more important。 This work aims to create an interactive platform for a stray cat shelter and adoption, through the web as a medium, and the stray cats and cat knowledge classification, with simple design allows users to find the information they need in the shortest time。 The web design added more interactive experience related elements, abandoned the tradi-tional web fence processing, allowing users to browse for a better visual experience。

Key words:Web Design；flat design；interaction design；

目  录

一、 网页设计概述

（一） 网页设计的发展趋势1 

（二） 网页与交互设计的结合1

（三） 扁平化设计在网页中的优势1

二、 设计展开优秀交互型网页分析

（一） “denso”分析。2

（二） “behancerviewsbh”分析。3

三、 作品简介及说明

（一） 毕业设计项目简介及由来 。4

（二） 色彩构成 。4

（三） 手绘插图探索 。6

四、 作品简介及说明

（一）adobemuse软件简介  8

（二）adobemuse交互设计探索  8

结语 9

致谢。 。10

参考文献 11

一、网页设计概述

（一） 网页设计发展趋势

     网页是理性与感性相结合创造出的产物，“功能”和“美”都是为了利于更高效的传播信息。在遵循“设计主题鲜明”，“设计内容与形式统一”，“设计形式上的统一与创新”这几相原则的前提下， 未来网页设计会变得更加创新。简单化是指网页的展现形式会逐步变得简单，同时条理变得更加清晰。用最简单的视觉设计现实最全面的内容，一个网页中只有几句话或者几张图片，甚至只有几个单独的字，通过用户自己的需求找出自己所需要的信息，简单而实用，毫无过度包装的臃肿。不会再出现以前网页中错综复杂的内容，用户在海量的信息找费力地寻找自己所需要的内容，让人无从下手；立体化指的是网页设计逐渐突破单纯的平面概念，运用到更多的弹窗以及交互，让用户能够通过鼠标去旋转页面，甚至翻转页面，选择自己所需要查看的某个面的信息，更加便于信息的归纳与整理；智能化设计将会是未来网页设计的主流，智能化也不仅仅只是简单的搜索功能和跳转功能的智能检索，更多的是在用户的交互体验上更加的人性化，甚至可以通过未来的技术设计出视觉嗅觉听觉一体的网页。adobe公司推出的adobemuse也是为了设计是能在不需要掌握复杂的脚本编程技术就能实现自己的设计的新兴软件，其动态按钮以及动画与鼠标滚动的响应等众多功能也使其受到不少设计师的青睐。文献综述