您好, 访客   登录/注册

简约主义风格的网页设计研究

来源:用户上传      作者:祝晓铭 王艳平

  摘 要:网页的核心功用是信息传递,如何实现功能实用性和艺术审美性的有效统一,是困擾网页设计者的问题和难题。本文对简约主义风格的网页设计原则和设计应用进行了分析研究,以期为更好地掌握简约主义风格的网页设计提供理论借鉴和实践依据。
  关键词:简约主义;网页设计;界面设计
  21世纪是网络信息化时代,网站已成为人们获取信息的重要来源。人们在快节奏、高频率、高负荷的工作生活方式下,缺少包含理解与尊重的信息获取环境。具有简约主义风格的网页设计,立足于用户追寻简单自然与和谐秩序的初心,满足了用户在信息获取过程中的本能渴望和理性需求。
  1 关于简约主义风格
  简约主义起源于20世纪初期的西方现代主义,欧洲现代主义建筑大师密斯·凡德罗的名言“Less is more(少即是多)”被认为是简约主义特征的代表,是一种在美学上追求极简的设计风格,一种简单到无以复加的设计方式,[1]是时代背景下,既带有明显地域民族文化倾向,又符合社会时尚潮流的设计思想、风格和表现手法的集合。
  简约主义提倡以最少的设计语言传递最多的设计内涵。简约主义的设计不再以形式为唯一出发点,而突出强调设计的功能性,营造简洁、秩序、精细、本质的视觉效果,通过删繁取简、化繁为简、以简胜繁的设计手段,最终达到内容形式和结构功能的和谐统一,其设计风格和应用效果在网页设计中同样得到了体现。
  2 简约主义风格的网页设计原则
  网页的核心功用是信息传递,快捷方便查找信息、清晰准确阅读信息是人们使用网页的根本需求,优秀的网页设计必定是功能实用性和艺术审美性的完美统一。然而,很多网站缺少以人为本或用户至上的思想指引,缺少基于形式美感法则的设计表现原则的有效指导。网页制作上不注重信息架构的分析建立,缺少内容焦点主次,造成信息过量堆积;缺少视觉导航指引,造成访问无序盲目;缺少功能结构层次,造成互动混乱低效。鉴于此,利用具有简约主义风格的网页设计原则,可以解决用户对实际功能的需要,提升网页设计品质。
  2.1 简洁化
  简约主义风格的网页提倡简洁、拒绝繁复。“简洁化”可以减少由于网页组成元素盲目堆砌造成的视觉干扰,是简约主义风格的网页建立和提升用户体验的出发点。在设计上,首先,对信息层级架构进行科学的规划和分类,减少索引层级,视觉导航清晰直接,使信息浏览快捷准确;其次,对视觉传达元素进行考量、删减和组合,强化阅读焦点,去除无效低效信息,使信息传递高效有力。最后,对界面设计风格进行形式优化和取舍,确立功能主体,使视觉传达更具人性化。
  2.2 人性化
  任何设计都是为了满足人们需求而进行的创意活动,简约主义风格的网页设计不仅要满足用户访问网页进行信息获取的首要意愿和需求,还要使用户在此过程中获得优良的互动体验和感官愉悦,“人性化”是实现此目的的落脚点。人性化强调将是否满足人性的需求作为网页设计成功与否的基本衡量标准,要优先考虑用户的浏览习惯,多做信息资源的整合提炼,减少被动选项干扰,保证信息传递的目标性和平顺性。同时,要注重挖掘新的网页体验方式,主动加强用户视觉、听觉感官功能的发挥,甚至借助现代仿生电子应用技术手段,实现包括嗅觉、触觉、味觉等其他感官功能的共同互动体验。
  2.3 功能化
  设计上常讲“内容决定形式”,在简约主义风格的网页设计中,更强调“形式服从功能”,“功能化”是网页应用聚焦的核心点,形式与功能在很多情况下是标本关系,切忌本末倒置,谨防形式削弱网页主体的诉求效果。[2]协调用户体验和功能需求间的平衡关系,不能只追求网页界面的华丽酷炫,而要力求使用简洁清新的设计给用户的精力产出提供效能保障。让用户以最短时间、最优途径、最佳体验的方式,进行其自身意愿下的信息获取与传递,既是网页功能的有效发挥,又是对用户的充分尊重。
  2.4 扁平化
  提升用户体验度是网页功能得以发挥和优化的潜能动力,实现此目标的最佳设计手段是“扁平化”,是网页设计实现简约风格塑造的技术点。扁平化将信息传递和视觉传达以更加简单直接的方式展现,促使用户将注意力集中于信息本身,有效减少了用户的认知障碍和视觉障碍。在设计上,一是信息层级的扁平化处理,将需要传递的主要信息分类汇总,并强化核心信息的突出位置,缩短用户获得有效信息的时间和距离;二是界面设计的扁平化处理,与拟物化风格不同,扁平化风格去除了渐变、阴影、透视、高光等偏向立体写实效果的复杂设计,实行具有抽象化、平面化、符号化特点的简约设计,克服视点分散无序的缺陷,使视觉传达更为集中直接统一高效,增强用户和网页的互动成效。
  2.5 统一化
  设计作品“既是物质,又是精神;既是形式,又是内容”。[3]简约主义风格的网页设计作为一种艺术展现形式,需要从整体角度对网页内容进行把控,把握好物质和精神间的渐进和互补关系。“统一化”是实现网页功能应用和审美需求汇聚融合的关键点,有助于用户感官刺激和传达触动的产生,是用户和网页之间建立情感联系和信息认知结构的重要途径。在设计上,要做好网页简约主义风格的整体规划,对于层级结构、版式布局、配色方案、文案信息、交互设计等网页组成因素,要遵循形式美法则的规律指导,兼具功能性法则的设计指引,进而创作出成功的网页作品。
  3 简约主义风格的网页设计应用
  网页设计是平面设计在信息时代背景下,借助电子媒介载体实现的应用的延续和拓展。简约主义风格的网页设计能够以其自身所具有的形式美感法则和设计元素表现手法,实现通过视觉传达手段来传递信息的核心功用。
  3.1 形式美法则
  形式美法则是人类在创造美的形式、美的过程中对美的形式规律进行的经验总结和抽象概括。掌握形式美的法则,能够使人们更自觉地运用形式美的法则表现美的内容,实现美的形式与美的内容高度统一。[4]形式美法则主要讲求变化与统一、对比与调和、节奏与韵律、对称与均衡等,具体到网页设计特别是简约主义风格的网页设计来讲,主要包括两方面的内容:一方面注重由信息传递功能元素构成和转化而来的美,主要包括文字、图形、色彩以及声音、影像、动画等;另一方面注重由视觉传达功能元素装饰和体现出来的美,主要包括界面设计以及交互设计等。这些法则在网页设计元素上的具体应用,增强了网页的设计美感,迎合了用户的审美需求。   3.2 文字、图形、色彩
  文字、图形、色彩是視觉传达设计的三个主体要素,三者间合理搭配运用,会创造出艺术的空间感和美感。
  文字是传递信息最重要的工具,也是特殊的视觉形象语言,富有情感交流和审美表达的特点。网页设计中的文字要以可读、易记、好理解为第一要义,科学、合理的文字排列能够在一定程度上增强页面的视觉感,对文字艺术表现力的提升具有重要的意义。[5]应多选用造型简洁流畅、视觉效果醒目、传递信息高效的具有扁平化风格的无衬线字体,如雅黑体、等线体等。正文字体宜采用英文为12像素,中文为14像素,行间距为24像素的设置,最适用于各年龄层用户。
  色彩是视觉传达的首要元素,具有神奇的情感魅力和寓意内涵,能够影响用户的情感倾向和心理感受。网页设计中的色彩应用应从网站的功能属性和传递特征出发,优先确定网页的色彩基调、明暗关系和视觉中心,做到搭配合理、统一有序、简练概括,要多使用具有扁平化特点的色块设置量感,明确网页的主体背景和板块关系。在设计上,首先,要注意不同板块之间,尽量采用不同色相加以区分,并以相同明度和饱和度来实现调和统一;其次,同一板块间的信息层级递进,可以通过相同色相的不同明度和饱和度加以区分;最后,页面色彩的组合应相对简单集中,尽量运用单一颜色作为基色,再以2~3种同色系的、不同明度和饱和度的颜色为辅色,并使用极少量或小范围的补色予以对比调和,实现网页色调的干净统一和谐生动。
  图形是无国界的视觉语言符号,具有极强的信息传递功能,最能在引人强力注目后激发广泛的阅读兴趣。网页设计中的图形要简洁明晰、直观易懂、个性张扬、方便记忆,切勿俗套琐碎繁缛平庸。应以用户的认知速度和记忆深度为图形设计构思、选择和表现的创意源泉,尽量选择使用具有形状规则、边缘清晰、色调统一等特点的抽象化图形元素,这也符合扁平化图形设计减除不必要装饰性、提升写意性和操控性的特点与要求。
  3.3 界面设计
  设计的价值应该体现在如何给用户带来更多的关怀,如何让界面变得清新明了,使用户能更加轻松地实现既定目标。[6]设计者要从用户需求和体验的本原出发,隐藏、削弱或删除视觉干扰因素,使用户简单方便快捷地获取信息。易阅读、易操作、易互动体验是简约主义风格网页的界面设计方向,在设计上,首先注重信息传递的有效性;其次考虑视觉传达的审美性,达到功能和审美的平衡统一。
  结构简洁清新、色调和谐统一、交互直接可控的界面设计能给用户带来轻松愉悦的网页浏览感受,是完成信息传递、提升用户体验的先决条件。简约主义风格的网页界面的扁平化处理,可以通过对结构、内容等网页构成元素,进行元素间的“点、线、面”构成设计,实现上下、曲直、方圆、聚散、开合等界面分割和形态组合,以及画面黑白、明暗、冷暖等色彩关系的对比调和,使用户感受到设计带来的理解尊重和情感关怀,帮助用户轻松实现信息获取的既定目标。
  留白是界面设计空间处理的重要组成部分,是网页设计审美意境的延伸,增强了信息传递的主体地位,拓展了用户阅读时的呼吸空间。
  4 结语
  对美的追求是人高层次精神需要和高质量生活方式的一个标志,美的设计是超越功能实用因素的精神创造。[7]“简约而不简单”,并不仅仅是一句广告用语,当简约体现在网页设计中时,充满的是人性的理解和关怀,这是一切艺术活动的起点,也是理想和现实之间的诗意与远方。
  参考文献:
  [1] 王受之.世界现代设计史[M].北京:中国青年出版社,2002:339.
  [2] 王勇,洪斌.高校图书馆网页设计的审美化[J].大学图书馆学报,2017(05):49.
  [3] 福西永.形式的生命[M].陈平,译.北京大学出版社,2011:37.
  [4] 形式美法则[DB/OL].百度百科,https://baike.baidu.com/item/形式美法则/4514187?fr=aladdin.
  [5] 吴宗玉.艺术设计在新闻网页设计中的应用价值[J].新闻战线,2016(07):76.
  [6] 覃京燕,李琦.界面设计的可持续意义研究[J].包装工程,2012(06):83.
  [7] 章利国.现代设计美学[M].河南美术出版社,1999:66.
  作者简介:祝晓铭(1977—),男,山东青州人,硕士,工程师,就职于山东理工大学网络信息中心,研究方向:计算机网络和网站建设。
  王艳平(1977—),女,山东青州人,硕士,教师,研究方向:艺术教育。
转载注明来源:https://www.xzbu.com/1/view-15055146.htm