扁平化设计在高校网站建设中应用研究.docVIP

扁平化设计在高校网站建设中应用研究 　　摘 要：扁平化设计具有清晰的界面布局、高效的信息传递、舒适的交互体验等优点。研究了扁平化设计在高校网站建设中的应用，探讨了扁平化设计风格在网站界面设计、图形创意、色彩搭配、文字择选及版式布局中的应用。 扁平化设计以提升高校网站用户操作体验为目标，倡导简约而不简单的设计美学理念，有效整合界面、图形、色彩、文字、版式各个元素之间的关系，体现了高校网站界面设计简洁之美，同时，又具备优良的网站功能，适应了时代发展需求。 　　关键词：扁平化设计； UI设计；GUI设计；交互设计；高校网站建设 　　DOIDOI：10.11907/rjdk.151640 　　中图分类号：TP319 　　文献标识码：A 文章编号文章编号2015）009013202 　　0 引言 　　随着互联网技术的发展，很多高校网站顺应新形势，改版其网站首页，改建后网页的GUI设计（Graphical User Interface），即图形用户界面设计逐渐体现出扁平化趋势。 　　1 扁平化设计 　　1.1 扁平化设计理念 　　扁平化设计（Flat Design）是相对于拟物化设计提出的一种新兴的界面设计风格，隶属于现代主义设计体系。它摒弃了以往网站建设中的过度装饰，简化三维效果元素，运用抽象化的视觉语言表现二维性，着重表现设计的简洁之美，强调网页界面设计的功能性，使用户享受到简单舒适的交互体验，具有国际主义风格。扁平化设计体现了去繁从简、少即是多、简约而不简单的设计美学理念，通过简约的界面、图形、色彩、文字、版式的搭配，直观地向用户传递有效的目标信息。扁平化设计发展具有必然性，它源于用户对信息化功能的诉求，可以减少干扰，让用户直观接收信息，同时符合大众审美需求，符合互联网去中心化的精神。目前扁平化设计常应用于网页设计、手机UI设计、电视广告设计及平面广告设计等。高校将扁平化设计应用于网站首页改版，以适应时代发展要求。 　　1.2 扁平化设计发展历程 　　扁平化设计理念最早由Allan Grinshtein提出，Allan认为组合较少的视觉元素构成较完美的视觉效果才是最理想的界面设计。2010年微软发布了Windows Phone7，扁平化设计首次被运用于Windows Phone的界面设计；2011 年，扁平化设计应用于安卓4.0的开发；2013年苹果IOS7将扁平化设计推向新高，扁平化风格在界面设计领域迅速发展，并逐渐形成设计潮流。目前，主流网站及移动终端应用界面都趋向于扁平化设计，如Face book、Google、腾讯、人人等网站，这些网站的设计变更与推进预示着交互设计开始步入扁平化时代。 　　1.3 扁平化设计原则 　　网络信息的高速传播需要依托更加清晰的形式和更加直接的方式，将图文信息依托于扁平化风格设计，以简单高效的方式进行信息传递与接收，用户的浏览效率和网站的视觉美感都会得到大幅提升。扁平化设计可以看作是功能上的简化与重组，其设计原则包括：①考察用户需求，设计适应不同文化背景的用户群；②打造风格一致的界面，减少用户认知障碍，优化网站交互体验；③图标采用二维化设计，图形简约、色块单纯，用色彩与用户进行交互，达到视觉效果极简、图形设计抽象、字体搭配简约的视觉体验；④简化信息层级，强调信息本身，突出主要内容弱化次要内容，为页面内容做视觉减法，使得页面主次信息直观明确；⑤注重排版，合理搭配图形、色彩、文字的空间布局，使可点击的界面元素在视觉上与其它元素形成强烈对比，并体现出趣味性；⑥增加页面视觉动线，增强用户视觉平衡感，创造更加流畅的使用体验。 　　2 扁平化设计应用 　　2.1 界面设计 　　网站的交互界面设计是信息传递最为重要的媒介。优秀的网站界面必须要让用户操作起来有效易用、简单方便、舒适愉悦。简化交互界面设计，使用用户熟悉的信息显示方式，保持页面整体结构基本相同，确保知识主体能够被用户理解。目前已被应用的扁平设计作品中，设计师们常常采用方形、圆形、矩形等简单的形状或是菱角分明的形状，在保持功能界定清晰的前提下，尽可能简化设计，保证网站的直观性，节省用户面对新交互界面时的反应时间。 　　2.2 图形创意 　　格式塔心理学认为，人类在认识事物的过程中都会下意识地关注主要的视觉形态，忽略次要的视觉信息，人类知觉具有简化倾向。同样地，诺曼曾提出产品设计同人脑印象相一致时，会形成自然匹配，会下意识地领悟产品的功能及用法。扁平化设计中，极富寓意且标识度高的图形会让用户快速发现它所隐含的应用功能。扁平化设计中的图形一般是经过高度概括、简单纯粹的抽象几何化形状，这是对图形的一种精准提炼，给用户以强烈的视觉冲击力。虽然界面是简单的几何元素，但是通过不同的排列组合、拼接裁剪，同样可