以视觉信息为主导的扁平化界面设计研究.pdfVIP

大众文 艺 ·美术与设计 · 以视觉信息为主导的扁平化界面设计研究 张铁琦 张 焘 (江南大学 214(162) 摘要：随着用户体验领域的空前发展，不同类型的用户体验界 易学的区间内适当降低产品的易学性 ，会给予用户以使用产品的 面扁平化的趋势 日益 明显，经过对大量的扁平化界面设计实践在色 自信，恰好保证用户对产品的兴趣，提高用户粘度。而扁平化正 彩，排版等元素的总结和分析。发现在繁荣的信息时代，扁平化设计 是处在这一区问内的视觉风格，这是其盛行的重要原因之 。‘ 在 色彩，字体以及布局等等视觉元素上采取不同的应用方法来以信息 (2)视觉疲劳 为主导从而使得用户体验产品界面更适应 当今技术发展和用户变化 ， 视觉疲劳虽然是扁平化设计盛行的次要因素，但也不可忽 相比传统用户体验的视觉设计领域，这一优势决定了扁平化趋势的诞 略。Layervault的AlleFlGrinshtein在一篇发表～~HackerNews的 生 文章中提到： “r’。受欢迎的产 品通常都有… 类似的设计美学， 关键词：扁平化；界面设计 ；视觉信息；视觉元素 比如一些立体、内阴影、外阴影等。对设计师来说，他们会以实 现这种 “媚俗 ”的界面而感到 自豪。”论天 F设计，简久必繁， 中图分类号：J524文献标识码：A 繁久必简 ， 用户体验也不例外 ，不管是研发者还是用，，都会 产生审美疲劳 。即使不疲劳，个别产品也需要标新立异，与众不 引言：扁平化设计没有明确的定义，但从设计师们的大量实 同，也必然会走向另外一个极端 。 践总结来看扁平化设计风格是一种摒弃高光、阴影等能造成透视 2．以信息为主导，提高效率 感的效果，通过抽象、简化、符号化 的设计元素来表现用户体验 传统设计为了降低用户学习成本，采取模拟现实物品的造型 产品界面的视觉风格 。界面上极简抽象，频繁使用矩形色块 ，无 和质感的手法 。此手法虽然是一种能够降低用户学习成本的一种 衬线字体等元素 ，呈现出十足现代感。 方式，但其缺点在于需要花费设计师大量的时间观察并模拟现实 一 、 扁平化设计的优势 物品。 1．适应用户时代性的需求 比如 IOS7之前版本的 自带输入法 中按钮中的文字效果：浅 (1)用户不再需要降低学习成本 色和深色按钮 。在浅色按钮上 ，文字9O度 向F方 向有lpx白色反 在数码设备普及度不高的时代，低学习成本的传统设计风靡 光；而在深色按钮上 ，文字9O度 向上方 向有lpx~]影，按钮也宵 ～ 时，因为用户都需要大量学习与训练才能熟练使用陌生E具， 将近2px线高光投影，同时每个按钮都运用渐变颜色，如此严格 所以牺牲信息来提高易学性的传统设计更能够被用户接受，但 一 模拟现实光照效果能够凸显按钮降低学习成本 ，但其弊端就在于 个先进的设备得通过模仿熟悉的事物让用户快速理解，是时代过 花费了设计师甚至是开发者大量的精力和时间。 渡 中的一个不得已。 对LLIOS7的默认输入界面 ，半透明底 白色字体，运用黑色半 界面产品的易学性高于用户 自身的心智模型时，用户就会对 透明底与 白色半透明底区分常用按钮与非常用按钮，提亮 中间常 产 品失去兴趣 。如此 ，产 品易学性在用户心智模型以下，同时在 用按钮键将用户的视觉动线确定为从中间向两边扩散。 神既是艺术的起 点，也是其归宿。 和传统限定，而只需重新回到自我内心的真实感受，感知时代气 作为艺术家，对艺术与社会文化 、人类精神的关系的思考是 息和民族的现实，思考和认识艺术所具有 的永恒精神与理想，不 必要的。在这个功利主义的物质世界里，艺术作为一种