基于用户体验的网页界面视觉元素设计研究
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、用户体验的含义 用户体验从狭义上代表的是用户对产品功能和 外观上的感官体验。用户体验其实也就是用户在与 产品互动交流过程中的感受，是用以反馈在互动过 程中所带来的愉悦感和舒适感。网页视觉元素设计 是用户获取体验感的重要载体，优秀的网页视觉设 计将会给用户带来独特的视觉体验，能够更好地满 足用户对网页的使用以及获得更好的体验感。 二、网页视觉设计的功能独特性 网页视觉设 计 是 随 着 互 联 网 发 展 而 产 生 的，将 用户对网站主题的需要作为出发点，从符合用户视 觉审美的角度对网页各种构成要素进行设计，以技 术和艺术修养为基础的具有创造性的思维活动。网 页作为信息传播的重要载体，因其具有快速性、便捷 性等特点，成为当下具有影响力的传播媒介与传播 工具。随着社 会 的 不 断 发 展，人 们 在 满 足 信 息 获 取 的同时，更 注 重 对 产 品 的 体 验 度。 网 页 作 为 信 息 传
生动性。网页设计不仅具有平面视觉元素的静 态效果，它还可以将声音、动画等多媒体元素进行综 合表现，具 有 很 强 的 生 动 性。 特 别 是 随 着 网 络 技 术 的发展，网页设计更加注重交互体验的设计，极大地 丰富了网页的视觉效果，提升了其生动性和功能性。
多维度。网页设计利用其视觉展示的相对全面 性，以及新媒体技术的广泛应用，使网页设计能够将 色彩、文字、图 形 等 视 觉 元 素 进 行 综 合 处 理，通 过 静 态和动态结合、虚拟交互等形式，实现多维度的信息 传递与视觉呈现，以及信息传播载体的多元化。
播的重要载体，不仅在视觉形式与视觉审美方面具 备了传统视觉产达设计的基本视觉特征，在内容和 形式上更具有多元化的风格，以及多样化、多维度艺 术表现形式，在其功能性方面体现出独特的个性化 特征，主要表现在以下方面：
交互性。网页设计的出现打破了传统纸媒的单 一化视觉体验，使人们在满足信息获取的同时，更注 重产品互动交流的体验感。网页中的视觉元素具有 强烈的视觉感知效果，可以更直观地增加用户与网 页的互动交流。
三、基于用户体验的网页界面视觉元素的设计 网页设计始 终 要 以 用 户 为 中 心，提 高 用 户 的 体 验性，其中一个重要方面就是网页界面的视觉设计。 网页界面设计是各种视觉元素的综合表现，通过技 术手段将不同视觉元素进行合理的视觉呈现，而不
收稿日期：２０１８１０１７ 基金项目：安徽省人文社科重点研究项目（ＳＫ２０１８Ａ０６４５）；安徽新华学院科研项目（２０１７ｒｗ００８）。 作者简介：王晓俊（１９８６），男，安徽新华学院艺术学院讲师，硕士，主要从事视觉传达设计、美术学研究。
·７２·
吉 林 工 程 技 术 师 范 学 院 学 报
２０１９年 １月
是对各个视觉要素的随意编排，需要符合艺术审美 规律，从形式的构成法则、色彩搭配规律等方面进行 综合的创意设计，使之达到浑然一体的结合。
（一）网页色彩的视觉呈现 网页界 面 视 觉 设 计 评 价 标 准 不 在 于 色 彩 多 与 少，而在于色彩是否能正确和完整地传达网页主体 的内涵，是 否 具 有 针 对 性。 色 彩 具 有 强 烈 的 视 觉 特 征，能够在最短的时间内吸引受众。同时，色彩具有 不同的情感化特征，能够激发人的联想和想象，通过 情感强化视觉形态效果，体现丰富的语义和审美价 值。在网页界面设计中应该充分利用色彩的情感属 性和视觉特性进行创意构思，让用户在浏览网页时 获得最佳的体验感。 １．从用户体验需求出发，网页色彩设计应该符合 用户的审美需求。在色彩使用上要保证网页色彩的 整体对比和谐统一，避免出现过于强烈、不和谐的色 彩搭配，色彩整体搭配应该符合网页的整体风格和 类型。通过不同的色彩设计来满足用户对网页的使 用需求，让用户在体验过程中留下深刻印象，以此提 升用户对网页的好感和回访率。在设计上应注重简 洁、明快的视觉效果，避免色彩过于丰富而引起视觉 混乱，甚至 是 误 导 用 户 的 体 验 操 作。 针 对 不 同 用 户 的网页要有不同的色彩设计搭配，要充分满足各个 用户群体对网页的体验需求，在色彩设计中还要考 虑不同人群以及地域文化的差异性。 ２．从用户 体 验 心 理 出 发，网 页 色 彩 设 计 应 该 符 合用户的心理预期。当色彩在触发人们心理感受的 同时，也构成了人类行为的内在要素，将潜意识中存 在的愿望表现在行动上，影响用户的消费欲和享受 欲。从色彩的 情 感 属 性 出 发，阐 明 不 同 色 彩 可 以 给 用户带来什么样的心理映射。如在一些政府官方的 网页色彩搭配上，往往都是以蓝色、白色等色彩搭配 为主，整体感觉比较正式、庄重和严肃。在一些购物 网站的网页界面视觉设计中往往以红色和橙色为主 色调，既烘托了网页的氛围，又能够刺激用户的购买 欲望。色 彩 具 有 强 烈 的 视 觉 表 现 力 和 情 感 表 达 作 用，应该充分利用色彩的情感属性，设计出既有独特 视觉效果又能够引发用户情感共鸣的网页。 （二）网页文字的编排设计 文字在视觉 设 计 中 是 一 种 重 要 的 元 素 符 号，它 不仅能够起到说明和解释的作用，也是用户获取信 息的重要形式。在网页中具体的信息内容往往是通 过文字来实现解答的，文字的大小、色彩、排列、形式 等都决定着用户对网页的体验感受。在文字设计排 列上应该从用户的需求出发，注重字体的易识别、简
第 ３５卷 第 １期 ２０１９年 １月
吉林工程技术师范学院学报
ＪｏｕｒｎａｌｏｆＪｉｌｉｎＥｎｇｉｎｅｅｒｉｎｇＮｏｒｍａｌＵｎｉｖｅห้องสมุดไป่ตู้ｓｉｔｙ
Ｖｏｌ３５Ｎｏ１ Ｊａｎ．２０１９
基于用户体验的网页界面视觉元素设计研究
王晓俊
（安徽新华学院 艺术学院，安徽 合肥 ２３００８８）
［摘 要］随着互联网技术的飞速发展，网络已经成为人们获取信息的重要途径。网页作为信息传播、 信息获取的主要媒介，不仅要具备完善的信息传达和使用等功能，给用户提供更高的品质和服务，还需 要注重用户的体验与感受。以用户体验为出发点，从网页界面和视觉艺术相结合的角度，对网页的文 字、图形、色彩等视觉元素进行分析，总结出网页视觉元素设计的基本方法和规律，满足用户对网页设计 的体验需求。 ［关键词］用户体验；网页界面设计；视觉元素；审美需求 ［中图分类号］ ＴＰ３９３．０９２ ［文献标识码］ Ａ ［文章编号］１００９９０４２（２０１９）０１００７１０３
网 页 作 为 信 息 交 流 的 重 要 载 体，一 方 面 具 有 信 息传播的功能，另一方面也需要满足人们对视觉体 验的追求。面 对 各 种 新 媒 体 传 播 载 体 的 出 现，如 何 让用户获得最佳的体验与感受，提升用户对网站的 依赖感、归属 感，赢 得 用 户 的 喜 爱 与 关 注，是 设 计 师 应该思考的问题。只有具备良好的视觉效果和高品 质的体验才能够吸引更多的用户关注，增加用户对 网页的回访率。
生动性。网页设计不仅具有平面视觉元素的静 态效果，它还可以将声音、动画等多媒体元素进行综 合表现，具 有 很 强 的 生 动 性。 特 别 是 随 着 网 络 技 术 的发展，网页设计更加注重交互体验的设计，极大地 丰富了网页的视觉效果，提升了其生动性和功能性。
多维度。网页设计利用其视觉展示的相对全面 性，以及新媒体技术的广泛应用，使网页设计能够将 色彩、文字、图 形 等 视 觉 元 素 进 行 综 合 处 理，通 过 静 态和动态结合、虚拟交互等形式，实现多维度的信息 传递与视觉呈现，以及信息传播载体的多元化。
播的重要载体，不仅在视觉形式与视觉审美方面具 备了传统视觉产达设计的基本视觉特征，在内容和 形式上更具有多元化的风格，以及多样化、多维度艺 术表现形式，在其功能性方面体现出独特的个性化 特征，主要表现在以下方面：
交互性。网页设计的出现打破了传统纸媒的单 一化视觉体验，使人们在满足信息获取的同时，更注 重产品互动交流的体验感。网页中的视觉元素具有 强烈的视觉感知效果，可以更直观地增加用户与网 页的互动交流。
三、基于用户体验的网页界面视觉元素的设计 网页设计始 终 要 以 用 户 为 中 心，提 高 用 户 的 体 验性，其中一个重要方面就是网页界面的视觉设计。 网页界面设计是各种视觉元素的综合表现，通过技 术手段将不同视觉元素进行合理的视觉呈现，而不
收稿日期：２０１８１０１７ 基金项目：安徽省人文社科重点研究项目（ＳＫ２０１８Ａ０６４５）；安徽新华学院科研项目（２０１７ｒｗ００８）。 作者简介：王晓俊（１９８６），男，安徽新华学院艺术学院讲师，硕士，主要从事视觉传达设计、美术学研究。
·７２·
吉 林 工 程 技 术 师 范 学 院 学 报
２０１９年 １月
是对各个视觉要素的随意编排，需要符合艺术审美 规律，从形式的构成法则、色彩搭配规律等方面进行 综合的创意设计，使之达到浑然一体的结合。
（一）网页色彩的视觉呈现 网页界 面 视 觉 设 计 评 价 标 准 不 在 于 色 彩 多 与 少，而在于色彩是否能正确和完整地传达网页主体 的内涵，是 否 具 有 针 对 性。 色 彩 具 有 强 烈 的 视 觉 特 征，能够在最短的时间内吸引受众。同时，色彩具有 不同的情感化特征，能够激发人的联想和想象，通过 情感强化视觉形态效果，体现丰富的语义和审美价 值。在网页界面设计中应该充分利用色彩的情感属 性和视觉特性进行创意构思，让用户在浏览网页时 获得最佳的体验感。 １．从用户体验需求出发，网页色彩设计应该符合 用户的审美需求。在色彩使用上要保证网页色彩的 整体对比和谐统一，避免出现过于强烈、不和谐的色 彩搭配，色彩整体搭配应该符合网页的整体风格和 类型。通过不同的色彩设计来满足用户对网页的使 用需求，让用户在体验过程中留下深刻印象，以此提 升用户对网页的好感和回访率。在设计上应注重简 洁、明快的视觉效果，避免色彩过于丰富而引起视觉 混乱，甚至 是 误 导 用 户 的 体 验 操 作。 针 对 不 同 用 户 的网页要有不同的色彩设计搭配，要充分满足各个 用户群体对网页的体验需求，在色彩设计中还要考 虑不同人群以及地域文化的差异性。 ２．从用户 体 验 心 理 出 发，网 页 色 彩 设 计 应 该 符 合用户的心理预期。当色彩在触发人们心理感受的 同时，也构成了人类行为的内在要素，将潜意识中存 在的愿望表现在行动上，影响用户的消费欲和享受 欲。从色彩的 情 感 属 性 出 发，阐 明 不 同 色 彩 可 以 给 用户带来什么样的心理映射。如在一些政府官方的 网页色彩搭配上，往往都是以蓝色、白色等色彩搭配 为主，整体感觉比较正式、庄重和严肃。在一些购物 网站的网页界面视觉设计中往往以红色和橙色为主 色调，既烘托了网页的氛围，又能够刺激用户的购买 欲望。色 彩 具 有 强 烈 的 视 觉 表 现 力 和 情 感 表 达 作 用，应该充分利用色彩的情感属性，设计出既有独特 视觉效果又能够引发用户情感共鸣的网页。 （二）网页文字的编排设计 文字在视觉 设 计 中 是 一 种 重 要 的 元 素 符 号，它 不仅能够起到说明和解释的作用，也是用户获取信 息的重要形式。在网页中具体的信息内容往往是通 过文字来实现解答的，文字的大小、色彩、排列、形式 等都决定着用户对网页的体验感受。在文字设计排 列上应该从用户的需求出发，注重字体的易识别、简
第 ３５卷 第 １期 ２０１９年 １月
吉林工程技术师范学院学报
ＪｏｕｒｎａｌｏｆＪｉｌｉｎＥｎｇｉｎｅｅｒｉｎｇＮｏｒｍａｌＵｎｉｖｅห้องสมุดไป่ตู้ｓｉｔｙ
Ｖｏｌ３５Ｎｏ１ Ｊａｎ．２０１９
基于用户体验的网页界面视觉元素设计研究
王晓俊
（安徽新华学院 艺术学院，安徽 合肥 ２３００８８）
［摘 要］随着互联网技术的飞速发展，网络已经成为人们获取信息的重要途径。网页作为信息传播、 信息获取的主要媒介，不仅要具备完善的信息传达和使用等功能，给用户提供更高的品质和服务，还需 要注重用户的体验与感受。以用户体验为出发点，从网页界面和视觉艺术相结合的角度，对网页的文 字、图形、色彩等视觉元素进行分析，总结出网页视觉元素设计的基本方法和规律，满足用户对网页设计 的体验需求。 ［关键词］用户体验；网页界面设计；视觉元素；审美需求 ［中图分类号］ ＴＰ３９３．０９２ ［文献标识码］ Ａ ［文章编号］１００９９０４２（２０１９）０１００７１０３
网 页 作 为 信 息 交 流 的 重 要 载 体，一 方 面 具 有 信 息传播的功能，另一方面也需要满足人们对视觉体 验的追求。面 对 各 种 新 媒 体 传 播 载 体 的 出 现，如 何 让用户获得最佳的体验与感受，提升用户对网站的 依赖感、归属 感，赢 得 用 户 的 喜 爱 与 关 注，是 设 计 师 应该思考的问题。只有具备良好的视觉效果和高品 质的体验才能够吸引更多的用户关注，增加用户对 网页的回访率。