人机工程与交互设计(网页界面设计)

《人机工程与交互设计(网页界面设计)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、浙江大学城市学院2012—2013学年第1学期期末考核《人机工程学》大作业姓名：李鹏飞林智翔学号：3110205231102055班级：电信1101_电信1102_指导老师：_刘加海_____3人机工程与交互设计——网页设计3摘要：就产品而言，随着时代的发展，产品已不是单纯地重视款式的创新，更多的强调的是用户的体验。但社会上仍有许多产品新增了各式各样的功能，却忽略了用户对产品功能是否可以简单方便地使用。而本文将从使用者的角度探讨网页设计，主张网页设计要以人为本，进行人性化设计。在探讨过程中，我们会对各种类型的门户网站进行对比，分析其设计的含义。指出网页设计的主要内容

2、，并提出网页设计的要点。但在设计中由于网站对针对自己用户方面有自己独特的创新设计，所以不能以偏概全，因此会产生些许不足。关键字：人机界面网页设计以人为本人性化设计Abstract：Termsofproducts,withthedevelopmentofthetimes,theproducthasnotsimplyemphasisonmodelsofInnovation,moreemphasisistheuserexperience.Buttherearestillmanyproductsaddedtoavarietyoffunctions,butignoredtheuser

3、whethertheproductfunctionscanbesimpleandeasytouse.Thisarticlefromtheuser'sperspectiveofwebdesign,advocatewebdesigntopeople-oriented,user-friendlydesign.Exploretheprocess,wewillalltypesofportalcomparisonanalysisofthemeaningofitsdesign.Thatthemaincontentofthewebdesign,webdesignandmadepoints.

4、Websitedesignhasitsownuniqueinnovativedesignfortheirownuser,socannotbegeneralized,andthereforewillhavealittleless.Keyword：Man-machineinterfaceWebDesignPeople-orientedUser-friendlydesign3目录第一章交互设计的介绍11.1传统的交互设计11.2以人为本的人性化交互设计1第二章分析人机界面的设计22.1人机界面的介绍22.2网站界面的设计原则32.3分析传统网页界面的不足之处4（1）排版不简洁4（

5、2）字体不统一5（3）主次色彩不分6（4）广告图片太多6（5）没有重点7（6）文字形式相同，功能不同8（7）导航目有重复8（8）信息遮拦92.4分析好的网页界面出彩之处9（1）排版整齐9（2）突出重点10（3）字体统一10（4）色彩搭配协调11（5）条目数量适宜12（6）导航目录合理安排132.5针对不足提出如何改进13iii（1）明确网页主题13（2）排版改进13（3）色彩搭配15（4）图片处理17第三章设计网页界面233.1网页界面的用户研究233.2人机界面的信息设计（强调视觉）243.3人机界面的视觉设计24第四章以人性化为主旨的交互设计的5样产品264.1浙江大学

6、城市学院26（1）网站主题26（2）排版264.2网易新闻网28（1）网站主题28（2）排版29（3）颜色搭配30（4）图片304.3Dota视频网31（1）网站主题31（2）排版31（3）色彩搭配33（4）图片33第五章人性化交互设计未来的发展355.1人性化交互设计未来的发展35iii【参考文献】36引言：一个门户网站作体现着是企业的形象，好的网站对企业重要性不言自喻。如今越来越多的行也开始注重网站对于自身宣传。然而目前由于网页技术更新很快，导致目前的网页设计普遍沿用某个经典模式，而没有根据用户的需求去设计。比如现在的市场中，有大部分中小企业看重网站对其知名度的宣传，从

7、而匆匆仿照某个模板，简单地建立一个网站，但这种人云亦云的网站如何能让人印象深刻。因此一个好的交互网站无疑是必须的。但如何使网站很好地帮助双方的交互交流呢则是我们关注。iii第一章交互设计的介绍1.1传统的交互设计简单的说，交互设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。对于传统的设计，设计者主要关注的产品的外在形式，却忽视了使用者对产品的实用性。可以这么说，传统设计是设计者们自然现象中直接得到启示，或是全凭人的直观感觉来设计制作工具。设计方案存在于手工艺人头脑之中，无法记录表达，产品也