浅谈UI设计中的视觉表现

摘 要 ：ＵＩ设 计属 于互 动性设 计 ，其 中的视 觉传 达 是其 重 要 组 成部 分 。随
着技 术的进 步 和社会 的发展 ，ｕＩ设 计 呈现 出全 新 的视 觉理 念 。针 对 ＵＩ设
计 中的视 觉表 现 ，分析 了３＂ －前 ＵＩ设 计 的发展状 况 ，明确 了视 觉表现 对 于 ｕＩ
设 计 发 展 的 重 要 性 。
关键 词 ：ＵＩ设 计 ；视 觉表 现 ；经 济发展
中 图 分 类 号 ：ＴＢ４７ Leabharlann 文 献 标 识 码 ：Ａ
ｕＩ设 计 属 于 近年 来 新 兴 的专 业 ，虽 然 在很 久 之 前 就 已经 引起 了广泛关 注 ，但 是伴 随着 先 进技 术 的发 展 ， ｕＩ设 计 开始趋 向专业化 与 规范化 。国 内的多 数 院校 虽 然 没 有独立 设 置 ｕＩ设计 专 业 ，但 这 一课 程 逐 渐受 到 各 个 院校 的广泛认 可 。 网络技 术 的 普 及使 人 们 的 日常 生 活发 生 了翻 天 覆地 的变 化 ，并 且 在 网 络 技 术 应 用 日益 频繁 的 ２１世 纪 ，网页界 面 的设 计 同 样 借助 了多 种设 计 技 术 ，很 多 门户 网站 为 了在 激 烈 的 市 场 竞 争 中 占据 一 席之 地 ，聘 用 了专业 的 ＵＩ设计 师 ，例 如腾 讯 、新 浪 等大 型 的 门 户 网 站 。 手 机 已 成 为 人 际 交 往 的 重 要 手 段 ，其 中关 于 页面 的设计 和相 关 软 件 的功 能 定位 都 离 不 开设 计 师们 的精湛 技 术 。
山西 科 技 文 章 编 号 ：１００４．６４２９（２０１７）０２－００９４－０３
ＳＨＡＮＸＩ ＳＣＩＥＮＣＥ ＡＮＤ ＴＥＣＨＮＯＬＯＧＹ
２０１７年 第 ３３卷 第 ２期 收稿 日期 ：２０１７－ ０１－ ０７
浅 谈 ＵＩ设 计 中 的视 觉 表 现
杨 正 午
（山西省 自动化研 究所 ，山西太 原 ，０３０００１）
界 面 的研 究 就 是 美 工 ，是 对 软 件 的外 形 进 行 设 计
的“造 型师 ”。从广 义 上 讲 ，ｕＩ界 面 就是 人 与机 器 进 行 交 互 的操作 平 台 ，是一 种 信 息 传 递 媒 介 。界 面 包 括 硬 件 界面 与软 件界 面 ，但是 在 ＵＩ设 计 中 接触 到 的 就是 软 件 界 面 ，运用 ＵＩ设计技 术 ，对 软 件 的人 机 交互 、操作 逻 辑 与界 面美 观进 行整体 设计 。
ｕＩ设 计 首先需 要 确 定 软 件 的 目标 用 户 ，对 目标 用 户进 行分 析 ，选 择最 终用 户 与 直接 用 户 ，发 现他 们 的 实 际 需 求 ，根 据 不 同 的 目标 用 户 选 择 相 应 的 ＵＩ交 互 设 计
杨 正 午 浅 谈 ｕＩ设 计 中 的视 觉 表 现
１ ＵＩ设 计 的 基 本 概 述
ＵＩ设 计就 是用 户 界 面 的 简 称 ，其 具 体 的 设计 主 要 是 针对 软件 ，通 过对 软件 涉及 的人 机 交互 、操 作 逻 辑 等 多 个 内容加 以分 析 ，实 现 软 件 优 质 的应 用 价 值 。 由此 看 出，ＵＩ设计 需 具备 良好 的实 用 功 能 。好 的 ｕＩ设 计 ， 可 以让 软件 富有 个性 ，彰 显 品位 ，同 时也 能 让 软件 在 使 用 的 过程 中充 分 体 现 出舒 适 感 和操 作 的简 便 化 ，符 合 当代用 户 自由时 尚 的追 求 ，凸显 出软 件 的 准 确 定 位 及 自身 特点 。ｕＩ设 计覆 盖 面广 ，并 且涉 及 多种 学科 知 识 ， 因此 对设 计 师提 出 了更 高 的技 术 要 求 ，需 要 他 们 在 掌 握 基本 的学 科 知识 的基 础 上 ，拓 宽知 识 面 ，应 用综 合 知 识 和 技能 ，满 足用 户高 品质 的设计 需求 。 １．１ 设 计 内容 １．１．１ 研 究 界 面
１．１．２ 人 与 界 面 目前 ，ＵＩ设计 师 通 常指 图形 界 面 设 计 师 ，但 是 ，在
此之前 ，ｕＩ设 计 还 只 是代 表 着 交 互设 计 师。他 们 的具 体工作 内容是 分 析 软 件 的具 体 操 作 过 程 ，同 时还 研 究 树状 结构 及操作 规 范 、标 准 等 ，并且 对 软 件 在接 受 编 码 之前 进行 交 互 设 计 ，从 而 保 证 交 互 模 型 、交 互 规 范 的 设 定 。 １．１．３ 用 户 体 验
软件 就是 用 户 最 常 接 触 的 交 互 式 工 具 ，所 以需 要 用 户对 相关 的软 件 进 行 适 当 的 操作 与控 制 ，然 后 寻 找 适合 自己需 求 的 软 件 功 能 ，如 果 软 件 可 以 根 据 用 户 的 动 作行 为及 设 定 规 则 作 出适 当 的 反应 ，并 且 能 够 提 示 用 户对结 果作 出反馈 ，指 引用 户 开始 下 一 步 的操 作 ，这 就 体现 出 软件具 体 的实用 价值 。 １．２．４ ＵＩ设 计 原 则
产 品在投 入使 用之 前都 会 经 过产 品测 试这 一 重 要 的流程 环节 。这 个 测 试 是 为 了保 证 产 品 的质 量 ，确 保 产 品在 具体 使用 过程 中不 会 产 生其 他 问题 。测试 的过 程 虽然 和编码 无关 ，但是 需 要 对交 互 设 计 的合 理 性 、图 形 设计 的美 观性 进行综 合 评 价 。测 试 主要 是 由焦 点 小 组 展开 ，对 目标用 户展 开 问卷 调 查 ，让 他们 从 客 观 的角 度 评价 ｕＩ设 计 。用户 测试 的工作 非 常关键 ，ＵＩ设计 的 评 价标 准就 是设 计师 的设 计 理念 和 产 品 负责 人 的 审美 能 力 。 １．２ 设 计 流 程 １．２．１ 确 认 目标 用 户
本 刊 Ｅ—ｍａｉｌ：ｓｘｋｊｚｚｓ＠ １６３．ｃｏｒｎ 问 题探 讨
方 案 。 １．２．２ 采 集 目标 用 户 的 方 式
在实 际调查 中 ，发 现 不 同类 型 的 目标 用 户 具 有 不 同的交互 习惯 ，而 养 成 的 习惯 性 交 互 行 为 主 要 是 源 于 具有 针对 性 的交互 流程 和 已经 存 在 的软 件 工具 的交 互 过 程 。 １．２．３ 提 示 并 引 导 用 户