【毕业学位论文】(Word原稿) 电子名片人机交互界面设计-工业设计(产品艺术设计)

南京林业大学 本科毕业设计（论文） 题 目： 电子名片人机交互界面设计 学 院： 家具与工业设计学院 专 业： 工业设计 (产品艺术设计 ) 学 号： 080303218 学生姓名： 徐 坤 指导教师： 张荣强 职 称： 教 授 二 0 一二年五月二十八日 摘 要 此次毕业设计的课题是电子名片人机交互界面的设计。电子名片是一种能够取代传统纸制名片的电子科技产品，它的出现摈弃了传统名片管理混乱，不够环保的缺点，二维码的设计可以使用户更加快捷的相互传发个人信息资料。用户可十分个 性的编辑自己的名片风格以及合理的管理已经储存的名片信息。 个人名片信息可以 随心 修改 ,及时 更新 ,保证名片 是最新的 ;名片交换快捷 ,交换后不用 手动 输入 ,自动储存名片 ,自动更新电话本里朋友的名片信息 。本 次设计以电子名片的功能及界面为中心，从新颖的界面设计，强大的功能考虑，以及使用产品时的人机交互的研究等过程完成合理有效的设计，并且通过这次的设计让电子名片的发展提供一个好的开端，让更多人去接受这个环保，便捷，高效的商务通信工具。也更好的体现 21 世纪绿色设计的概念。这次设计，我也能够将所学的设计理论与人机交互相结合，这也 正是界面设计要考虑的。 关键词： 电子名片 界面设计 人机交互 二维码 he of is is a to it is in of of to be to of to to is to to a s in of of to of is of to a to to of in 1st I is to be 目 录 引 言 . 1 1 课题介绍 . 2 品介绍 . 2 识 面设计 . 2 I 界面设计流程 . 3 I 界面设计的方法 . 3 世纪的绿色设计 . 4 2 设计调研 . 5 场分析及预测 . 5 内外相类似产品研究概况 . 6 外相类似产品调研 . 6 内相类似产品调研 . 7 研结论 . 8 术的可行性分析 . 9 么是二维码 . 9 维码的优点 . 9 维码的分类 . 10 维码的解码 . 11 维码的应用 . 11 计定位分析 . 13 3 方案说明 . 14 计理念 . 14 机电子名片界面的造型 . 14 机电子名片的功能 . 15 机电子名片界面的操作介绍 . 16 4 设计过程 . 17 期设计方案 . 17 化设计方案 . 18 5 设计表达 . 19 面结构图 . 19 面的二维设计 . 19 计指南 . 21 分界面效果图 . 22 结 论 . 26 致 谢 . 27 参 考 文 献 . 281 引 言 科技 的 发展日新月异 ， 人们的生活离不开个人信息的相互交流， 人们需要处理的事 情逐渐增多，接触的人也逐渐变广， 这就使得朋友变得越来越多。 一张张的名片不仅容易变得混乱，更使得在需要的时候不易查找，也不容易存储和摆放。 怎么样更好的以最快的方式传递，接收，以及管理信息是 必须要思考的 问题。 手机 电子名片的 问世可以使 人们在 最短的时间 就能够对名片做高效便捷的 查询与管理。 另一方面， 手机 电子名片的出现将替代大量的纸质名片，更有利于环保，这样的设计理念也是 21 世纪所追求的 。 软件 界面是 一个 软件的 灵魂 。 软件 好不好 用、 能不能让 用户接受，界面 有举足轻重 作用 。 软件 界面在人机交互 中的 信息传 输 过程 起到举足轻重 的作用。 手机软件界面 可以说是人机交互操作的窗口。 对此 界面 进行合理的设计就必须 对目前市场上类似 手机通讯录 进行调研并进行市场分析和预测，对现有相关 电子名片界面 外观 和功能 进行分析和研究，然后有所创新的完成界面和功能 设计， 并在后期对界面和 色彩等方面 做相关 调整，设计出不仅符合 用户 的审美观并且具有一定的市场竞争力的产品。 2 1 课题介绍 本次毕业设计的课题名为 电子名片人机交互界面设计 ， 目前人们所有的联系方式主要是通过手机通讯录和纸质名片来获 取和保存。尽管市面上已经开始出现一些 电子名片，但它的界面造型设计和功能性方面还存在这一系列问题。目前它还是以电子名片盒的方式承载扫面名片， 在整个功能设计上也不够完全，没有一种很好的人机交互的操作体验。人机交互界面包括 界面风格 和用户操作方式 ，所以我选择在需要人机交互的界面上做一些改良和创新。更重要的是在功能上加入了“二维码”的新科技，并以此来获得用户的肯定。 本次毕业设计研究的目的是： 从电子名片的人机交互界面，功能创新，用户体验入手，结合现有的科学技术 ，对现有的电子名片界面和功能做改良设计。 以 提高对所学知识的 融汇和应用，提高实际设计的掌握能力。使之融入到人们的生活情感之中，得到乐趣。 品介绍 秉承二千多年名片发展历史的悠久文化，电子名片 在保持名片特色与交互习惯的同时，将名片电子化，实现多渠道更新与集中存储，方便携带，便捷交互；同时支持多版式、多语种名片、及商务信息的用户定制扩展等；实现与 片设计管理系统以及名片数据中心网络资源的同步联接、资源共享，构建了立体化的现代信息流通体系。 在数字化应用无处不在的今天， 手机电子名片 将全面实现名片数字化的流通与管理，倡导绿色、便捷的现代商务交流模式 。手机电子名 片 将助你在现代商务交流中把握先机、胜人一筹 。 手机电子名片 提供了一套全新的软硬件结合的电子名片设计管理与交换解决方案，系统采用 时下最 流行的 二维码传输 技术、 术在 二 者之间完成电子名片的生成、存储、备份、交换以及名片资料的实时更新等功能。 识 面设计 户界面 )的简称。 计指 的是 对软件的 用户 交互、操作 算3 法 、界面 新颖 的整体设计； 成功 的 计不 但 要 使 软件变得富有 活力 并且新颖，更要让软件的操作变得舒 心 、便捷、随心 ,充分体现软件的定位和特 征 。在 这样复杂的情况下要做好界面设计，必须对它要有综合、全面认识 1。 I 界面 设计 流程 确认目标用户。 在设计软件的过程中，要考虑到目标用户的不同， 人机交互 要考虑目标用户的不同需求 所产生 的 不同 的交互设计重点 。 获取目标用户常用的交互方式。不同类型和年龄段的用户有着不同的交互习惯。这些习惯大多数来源于长久时间所形成的交互思想习惯，或是原有产品的使用习惯。最重要的是调研出用户所希望的交互方式和效果，并记录 下来。 提示和引导用户。软件由目标用户所操作和控制，如何正确、简洁、有效的提示和反馈用户的操作结果，并引导用户进行下一步的操作，是软件界面设计的重要指标 1。 I 界面 设计的 方法 界面文本的选择 。 软件 界面的 不同 字体 可以改变界面的风格 ， 选择什么样的字体应该 依据 软件 类型决定，应 使 用与其界面视觉 效果相符合 的字体， 不能出现杂乱 的字体 ， 要容易被认可 ， 软件 界面中 的字体 ， 必须要 考虑 其 界面的 尺寸比例 ， 要尽量 保持协调舒适 2。 界面图标的设计 。图标顾名思义，是界面的图形和符号表示，它具有重要的指示意义，并且对界面风格有重大的影响，与用户交互有紧密联系。设计图标的时候要确定它的指示意义， 并且尽量要简洁明了， 要让用户能够读懂 ，让用户轻松的找到识别。要避免出现生硬的外轮廓，可以适当的加一些渐变，使得图标更具有人性化。它的外观要有个性并且富有吸引力，这样用户才不会出现审美疲劳 2。 色彩的搭配 。软件界面的色彩 效果要和其 风格 相互搭配 ，是它的功能性得到突出。文字颜色、背景颜色等 不 同的颜色 能 对界面产生不同的视觉效果，等。把握好整体的色调，颜色的对比不能够太强烈，这样会给用户造成视觉疲劳，过于刺激眼球。 但同时又不能使整个画面暗淡无亮点，这就要求设计师在图标和线条的颜色4 挑选上作研究，合理的运用一些渐变，保证画面的活跃 2。 界面版式。 软件界面的版式设计 要考虑到 该软件的 应用范围 ，在有限的屏幕里合理安排界面元素， 使 界面变得实用富有吸引力。要突出软件界面的设计主题，使用户的视线停留在最富有价值的功能操作上。 避免 一切 不必要的交互， 设计师要以简便快捷的方法去引 导用户完成他们所需的操作目的，一味的提醒用户怎么样操作效果可能适得其反。例如 在 机 的短信发送 ，写信和收信人的内容区分明确，在软件底色的选择上也有所不同，所发的信息按照时间顺序依次排列，这样就使得信息发送历史一目了然 。 为了确保样式协调统一 ，软件界面版式的设定也要结合手机界面的版式排列 2。 世纪的绿色设计 绿色设计 的设计理念 是以节约资源和保护环境为宗旨的 。绿色设计不但需要设计师的新颖理念，还需要 最新科技和技术的支持，同时它还需要持久性 3。新世纪的设计随着社会的发展、时代的进步、 人类思想的变化，体现现代人的风格，反映新时代的生活状态，环境保护意识以及新的消费价值观。绿色设计符合人类可持续发展的长远目标 ，也是建设健康社会的需求。 这次的电子名片的设计也是以绿色为设计主导的概念，据统计， 全球贸易总额前三名的美国、德国、日本，其人均纸质名片每年的耗量 已经达到 以上 ，这种传统的纸制名片实际上是对有限资源的极大的消耗。在人类不断文明的同时对于大自然的危害也与日俱增。电子名片的出现不但能解决过度砍伐树木的危害，还能够使名片交递显得更为时尚、快捷。 5 2 设计调研 场 分析及预测 随着信息时代的飞速发展，世界各国的名片需求量也逐步上升，加上世界人口的不断增长以及木材资源的缺失，一种以各种方式去取代传统产品对森林资源的消耗已成为了新世纪的一场革命，以此来表示对绿色设计的宣扬以及对生态资源的保护。其中，随着电子技术的不断发展 ， 各类的电子产品也不断的代替着传统的产品，在一方面不仅保护了自然资源而且还使人们的生活更加时尚与文明。 很多企业为了宣传自己的企业形象，在名片的样式设计上作足了功夫，不论是在纸张的的选择还是在页面的设计上，都不遗余力的使出浑身解数，甚至用镀金的名片，但即使如此，也很难让人们觉得新鲜。 对社会上各个层次的消费人员做个调查，有的人员很乐意使用手机电子名片，大家一致认为使用该产品将会摆脱烦琐的名片资料的管理， 最大程度 地提高自己的工作效率，及时抓住很多商机。基于国内以及港台地区年消耗纸质名片达 盒的市场规模，本产品的推出将以其强大的比较优势、较高的性价比迅速侵占纸质名片市场，从而形成一个 巨 大的电子名片消费市场。预计在未来三年或更短的时间内，手机电子名片将取代传统的纸质名片，逐步成为个人、商务、政务领域人际交流第一次见面时交互联系人通讯信息的主要工具，创 新全社会公认并推崇的现代商务交流模式。 在追求效率、崇尚环保的欧、美、日商业圈， 手机 电子名片的创新优势将被进一步放大，更能适合其商务交流的人文文化，其取代纸质名片的发展速度与成长规模将会远远大于国内市场。最终目标是全球名片用户抛弃传统的纸质名片 ,使整个社会普遍使用 手机 电子名片 。 对于设计人员而言这种对资源的消耗可以大大减少的设计理念，绿色环保符合可持续发展的要求，是 21 世纪设计领域的第一课题。 6 内外相类似产品研究概况 手机 电子名片是一个刚问世不久并且尚未成熟的新电子产品，市场上的电子名片软件大 部分界面相同，相关信息也是少之又少，所以只能对以前包括类似的产品进行调查比较，比如最常见也是现在用的最多的纸质名片，另一个就是普及率也不是很高的电子名片盒。这些产品都有着较多的弊端和一定程度的污染。 外相类似产品调研 图 外名片 图 国外的纸质名片，这是当下普及率最高的一种名片，也是最普通的名片。国外的名片在版式的设计上比较新颖，内容比较简洁。但由于是纸质所造，必然出现了对木材资源的浪费，在一定程度 上对环境造成污染。 图 普 图 2. 3 索尼 由惠普公司推出的，其配备了 寸的彩色液晶显示屏幕，在产品的尺寸上 ，其大小为 很明显，对于如今的消费者而言这样的尺寸有些偏大了。在与我们关系最密切 的信息传输与接 收 上，其主要的数据接口是 外线 ，蓝7 牙 ,外部存储器 方面 ，其主要的扩展槽设备是针对 D,的读写。外观的色彩以深灰色为主 配以 金属色的按键，体现了商务与高科技的双重意味。其主要的缺点就是价格不菲 并且携带不方便 。 作为亚洲设计大国 的 日本 在电子产品的设计方面也有 自己的一套理念 。图 采用了翻盖式的设计，还装配 了可以旋转的屏幕，用户可以通过有触感的迷你键盘输入，还可以采用直接手写的方式。在信息的传输方面也采用了 外线 ,蓝牙 ,方式。该产品的尺寸为 103mm x x 在厚度方面由于翻盖设计显得略厚了一些 ， 在产品的整体 造型 方面 表现出了对用户的 体贴和周到的考虑。 内相类似产品调研 图 国内名片 图 国内的纸质名片。可以明显的看出，国内的名片设计更多的是趋向于信息的承载量，版式相比国外显得单一 且缺乏 设计感 ，信息的排列也比较混乱，让人容易产生视觉疲劳。 图 国内产品 图 一些主要的功能方面与国外的产品并没有很大的差距，但在数据的传输方面基本采用的都是 外线 ，而只有一些价格昂贵的高端产品才使用了蓝牙技术，我想8 其最主要的原因还是根据市场的需求量来适当 降低成本，使更多的用户能够接受。 另一方面，可以很明显的看到国内的产品在设计上是不尽如人意的，没有很好的考虑按键的布置，在整体外观上也显得细节不够丰富，难以满足人们的审美与时尚的要求。 图 子名片 图 目前国内最新的手机电子名片界面， 它的操作界面不够成熟，显得有些混乱。人机交互方面，指示系统容易让人产生误解，功能上有所欠缺。但是手机电子名片的出现已经大大的改变了传统名片的传输方式，它使得人们交换信息更加方便快捷，简单易操作，并且不易丢失。 研结论 目前市场上纸质名片毫无疑问的仍然占据主导地位，纸质名片的传输方式单一，只能面对面的传 递，并且在尺寸和印刷上都有着不同程度的要求。 纸质名片不易保存，容易出现丢失的情况，从而可能造成用户的信息损失， 最重要的一点就在于一但制作出名片就不能再修改信息，这也成为纸质名片的致命伤 。 电子名片盒在一定程度上提高了传统名片的传输方式和可塑性。 但是在名片的管理上有所不足，个人的信息只是以文本列表的形式所列出，并非像传统的名片以个性的图片形式保存。但是它任然没有解决携带不便的问题，并且承载媒介单一，只能用专门的电子名片盒扫描存储。 手机电子名片的问世可以说打破了传统名片的概念，它最大的特点就在于信息传输方便快捷，并且不会丢失，管理上也很简单。但是现有的手机电子名片发展的非常缓慢，界面与人的交互设计的不够完善，在功能性上也还有深入的余地。所以，在保证人机合理的交互同时，对它的功能引入了一项新科技 “二维码”。二维码的引用加大大提高 了名片的传输范围和宣传范围 ，将使手机电子名片的发展具有更多的潜力。 9 术的可行性分析 在各类电子产品不断发展的今天，信息无线传送技术已经日益成熟了，对于原先的文本信息传输这一切似乎并不是问题，但是在 手 机电子名片 的传输技术中，我们需要用 二维码识别技术在更广的范围里 传送 名片文件，这就对现有的二维码 技术提出了疑问，怎样才能保证二维码的可识别性 ，保持使用上的方便性。 么是二维码 条形码 (将 不同宽度 的多个黑条和空白，按照一定的编码规则排列，用以表达一组信息的图形标识符 4。 二维条码是用某种特定的几何图形按一定规律在平面 (二维方向 )上分布的条、空相间的图形来记录数据符号信息 5。 在代码编制上利用构成计算机内部 逻辑基础的“0” 、 “1” 比特流的概念， 运用一些相应的 二进制 几何形体来 代表文本价值 信息， 利用 光电扫描设备 ， 以实现信息处理自动化的自动 解读 6。 维码的优点 可靠性强。 平均每场 15000 字符 才 会出现一个错误 的精度 远远 超过 手工记录。 效率高 。 条形码 拥有相当快的读取速度 ，相当于每秒 40 个字符 4。 成本低 。 条形码技术 与其它自动化识别技术相比 ， 只 需要一 点点 贴纸和 结构简洁 的光学扫描仪，成本 非常低 4。 易于制作 。生产 条形码 ：条形码 的 编 制方便 ，生产 也 只 需要印刷， 被称 为“可印刷的计算机语言”。 构造简单 。 条形码 所使用的 识别设备构造简单，使用 便捷 。 运用灵活。 条形码符号 不仅 可以 手动 输入 也可以单独使用，同时能够 组成 相关设备 识别系统 以 实现自动化识别， 也可以与其他控制设备相结合来 实现整个系统的自动化管理 4。 纠错功能 。 二维条形码 一方面 能防止错误， 另一方面 也 能纠正错 误，即 便 部分条形码污损 ，也能 还原出 正确的信息。 10 密度高 。 二维条码通过利用垂直 积累以 提高条码的信息密度， 并使用 相对密度较高 的图形 来 表示， 所以不用事 先建立数据库， 便可实现 条码对信息的直接描述。 语言形式多 样 ， 能 表示图像 。 无论是哪一种 种语言文字它们 以机内码的形式表现 在计算机中存储， 内部码 基本都是 字节码， 能 识别多种语言文字的条码。 维码的分类 二维条码 (二维码 )通常分为二种类型： 行排式二维条码 （ 2D 名 ：堆积式二维条码或层排式二维条码，它的 编码原理是 以 一维条码 为 基础 ，按需 堆积成二行或多行。 具有 代表性的行排式二维条码有： 6K、 6。 矩阵式二维条码 （ 2D 又 名 ：棋盘式二维条码。矩阵式二维条码有 6： 。 常见的几 种二维条码 图 维码 码 11 维码的解码 在获取 一幅标准的条码图像后，对该符号 和网格每一个交点上的图像像素取样， 根据阈值确定是 色块的深浅度 7。 生成 一个 二进制 位图，用 “1” 表示 暗 色像素， “0” 表示浅色像素， 便可 得到 原始二进制序列值 6，对 该 数据进行 翻译 和 改 错 ，最后 以条码逻辑编码为原 则把 原始 数据位流转换成数据码字。 维码的应用 物流管理 二维码产品可进行产品物流管理且与企业目前应用的物流管理系统对接使用。 图 流流程图 优惠券 入场券等 通过手机扫描接收到的二维码，便可以读取出二维码当中的数据，并且可以打印。一些优惠劵及展会入场劵等都采用此方式，高效、便捷。 12 图 惠劵二维码 火车票实名制 如今，火车票上也印上了 二 维码 ，通过仪器扫描便可接收到二维码里所包含的个人信息，通过此途经，更好的贯彻了火车票实名制的目的，打击了不法分子非法倒卖火车票的行为，一定程度上解决了“一票难求”的严重问题。 图 车票实名制 解析网址 将网址、以及下载地址生成二维码。手机解码后，即可快速联网，减少输入网址的麻烦 ，同时也增加了联网的准确性 。 13 图 描网址 计定位分析 通过市场调研得出的结论，利用 5对 手机电子名片 进 行了设计定位分析： 目前市场中 纸质名片占主导地位，现有的电子名片在设计上仍然有一系列问题， 进行 手机电子名片界面 设计以适应当今 高速发展 的社会环境压力下， 电子名片走向便捷、大众化 的发展趋势； 主要针对 需要经常与人打交道的目标人群 ，根据调查这部分人群 社交频繁 ，需要随时随地与别人联系，手机电子名片 有助于 他们更快更高效的社交 ； 主要用于 手机互相传输和网络扫描下载 ； 界面 达到 简洁实用的设计 要求， 使用户与人机进行最大化的舒适交互 ； 并且在功能行上大大提高。 具有很大的市场潜力； 通过在界面版式上，图标设计上以及色彩的搭配上体现出电子名片的一个 简洁、便捷与功能性的突出。 一件产品是否能让使用者满意，在其外观设计上固然十分的重要，但是其技术的可行性对于其投入真正的生产却是至关重要的，我们必须认识到与国外技术上的差距，引进新的技 术使产品更有生命力，在设 计阶段就对其有一个完整的预测。手机电子名片 的设计也必须考虑到其技术的可行性，将 采用 作为传输工具中的一种 ，在 界面 的设计方面也必须考虑到 人机交互的舒适性 ，在 保证界面时尚、简洁 的同时 兼顾软件的功能性与可操作性，使用户获得最佳的使用体验。 14 3 方案 说明 计理念 本 款界面的设计理念是 “创新 简洁 高效 ” 。 界面设计上，本次设计的手机电子名片界面借鉴了现有手机通讯录的简洁、易识别的界面设计效果，同时也考虑了用户的操作习惯，在人机交互方面追求用户使用的舒适性，便捷性和易识别性。整体界面的色彩与界面的风格相协 调，在突出功能性的同时，不会对用户的视觉产生审美疲劳。在界面的版式设计上，在有限的屏幕里合理安排界面元素，使界面变得实用富有吸引力。 在功能性方面，引入了当下最流行的“二维码”技术，它使得电子名片的传输方式得到了质的飞跃，不再局限于短信等方式的发送。通过手机摄像头进行扫描即可获取电子名片里的信息。方便、快捷、易操作的特点使得电子名片实用性大大提升。 机电子名片界面的造型 随着科技的不断发展，越来越多的传统产品被新的电子产品所取代，或是被进行了功能上的整合，手机上带有 能或是数码相机的 功能的，这样的电子产品已经很难从功能上在定义它是什么了。在技术不断进步的同时，随着电子产品的功能不断增多，不但在其核心科技的技术上有了很大的进步，在其软件界面的设计上也产生了难度，如何从软件的界面上突出产品主要的功能，也要体现其多功能的特点。在电子商品不断发展的今天，界面设计的表现也不断的创新，不但要保证产品的设计能够在界面上有所突破，也要让消费者能够接受产品。 如今的电子产品的界面设计有一种崇尚简洁的设计风格，比如非常成功的一些欧美产品，有美国苹果公司的 有荷兰的菲利浦公司一直以“ 简于形，精于心”作为公司的设计宗旨，还有北欧的 B&O 公司一直以简洁的风格，出众的品质来赢取消费者的心，即使在我们附近的韩国和日本的设计风格也有走简洁路线的倾向。一件软件界面的简洁的设计风格虽然可以在第一时间获得使用者的青睐，它还必须要有丰富的细节来体现它的精细，在简单整洁的界面下长久吸引着人们的还是那些考虑到人性化设计的各种图标、色彩、版式排列细节，就如我们的邻居韩国三星公司所设计的手机，其手机界面简单15 的风格之下包含了许多细部的完美设计，即使一款低端的软件也是如此，在一款低端软件的界面顶部设计了一个供用户自 定义的操作选项，这样设计的好处就是不但使软件在与人的交互时有简洁的视觉感受，还能使用户感受到一种自主选择的主动性。还有在用户退出软件使用时，会有一句感谢使用的标语显示在界面上，这就使得用户感受到自己处于一种被尊重的地位上，在一定程度上，使用户更愿意使用该软件。由此可见，一部软件成功不但要在界面外观上让人感到愉快，更要在其细部考虑得细致，这样才能增加软件的被选择率和被接受度。 这款手机电子名片界面的设计也考虑到了使用上的方便，按键的合理布置，外观的时尚，细部设计的考虑等诸多设计要素。手机电子名片界面的主要版式 风格偏向于简洁、方便的设计理念。在界面的下方设计了一排五个带渐变色的功能按钮，这五个按键设计的较大，可以方便用户的操作，再配以直观的功能图案，分别代表了拨号、所有联系人名单、信息浏览、功能设置和我的名片的作用。在“我的名片夹”界面中，屏幕上方安排了电子名片的快速搜索键，它提供了首字母的快速搜索。这个功能键是该页面主要功能因此安排在了比较显眼的位置，尺寸上也是稍大一些的。在“我的名片”界面中，主要显示了用户自己的名片样式，在界面的下方设置了俩个按钮，一个是“编辑”，它可以根据用户的不同需求，修改名片上的个人信 息；另一个是发送。在“发送我的名片”界面上，将三个选项按钮放在最显眼的位置，并且弱化了后排界面，突出当前的任务选择，红色表示已经选中的选项。在“我的二维码”界面设计中，毫无疑问，用户自己所生成的二维码显示在整个界面的中心位置。二维码的下方提供了一个选项，该选项可以将二维码通过网络同步信息传输技术，将二维码按需要分享到网络上。这也是此次电子名片界面设计功能性当中的核心技术。用户通过网络上分享的电子名片二维码，用手机上的摄像头进行扫描，便可迅速的获取二维码上的名片信息，并保存在我的电子名片夹里。此外，该软件还提 供了电子名片的加密功能。用户可以根据自己的需要，对一些重要联系人的电子名片进行加密，防止信息资料外泄。 机电子名片的 功能 手机电子名片作为新的电子产品面向市场，在其功能上也要适应用户的需要，但是作为新产品的开发又不能一下子整合过多的新功能这样不但增加了成本，也很难让消费者去接受。所以作为新一代的手机电子名片所具有的主要功能就是： 16 无限复制 随意发送，不用再担心名片不够的问题； 随收随发 分类存储 再会误将别人的送出去； 二维码识别 使得电子名片的传播范围更广，获取信息方式不再单一，更快捷、更简便、更有效； 实时更新 及时存储 多版式名片 语种的名片设计，满足现代人多岗位、多职能的工作需要； 加密解密 密性，避免了重要名片信息的不经意泄露； 录入提醒 可设置与相应名片的关联提醒； 绿色便捷 彻底杜绝因名片交互、制作带来的污染问题。 机电子名片界面的操作介绍 作为一件新世纪的商务电子产品，不但要在界面设计上更加时尚，在操作上也要简便易懂，无论在任何情况下都能得心应手。该界面的下 方提供了一组五个渐变色的图标功能按钮，这五个按键尺寸较大，可以方便用户的操作，配以直观的功能图案，分别代表了拨号、所有联系人名单、信息浏览、功能设置和我的名片的作用。功能上的设置包括电子名片的添加与修改，二维码的扫描与生成等。 17 4 设计过程 期设计方案 下面是我的几个初期设计方案草图： 方案一：通过了解现有手机电子名片的界面特征，我绘制了以下几款方案。 图 期草图一 图 期草图二 从以 上图中可以看出这 俩 种方案 界面 比较简单， 名片界面稍显混乱 ，在 用户操作 上没能带来便捷 。没有达到 界面简洁、易识别 的目的 。 方案二：通过了方案一出现的问题，对方案二继续进行推敲。 太复杂的界面不太适合电子名片的使用， 我发散思维利用了 通讯录简洁的界面元素 草绘了以下方案 ： 图 期草图三 图 期草图四 18 化设计方案 随着方案的进展， 通过以上的分析， 在上述的草图中，进行分析、比较、寻找解决问题的最佳方案。 通过大量的草图，逐步深入，我更加明确了我的设计构想。 图 期草图五 图 期草图六 图 期草图七 图 期草图八 这些草图是我确定方案的过程，从开始的 界面造型构思 ，到后面 功能上二维码的引入，我都与老师的沟通下进行了反复的修改和推敲，在某些细节上也做了处理。 19 5 设计表达 面结构图 面 的 二维设计 在这个阶段，根据草图的比例，确定了界面的尺寸，并用二维软件进行设计。 20 图 建模一 图 建模二 21 图 模三 计指南 设计指南保证了软件界面设计的一致性，同时为之后软件升级和功能扩展提供标准尺寸。 图 面尺寸 22 图 面元素尺寸 分 界面 效果图 图 效果图一 在“我的名片夹”界面中，屏幕上方安排了电子名片的快速搜索键，它提供了首字母的快速搜索。这个功能键是该页面的主要功能，因此安排在了比较显眼的位置，让用户可23 以迅速的找到查询的功能键，尺寸上也稍大 一些 。 名片头像右边的小图为二维码。 图 效果图二 在“我的名片”界面中，主要显示了用户自己的名片样式，在界面的下方设置了俩个按钮，一个是“编辑”，它可以根据用户的不同需求，修改名片上的个人信息；另一个是发送。 图 效果图三 24 在“发送我的名片”界面上，将三个选项按钮放在最显眼的位置，并且弱化了后排界面，突出当前的任务选择，红色表示已经选中的选项。 图 果图四 在“我的二维码”界面设计中，毫无疑问，用户自己所生成的二维码显示在整个界 面的中心位置。二维码的下方提供了一个选项，该选项可以将二维码通过网络同步信息传输技术，将二维码按需要分享到网络上。这也是此次电子名片界面设计功能性当中的核心技术。