研究平面设计风格在网页设计中的优势。方法从界面视觉特征、信息结构特征以及交互方式等方面比较了拟物化和扁平化的设计风格。结论两种风格的界面和信息结构特征不同，以用户为中心来衡量。目前，平面设计风格在网页设计中具有明显的优势。互联网的诞生是一个奇迹，而网页就是这个奇迹的载体和缩影。随着互联网的快速发展，网页的设计变得越来越重要。准物化设计风格和扁平化设计风格是目前最流行的两种设计风格，关于它们的争论从未停止过。1平面设计与拟物化设计导论。平面设计是指摒弃多余装饰的设计风格，如阴影、透视、纹理、渐变等。用抽象、简洁、符号化的设计元素展示信息和事物的工作方式。信息结构呈现出扁平而广泛的结构形式。其风格特点是抽象新颖，色彩丰富，清新简约，格纹设计明显。[1]说到平面设计，就不得不提准物化设计。准物化设计是指通过高光、纹理、阴影等效果，模仿世界上真实物体的形状、材质、颜色，从而达到真实物体再现的设计风格，并以这样通俗易懂的方式表达操作方法。其信息组织结构呈现出长而深的垂直树形结构，风格具有具象写实、壮美逼真的特点。[2]2扁平化设计在网页界面的视觉优势。2.1web界面元素。格式塔心理学家认为，人的感知倾向于“简化”。这种倾向是一种表达，用最简单的可能机制组织任何对象，都可以体现对象最本质的形式。[3]在拟物化的设计中，设计师会模仿现实世界中真实物体的颜色和形状。比如设计师会给按钮添加渐变、阴影等效果，以符合真实按钮的特点，从而为用户营造出友好的感觉。但这样的按钮往往会带来一种不符合用户预期的体验，同时也在一定程度上限制了用户的个性化想象空间，更重要的是设计开发周期相对较长。平面设计采用基本形状，去除渐变、阴影等装饰效果，弱化视觉复杂性，突出每个元素所表达的信息。此外，由于平面设计元素的这些特点，它具有更广泛的适用性。比如近视弱视的用户也可以方便地使用这种设计。2.2网页布局以往的网页设计强调精美的图片和排版效果，精美的插图和周到的布局设计，平面设计摒弃了复杂的光影效果，更多的关注基础内容的呈现。扁平化的图标、矢量图形、图标字体在扁平化设计中应用广泛，更符合现代审美。一方面，准物化设计的初衷是降低用户的认知成本，让用户在使用科技产品时能够参考现实世界的操作规则，在短时间内轻松掌握数字产品的用法[4]。目前数码产品的普及度已经很高了，尤其是在年轻用户中，准物化设计的功能优势已经无法凸显，用户已经熟悉了各种数码产品的基本特征，适应了各种界面的操作方式，在扁平化的设计风格界面中更容易、更快速地找到所需信息。另一方面，平面设计的界面可以提高用户操作的效率。随着移动互联网的迅速崛起，移动终端屏幕尺寸的多样化给网页设计带来了很多麻烦，于是响应型网页设计应运而生。在这方面，对于设计为物化的网页，很难实现跨屏、跨平台的界面适配，尤其是在小屏幕上，设计为物化的图标非常难识别，而设计为扁平化的图标可以很好地满足这些变化因素的需求。矢量图形的更平坦使用减少了对像素精度的依赖，因此设计师有更多的创作空间，可以创建更具适应性的用户界面。2.3颜色在平面设计页面，因为追求极简，没有其他多余的装饰。因此，设计师在设计时需要更加注重色彩的搭配，这样才会收到更好的视觉效果。总结平面设计的配色大致可以分为两种相似配色相似配色，最常用的是将同色系的黑、白、灰三种色调组合起来，形成层次对比。在平面设计中，单色的运用既能区分层次感，又能把握整体感。对比配色使用对比配色可以让页面看起来充满活力，色彩丰富，视觉效果抢眼。设计师在使用对比色进行搭配时，要注意理解网页主题，选择合适的颜色进行搭配。2.4字体文本设计者是向用户传递信息的最重要手段。字体的选择既要符合平面设计的简约风格，又要符合整个页面主题的设计风格。一般来说，平面样式的页面会使用无衬线字体，然后通过改变字体大小、颜色和粗细来排版[5]。不同的排版文字信息会带来不同的视觉浏览体验，比如更大的字号或黑体字，可以帮助用户轻松区分和获取文字所传达的信息，从而在内容中营造出一定的层次感，明显提高内容的可读性。3扁平化设计在网络信息组织结构中的优势。所提出的物化设计的信息组织结构主要是层级结构，呈现金字塔形的垂直树形结构，是一种逻辑强的层级组织模式[6]。这种信息组织结构有很多层次，每个层次包含的信息很少，也很准确。信息是根据严格的逻辑关系进行有效分类的，因此信息获取的准确性相对较高。同时，层级之间的过渡路径长，不同界面之间切换耗时长，不利于全局观察，导致用户迷失方向。准物化设计是一种注重功能实现的信息结构，更适用于具有逻辑信息结构、信息多样且详细的产品。扁平化设计最大限度地缩短了信息层级，扩大了横向信息承载能力，呈现出扁平化、宽化的结构。特别是卡片式信息展示形式可以同时展示信息标题和少量内容，降低了用户访问多个目标信息时的认知成本。但是，如果单个层级所承载的信息量过大，就会变得更加难以获取准确的信息，在页面中定位信息也会变得更加困难。因此，扁平化设计适用于信息浏览快、信息分支和模块少、信息传递快的产品。这种信息组织结构的扁平化设计可以优化目前大多数的网页体验。4平面设计在网页交互中的优势。设计要物化的网页往往是不完整的，比如因为耗时较长，按钮的四种状态无法完全模拟，会造成用户体验的不连贯，给用户带来困惑。与此同时，由于耗时的准物化设计，在网页动态方面几乎没有什么可以改善用户体验的东西。而平面设计多采用简单的矢量图形、图标和图片，容易混淆，不易混淆。同时，网页的交互效果可以大大提升用户的情感体验，避免扁平化设计风格带来的冰冷、毫无生气的感觉。5平面设计历史悠久，就像准物化设计一样。随着互联网的快速发展，尤其是移动互联网的兴起，满足了用户的各种新需求，解决了用户体验的痛点。扁平化设计的优势被凸显出来并广泛传播。当平面设计风格运用到网页设计中，其优势也会对用户体验产生非常积极的影响。准物化的设计风格不会被破坏，会以恰当的方式为用户体验做贡献。