学术堂首页 | 文献求助论文范文 | 论文题目 | 参考文献 | 开题报告 | 论文格式 | 摘要提纲 | 论文致谢 | 论文查重 | 论文答辩 | 论文发表 | 期刊杂志 | 论文写作 | 论文PPT
学术堂专业论文学习平台您当前的位置:学术堂 > 计算机论文 > 网页设计论文

网页设计中视觉传达应遵循的原则及运用

来源:美术教育研究 作者:张子俨
发布于:2021-07-21 共4026字

  摘    要: 视觉传达理念在网页设计中的应用可为网页设计注入情感方面的元素,增强网页内容的可读性,拓展用户基数。基于此,该文以视觉传达理念为切入点,分析视觉传达在网页设计中应遵循的原则和情感因素,研究视觉传达在网页设计中的应用模式。

  关键词 :     视觉传达;网页设计;表达形式;

  网络信息时代下,人们可通过网络平台获取更多的信息资源。对于企业信息化平台建设而言,在存在同质化现象的网站页面展示中,企业必须从产品属性、用户需求等方面对产品信息进行精准定位,依托于界面内容的展示,多维度地设定产品的信息,提高用户对产品的认可度。以视觉传达为主导的网页设计形式通过情感元素的注入,可以增强产品信息的写实感,使产品由原有的文字信息、二维图片信息转变为与人们需求相关联的感官信息。这样有利于增强用户对产品的认知,提升产品的实际传播效果。文章探讨视觉传达在网页设计中的应用形式,仅供参考。

  一、视觉传达的概念

  视觉传达主要是通过人们的眼睛获取事物成像信息,然后通过其他感官的辅助作用,使事物呈现出一定的立体化效果。在正常情况下,人们通过眼睛获取外界事物的信息量占据整个身体接收信息的60%~75%,由此可见视觉感官在信息获取中的重要性[1]。视觉传达作为描述事物信息最直观的形式之一,主要可从两个方面阐述。第一,视觉符号。符号在视觉传达中可以被定义为一种信息描述状态,通过内容与形式的设定,使人们对事物具有一定的逻辑认知。在实际的设计过程中,视觉符号需要具有完整性与功能性,可精准地阐释当前信息具备的概念和意义,以此获得直观性的传达效果。第二,传达形式。视觉传达是信息的一种传输形式,通过特定信息的传输与引导,与人们的主观接受思维达成一致,这样便可增强信息传输的对接性。从人们的感官意识看,人们在通过视觉获取某一项信息时,潜意识的获取行为在一定程度上影响着认知系统对信息获取的权重和比值,特别是在周边环境的配合下,依托于视觉符号,人们可以对信息本体表现出一定的情感认知。这就使视觉传达本体具有一定的演变性,可以为视觉信息制造者提供设计理念,以增强信息与人们主观获取意识的对接性[2]。
 

网页设计中视觉传达应遵循的原则及运用
 

  二、视觉传达在网页设计中应遵循的原则

  1. 凸显主题

  网页作为传输信息内容的重要载体,相关人员在对其进行视觉传达方面的设计时,必须突出设定网页宣传的信息内容,通过正确的选材,进一步明确网站设定的目标,以查证当前网页对信息的描述,使其符合用户对信息的索取需求,进而增强网站的信息传输效果。从用户层面看,相关人员要以用户需求为方向,正确界定用户对当前网站信息的获取需求,分析当前信息传达过程中可能产生的效果,制定具有预期化的信息传输机制,保证数据传输精准地作用于视觉传达,以凸显信息的针对性。此外,在对网络信息进行全过程设计时,相关人员需要以简明的语言点缀重要的信息内容,增强网站信息内容传输的特色,提高网络用户的点击率,增加有效阅读时长。

  2. 风格一致

  风格一致是指在当前的网页设计过程中,在明确数据框架以后,为增强对信息风格方面的描述,保证信息内容的推送,在视觉效果上呈现出一定的序列感,通过字体、图片信息的序列排位,使文章段落、格式布局等与整个网页的宣传效果相贴合。风格一致的设计原则可最大限度地增强网页界面的视觉效果,同时也可为各项信息内容的采集与应用提供指导意见。

  3. 形式鲜明

  形式鲜明指的是网页内容设计具有一定的艺术性,且不同信息模块展现出的视觉效果具有独立性与交互性,进而通过不同的排版结构,强化内容设定的目标性,使网站更好地传播信息内容,增强用户对此类信息的认可。为此,在实际的设计过程中,相关人员必须保证网页的不同版式表达的信息简洁、易接受,能够满足不同信息载体的传输需求。如,商业网站应以商业化为主,社会网站应以时代化为主,政府网站应以严肃化为主,以此使网站更精准地传达视觉化信息。

  4. 实效信息

  保障信息的实效性是网页内容传播的重要环节,因为网页在传输信息时,是通过共享资源、时效资源为用户提供信息推送服务。因此,在网页设计过程中,信息内容必须与当前行业、领域的前沿信息相吻合,相关人员应通过信息内容的同步更新,为用户建构一个具有连续性、过渡性的网站,保证网页内容的推送满足用户对信息的多元获取需求,提升用户的认可度。这样便可使信息内容呈现在中心化与去中心化之间找到一个联动点,加大内容对信息的描述力度[3]。

  三、网页设计中的情感因素

  1. 文字因素

  数字化时代下,文字描述成为网页内容设计的重要元素,相关人员可通过网页主标题的建设,初步分析出当前的网页内容是否满足用户的阅读需求。文字的设定包含字体类型、大小、风格等,不同文字内容的设定将为情感元素的融入提供不同的路径。文字可通过不同类型阐述出信息内容的严谨性、娱乐性、节奏性、行业性等特点。相关人员可以通过某一类信息内容的阐述增强文字的主体性,进一步满足人们的视觉感官对信息的获取需求。

  2. 图形因素

  图形既可以被作为独立信息的传播载体,又可与其他文字信息相结合,使信息内容呈现出一定的综合性。为进一步增强图形因素的视觉传达效果,相关人员可利用图形文字的数量、形式、矢量等,为网页塑造多元化的视觉传达效果。此外,网页图形的设定应遵循用户对当前信息界面的观看行为进行情感方面的塑造,保证页面图形的嵌入,使其符合一致原则、鲜明原则,使图形与文字之间形成自然的过渡。这样便可最大限度地增强图形信息对某一项内容传播的实效性,使信息内容可以对产品进行精准的需求化表达,进而增强网页的可塑性,提升用户在浏览网页时的阅读体验。

  3. 色彩因素

  网页界面色彩的表达可通过不同色彩之间的对比,给用户带来感官层面的冲击,将色彩作为宣传内容的主要载体,使用户在获取信息内容时可在潜意识里依托色彩元素带来的视觉效应,以增强图像的针对性,这样便可最大限度地增强用户在获取信息时的认可性。相关人员应通过图片信息的整体采集效果,以设计内容为出发点,将色彩产生的文字需求与描述建立在视觉审美之上,实现数据信息的传递,以此增强色彩之间的对比性,保证整体布局不会出现跳色的现象,为人们营造良好的阅读环境[4]。

  4. 版式因素

  排版可使整个网页呈现出一定的序列性,增强整个网页的可阅读性。对排版内容的设定,可引导人们的阅读思维。以版式因素为主体的情感导入可使整个结构呈现出一定的艺术特征,保证用户在获取某一项信息时真正感受到网页内容具备的艺术感。这对于情感塑造而言,可在人们的主观思维与网页内容之间建立一定的联动渠道,保证各个展示元素按照一定的秩序、规范排列,刺激用户的视觉感官,进一步提升用户的认可度。

  四、视觉传达在网页设计中的应用

  1. 文字元素的应用

  文字在网页中最主要的呈现形式是字体类别,通过内容定位字体,可进一步分析当前网页信息内容具备的传播特性。为此,相关人员可将文字的可辨别性作为切入点,利用主标题、子标题的应用,凸显当前网页界面具备的情感类、专业类表达效果。此外,为增强文字的效果,相关人员需要通过文字展现出的实际内容,正确分析出内容能产生的预期效果[5]。考虑到文字的易读性,文字与网页的整体布局应具有一定的协调效果,保证内容的具体呈现效果,以进一步增强信息的可读性。如,相关人员可以通过文字的间距设计,使文字产生最佳的视觉效果。对于产品而言,这样可以通过内部数据信息的核对增强文字产品内容的观赏性,突破以往文字阅读的局限,真正实现设计层面的创新,提升视觉观赏效果。

  2. 图形元素的应用

  图形作为信息内容的综合体,通过二维、三维图形的设计,可使文字呈现出立体化、直观化的表达属性,其阐述的内容价值是高于文字的。特别是对于部分抽象化的文字信息而言,相关人员通过图形元素的界定,可增强信息内容的趣味性,加深用户对信息的理解与记忆。对于内容传递而言,受显示器分辨率的影响,其在分辨不同像素的图片时会造成低精度与高精度图片显示的差异,影响整体的视觉效果。为此,在设定图形图像类内容时,考虑到系统读取差异问题,相关人员需要尽量缩减图片尺寸,以防止用户终端在获取图片信息时受到带宽网速的限制,降低图片的分辨率。如,服装品牌图像尺寸的设定基本可以满足设备的实际分辨需求,内容的可阅读性也可增强内容获取的真实性,提高用户对当前网页信息内容的认可度。

  3. 色彩元素的应用

  色彩作为网页视觉直观表达的主要元素之一,通过不同色彩之间的组合,可使整个色彩具备一定的美观效果。首先,在设计网页时,相关人员可确定一个主色彩,通过对比度的调节,使网页色彩具备一定的层次感,进而彰显主色彩下的内容。

  此外,相关人员可利用色彩对比的形式,通过点缀法、对色法,使网页内容呈现出一定的针对性。对于整个界面而言,这样可以使其具备多元内容的融合能力,提升图片的视觉效果。

  4. 版式元素的应用

  不同的网页在排版设计中会受到显示界面、自适应界面放大或缩小效果的影响,相关人员必须综合考虑网页在不同显示界面下内容的契合程度,以保证在不同的界面下都可为用户提供优质的信息服务,使网页界面呈现出一定的视觉效果。

  结语

  视觉传达设计在网页中的应用可进一步分化网页内容传达的信息,为不同类别信息的融入提供有效的途径。这样可以使整个网页结构具备相关信息输入与输出的重要能力,以提高网页的阅读性能。

  参考文献

  [1]申振超探索计算机图像处理技术在网页设计中的应用[].电子元器件与信息技术, 2020.4(7).83-84.
  [2]宋丽芳.浅析水墨元素融入网页设计的架构技巧[J].辽宁经济职业技术学院辽宁经济管理干部学院学报, 2019(6):54-56.
  [3]郭恩基于企业网站界面设计的视觉传达要素分析[]电子商务, 20201):38-40.
  [4]项尚.计算机图像处理技术在网页设计中的运用[C]I广西写作学会教学研究专业委员会教师教育论坛(第三辑) , 2019:3.
  [5]郭笑莹.工艺铸件产品的电商网站页面设计中的视觉效果研究[C]/香港东南冶金矿产有限公司2017冶金企业管理创新论坛论文集香港东南冶金矿产有限公司:香港新世纪文化出版社有限公司, 2017:1.

作者单位:海南热带海洋学院创意设计学院
原文出处:张子俨.视觉传达在网页设计中的应用研究[J].美术教育研究,2021(10):76-77.
相关标签:
  • 报警平台
  • 网络监察
  • 备案信息
  • 举报中心
  • 传播文明
  • 诚信网站