很多关于UI用户界面设计或者GUI图形用户界面的研究讨论在围绕着制作技术进行，比如设计是什么样的流程、图标是什么样的尺寸、什么样的绘制工具、什么样的文件格式、什么样的下拉菜单、网页代码如何编写等等。但是用户界面作为应用设计并不只是软件应用和界面设计师的技术展示或者仅仅是技术层面的研究，用户在使用过程中产生的情感和体验才是应用软件和设计风格能否获得长久生命力的关键。　　本文从情感和体验的角度入手，在研究了GUI基本设计原理之后，分析当下GUI图形用户界面设计的两种主流设计风格：拟物化设计风格（Skeuomorphism）和扁平化设计风格(Flat Design)。最后理论指导实践，尝试功能性的网页设计。　　随着计算机、互联网和蜂窝式网络数字移动电话的发展和普及，GUI图形用户界面（Graphical User Interface）已经成为当今主流的用户界面表现方式，承载着软件应用与用户产生交互行为的重要责任。成功的GUI图形用户界面设计能触发用户积极的情感反应产生良好的使用体验，甚至会建立情感联系，从而产生品牌效应。　　随着计算机应用技术的发展，拟物化设计风格（Skeuomorphism）在图形用户界面设计中一直得到了普遍的认可和广泛的应用。因为这种将用户与用户界面的交互方式模拟成现实生活中使用的物品外观和使用方式的设计风格，可以让用户一眼就认出正在使用的是什么物品，只要有现实生活中的使用经验，不需要学习也可以使用受众的应用软件。　　当触屏蜂窝式网络数字移动电话开始替代键盘蜂窝式网络数字移动电话的时候，作为新形式的蜂窝式网络数字移动电话，为了让用户能够更快的接受和熟练使用，就必须使用户界面看上去更加亲切直观，因此，拟物化风格的设计得到了大量的应用，电灯的开关，仿真的仪表盘、皮革质感的笔记本、收音机上的旋钮这些设计曾经一度成为 iOS的代表性设计。这些拟真的用户界面设计带来的不单单是亲切熟悉的情感和体验，还有可以跨越时间和空间的对拟真技术的惊叹和模拟操作的趣味。　　但是，在日新月异的技术发展中，软件应用的功能越来越多已经远远超过了现实生活中同类物品的功能，所以在用户界面设计中一味的追求拟物化设计风格会限制住应用软件的功能，因为现实中有的形态已经不能完美的成为软件功能的载体。更甚至是应用软件具有的功能在现实中根本找不到对照物，再加上过度拟真的用户界面设计会增加设计成本且不能带来成正比的效益、信息时代爆炸般的信息量等等因素，扁平化设计风格(Flat Design)继拟物化设计风格之后迎来了自己的春天。　　扁平化设计(Flat Design)就是在设计的手法上，去掉所有三维表现效果。简洁的图形用户界面设计去掉了冗余的装饰，有力的突出了其内容本身，使界面的识别和使用变得更有效率，用户可以直奔主题的完成目标。接近极简主义的设计形式简直是把人们从信息的洪流中释放出来，方舟一般的给人喘息的空间。加上其丰富绚丽的色彩和卡通化的设计特征，很快的得到了年轻一代用户群体的认可和喜爱。　　在两种设计风格发生激烈碰撞的同时，关于拟物化设计风格和扁平化设计风格的争论也有很多，当扁平化设计风格风头正盛的时候很多声音都在“预言”着扁平化设计风格必将取代拟物化设计风格。但本文作者认为，万变不离其宗的是“形式服从于功能”。也许信息量较大的阅读类或者咨询类的应用产品尽可能的使用扁平化设计能排除视觉干扰、提高效率，但是模拟操作类的应用，比如吉他、驾驶仪盘等应用如果使用了扁平化风格来设计，一定会味道全无。表硬要偏激的去证明哪一种设计风格是优秀的、哪一种设计风格是糟糕的必将淘汰的都是没有意义的讨论。所谓盛极必衰，物极必反，设计风格也无法逃离这样的命运，当某一种风格被完全普及以后，想要让新的设计脱颖而出，就要反其道而行之。GUI图形用户界面设计是以功能为核心、以用户体验为标准在科学技术的发展和普及下不断的发展。不论是拟物化设计风格还是扁平化设计风格都有各自的优势，也有各自存在和盛行的原因。　　根据以上研究，作者尝试制作网络问卷，调查拟物化设计风格和扁平化设计两种风格，在80-90后用户群体中究竟哪一种更受欢迎，调查结果表明扁平化设计风格在受调查的群体中更受欢迎。根据调查结果，理论指导实践设计GUI/网页设计——有交互功能的中南民族大学网页电子地图(局部)，主要针对在校生和以后即将入学的大学生，意图在使学生在通过地图熟悉校园环境的同时能有亲切、愉快的情感体验，能够传达时尚、充满活力的校园氛围。在比较了拟物化和扁平化设计风格之后，认为扁平化设计风格简洁、直观，卡通化程度较高的特征让创造的空间更，大代表性更强也更有趣味感，相比之下拟物化设计风格对于这样的场景设计显然就需要更大的设计投入，拟真效果如果不到位反而辜负了美好的校园风景，再加上校园高层建筑群统一取材的难度较高等等因素使得拟物化设计风格在这里发挥的局限性很大。目前在校的大学生基本年纪都已经是“95后”的年轻群体，根据问卷调查得出结论是扁平化的设计风格更能受到这一代年轻群体的欢迎和喜爱。所以选择扁平化设计风格来设计校园地图。　　本文的第四章主要介绍了设计过程，从构思、草图、造型、组合一网页应用的效果，以及设计造型小拓展等。