【畢業(yè)學(xué)位論文】(Word原稿) 電子名片人機(jī)交互界面設(shè)計(jì)-工業(yè)設(shè)計(jì)(產(chǎn)品藝術(shù)設(shè)計(jì))

南京林業(yè)大學(xué) 本科畢業(yè)設(shè)計(jì)（論文） 題 目： 電子名片人機(jī)交互界面設(shè)計(jì) 學(xué) 院： 家具與工業(yè)設(shè)計(jì)學(xué)院 專(zhuān) 業(yè)： 工業(yè)設(shè)計(jì) (產(chǎn)品藝術(shù)設(shè)計(jì) ) 學(xué) 號(hào)： 080303218 學(xué)生姓名： 徐 坤 指導(dǎo)教師： 張榮強(qiáng) 職 稱(chēng)： 教 授 二 0 一二年五月二十八日 摘 要 此次畢業(yè)設(shè)計(jì)的課題是電子名片人機(jī)交互界面的設(shè)計(jì)。電子名片是一種能夠取代傳統(tǒng)紙制名片的電子科技產(chǎn)品，它的出現(xiàn)擯棄了傳統(tǒng)名片管理混亂，不夠環(huán)保的缺點(diǎn)，二維碼的設(shè)計(jì)可以使用戶(hù)更加快捷的相互傳發(fā)個(gè)人信息資料。用戶(hù)可十分個(gè) 性的編輯自己的名片風(fēng)格以及合理的管理已經(jīng)儲(chǔ)存的名片信息。 個(gè)人名片信息可以 隨心 修改 ,及時(shí) 更新 ,保證名片 是最新的 ;名片交換快捷 ,交換后不用 手動(dòng) 輸入 ,自動(dòng)儲(chǔ)存名片 ,自動(dòng)更新電話本里朋友的名片信息 。本 次設(shè)計(jì)以電子名片的功能及界面為中心，從新穎的界面設(shè)計(jì)，強(qiáng)大的功能考慮，以及使用產(chǎn)品時(shí)的人機(jī)交互的研究等過(guò)程完成合理有效的設(shè)計(jì)，并且通過(guò)這次的設(shè)計(jì)讓電子名片的發(fā)展提供一個(gè)好的開(kāi)端，讓更多人去接受這個(gè)環(huán)保，便捷，高效的商務(wù)通信工具。也更好的體現(xiàn) 21 世紀(jì)綠色設(shè)計(jì)的概念。這次設(shè)計(jì)，我也能夠?qū)⑺鶎W(xué)的設(shè)計(jì)理論與人機(jī)交互相結(jié)合，這也 正是界面設(shè)計(jì)要考慮的。 關(guān)鍵詞： 電子名片 界面設(shè)計(jì) 人機(jī)交互 二維碼 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 識(shí) 面設(shè)計(jì) . 2 I 界面設(shè)計(jì)流程 . 3 I 界面設(shè)計(jì)的方法 . 3 世紀(jì)的綠色設(shè)計(jì) . 4 2 設(shè)計(jì)調(diào)研 . 5 場(chǎng)分析及預(yù)測(cè) . 5 內(nèi)外相類(lèi)似產(chǎn)品研究概況 . 6 外相類(lèi)似產(chǎn)品調(diào)研 . 6 內(nèi)相類(lèi)似產(chǎn)品調(diào)研 . 7 研結(jié)論 . 8 術(shù)的可行性分析 . 9 么是二維碼 . 9 維碼的優(yōu)點(diǎn) . 9 維碼的分類(lèi) . 10 維碼的解碼 . 11 維碼的應(yīng)用 . 11 計(jì)定位分析 . 13 3 方案說(shuō)明 . 14 計(jì)理念 . 14 機(jī)電子名片界面的造型 . 14 機(jī)電子名片的功能 . 15 機(jī)電子名片界面的操作介紹 . 16 4 設(shè)計(jì)過(guò)程 . 17 期設(shè)計(jì)方案 . 17 化設(shè)計(jì)方案 . 18 5 設(shè)計(jì)表達(dá) . 19 面結(jié)構(gòu)圖 . 19 面的二維設(shè)計(jì) . 19 計(jì)指南 . 21 分界面效果圖 . 22 結(jié) 論 . 26 致 謝 . 27 參 考 文 獻(xiàn) . 281 引 言 科技 的 發(fā)展日新月異 ， 人們的生活離不開(kāi)個(gè)人信息的相互交流， 人們需要處理的事 情逐漸增多，接觸的人也逐漸變廣， 這就使得朋友變得越來(lái)越多。 一張張的名片不僅容易變得混亂，更使得在需要的時(shí)候不易查找，也不容易存儲(chǔ)和擺放。 怎么樣更好的以最快的方式傳遞，接收，以及管理信息是 必須要思考的 問(wèn)題。 手機(jī) 電子名片的 問(wèn)世可以使 人們?cè)?最短的時(shí)間 就能夠?qū)γ龈咝П憬莸?查詢(xún)與管理。 另一方面， 手機(jī) 電子名片的出現(xiàn)將替代大量的紙質(zhì)名片，更有利于環(huán)保，這樣的設(shè)計(jì)理念也是 21 世紀(jì)所追求的 。 軟件 界面是 一個(gè) 軟件的 靈魂 。 軟件 好不好 用、 能不能讓 用戶(hù)接受，界面 有舉足輕重 作用 。 軟件 界面在人機(jī)交互 中的 信息傳 輸 過(guò)程 起到舉足輕重 的作用。 手機(jī)軟件界面 可以說(shuō)是人機(jī)交互操作的窗口。 對(duì)此 界面 進(jìn)行合理的設(shè)計(jì)就必須 對(duì)目前市場(chǎng)上類(lèi)似 手機(jī)通訊錄 進(jìn)行調(diào)研并進(jìn)行市場(chǎng)分析和預(yù)測(cè)，對(duì)現(xiàn)有相關(guān) 電子名片界面 外觀 和功能 進(jìn)行分析和研究，然后有所創(chuàng)新的完成界面和功能 設(shè)計(jì)， 并在后期對(duì)界面和 色彩等方面 做相關(guān) 調(diào)整，設(shè)計(jì)出不僅符合 用戶(hù) 的審美觀并且具有一定的市場(chǎng)競(jìng)爭(zhēng)力的產(chǎn)品。 2 1 課題介紹 本次畢業(yè)設(shè)計(jì)的課題名為 電子名片人機(jī)交互界面設(shè)計(jì) ， 目前人們所有的聯(lián)系方式主要是通過(guò)手機(jī)通訊錄和紙質(zhì)名片來(lái)獲 取和保存。盡管市面上已經(jīng)開(kāi)始出現(xiàn)一些 電子名片，但它的界面造型設(shè)計(jì)和功能性方面還存在這一系列問(wèn)題。目前它還是以電子名片盒的方式承載掃面名片， 在整個(gè)功能設(shè)計(jì)上也不夠完全，沒(méi)有一種很好的人機(jī)交互的操作體驗(yàn)。人機(jī)交互界面包括 界面風(fēng)格 和用戶(hù)操作方式 ，所以我選擇在需要人機(jī)交互的界面上做一些改良和創(chuàng)新。更重要的是在功能上加入了“二維碼”的新科技，并以此來(lái)獲得用戶(hù)的肯定。 本次畢業(yè)設(shè)計(jì)研究的目的是： 從電子名片的人機(jī)交互界面，功能創(chuàng)新，用戶(hù)體驗(yàn)入手，結(jié)合現(xiàn)有的科學(xué)技術(shù) ，對(duì)現(xiàn)有的電子名片界面和功能做改良設(shè)計(jì)。 以 提高對(duì)所學(xué)知識(shí)的 融匯和應(yīng)用，提高實(shí)際設(shè)計(jì)的掌握能力。使之融入到人們的生活情感之中，得到樂(lè)趣。 品介紹 秉承二千多年名片發(fā)展歷史的悠久文化，電子名片 在保持名片特色與交互習(xí)慣的同時(shí)，將名片電子化，實(shí)現(xiàn)多渠道更新與集中存儲(chǔ)，方便攜帶，便捷交互；同時(shí)支持多版式、多語(yǔ)種名片、及商務(wù)信息的用戶(hù)定制擴(kuò)展等；實(shí)現(xiàn)與 片設(shè)計(jì)管理系統(tǒng)以及名片數(shù)據(jù)中心網(wǎng)絡(luò)資源的同步聯(lián)接、資源共享，構(gòu)建了立體化的現(xiàn)代信息流通體系。 在數(shù)字化應(yīng)用無(wú)處不在的今天， 手機(jī)電子名片 將全面實(shí)現(xiàn)名片數(shù)字化的流通與管理，倡導(dǎo)綠色、便捷的現(xiàn)代商務(wù)交流模式 。手機(jī)電子名 片 將助你在現(xiàn)代商務(wù)交流中把握先機(jī)、勝人一籌 。 手機(jī)電子名片 提供了一套全新的軟硬件結(jié)合的電子名片設(shè)計(jì)管理與交換解決方案，系統(tǒng)采用 時(shí)下最 流行的 二維碼傳輸 技術(shù)、 術(shù)在 二 者之間完成電子名片的生成、存儲(chǔ)、備份、交換以及名片資料的實(shí)時(shí)更新等功能。 識(shí) 面設(shè)計(jì) 戶(hù)界面 )的簡(jiǎn)稱(chēng)。 計(jì)指 的是 對(duì)軟件的 用戶(hù) 交互、操作 算3 法 、界面 新穎 的整體設(shè)計(jì)； 成功 的 計(jì)不 但 要 使 軟件變得富有 活力 并且新穎，更要讓軟件的操作變得舒 心 、便捷、隨心 ,充分體現(xiàn)軟件的定位和特 征 。在 這樣復(fù)雜的情況下要做好界面設(shè)計(jì)，必須對(duì)它要有綜合、全面認(rèn)識(shí) 1。 I 界面 設(shè)計(jì) 流程 確認(rèn)目標(biāo)用戶(hù)。 在設(shè)計(jì)軟件的過(guò)程中，要考慮到目標(biāo)用戶(hù)的不同， 人機(jī)交互 要考慮目標(biāo)用戶(hù)的不同需求 所產(chǎn)生 的 不同 的交互設(shè)計(jì)重點(diǎn) 。 獲取目標(biāo)用戶(hù)常用的交互方式。不同類(lèi)型和年齡段的用戶(hù)有著不同的交互習(xí)慣。這些習(xí)慣大多數(shù)來(lái)源于長(zhǎng)久時(shí)間所形成的交互思想習(xí)慣，或是原有產(chǎn)品的使用習(xí)慣。最重要的是調(diào)研出用戶(hù)所希望的交互方式和效果，并記錄 下來(lái)。 提示和引導(dǎo)用戶(hù)。軟件由目標(biāo)用戶(hù)所操作和控制，如何正確、簡(jiǎn)潔、有效的提示和反饋用戶(hù)的操作結(jié)果，并引導(dǎo)用戶(hù)進(jìn)行下一步的操作，是軟件界面設(shè)計(jì)的重要指標(biāo) 1。 I 界面 設(shè)計(jì)的 方法 界面文本的選擇 。 軟件 界面的 不同 字體 可以改變界面的風(fēng)格 ， 選擇什么樣的字體應(yīng)該 依據(jù) 軟件 類(lèi)型決定，應(yīng) 使 用與其界面視覺(jué) 效果相符合 的字體， 不能出現(xiàn)雜亂 的字體 ， 要容易被認(rèn)可 ， 軟件 界面中 的字體 ， 必須要 考慮 其 界面的 尺寸比例 ， 要盡量 保持協(xié)調(diào)舒適 2。 界面圖標(biāo)的設(shè)計(jì) 。圖標(biāo)顧名思義，是界面的圖形和符號(hào)表示，它具有重要的指示意義，并且對(duì)界面風(fēng)格有重大的影響，與用戶(hù)交互有緊密聯(lián)系。設(shè)計(jì)圖標(biāo)的時(shí)候要確定它的指示意義， 并且盡量要簡(jiǎn)潔明了， 要讓用戶(hù)能夠讀懂 ，讓用戶(hù)輕松的找到識(shí)別。要避免出現(xiàn)生硬的外輪廓，可以適當(dāng)?shù)募右恍u變，使得圖標(biāo)更具有人性化。它的外觀要有個(gè)性并且富有吸引力，這樣用戶(hù)才不會(huì)出現(xiàn)審美疲勞 2。 色彩的搭配 。軟件界面的色彩 效果要和其 風(fēng)格 相互搭配 ，是它的功能性得到突出。文字顏色、背景顏色等 不 同的顏色 能 對(duì)界面產(chǎn)生不同的視覺(jué)效果，等。把握好整體的色調(diào)，顏色的對(duì)比不能夠太強(qiáng)烈，這樣會(huì)給用戶(hù)造成視覺(jué)疲勞，過(guò)于刺激眼球。 但同時(shí)又不能使整個(gè)畫(huà)面暗淡無(wú)亮點(diǎn)，這就要求設(shè)計(jì)師在圖標(biāo)和線條的顏色4 挑選上作研究，合理的運(yùn)用一些漸變，保證畫(huà)面的活躍 2。 界面版式。 軟件界面的版式設(shè)計(jì) 要考慮到 該軟件的 應(yīng)用范圍 ，在有限的屏幕里合理安排界面元素， 使 界面變得實(shí)用富有吸引力。要突出軟件界面的設(shè)計(jì)主題，使用戶(hù)的視線停留在最富有價(jià)值的功能操作上。 避免 一切 不必要的交互， 設(shè)計(jì)師要以簡(jiǎn)便快捷的方法去引 導(dǎo)用戶(hù)完成他們所需的操作目的，一味的提醒用戶(hù)怎么樣操作效果可能適得其反。例如 在 機(jī) 的短信發(fā)送 ，寫(xiě)信和收信人的內(nèi)容區(qū)分明確，在軟件底色的選擇上也有所不同，所發(fā)的信息按照時(shí)間順序依次排列，這樣就使得信息發(fā)送歷史一目了然 。 為了確保樣式協(xié)調(diào)統(tǒng)一 ，軟件界面版式的設(shè)定也要結(jié)合手機(jī)界面的版式排列 2。 世紀(jì)的綠色設(shè)計(jì) 綠色設(shè)計(jì) 的設(shè)計(jì)理念 是以節(jié)約資源和保護(hù)環(huán)境為宗旨的 。綠色設(shè)計(jì)不但需要設(shè)計(jì)師的新穎理念，還需要 最新科技和技術(shù)的支持，同時(shí)它還需要持久性 3。新世紀(jì)的設(shè)計(jì)隨著社會(huì)的發(fā)展、時(shí)代的進(jìn)步、 人類(lèi)思想的變化，體現(xiàn)現(xiàn)代人的風(fēng)格，反映新時(shí)代的生活狀態(tài)，環(huán)境保護(hù)意識(shí)以及新的消費(fèi)價(jià)值觀。綠色設(shè)計(jì)符合人類(lèi)可持續(xù)發(fā)展的長(zhǎng)遠(yuǎn)目標(biāo) ，也是建設(shè)健康社會(huì)的需求。 這次的電子名片的設(shè)計(jì)也是以綠色為設(shè)計(jì)主導(dǎo)的概念，據(jù)統(tǒng)計(jì)， 全球貿(mào)易總額前三名的美國(guó)、德國(guó)、日本，其人均紙質(zhì)名片每年的耗量 已經(jīng)達(dá)到 以上 ，這種傳統(tǒng)的紙制名片實(shí)際上是對(duì)有限資源的極大的消耗。在人類(lèi)不斷文明的同時(shí)對(duì)于大自然的危害也與日俱增。電子名片的出現(xiàn)不但能解決過(guò)度砍伐樹(shù)木的危害，還能夠使名片交遞顯得更為時(shí)尚、快捷。 5 2 設(shè)計(jì)調(diào)研 場(chǎng) 分析及預(yù)測(cè) 隨著信息時(shí)代的飛速發(fā)展，世界各國(guó)的名片需求量也逐步上升，加上世界人口的不斷增長(zhǎng)以及木材資源的缺失，一種以各種方式去取代傳統(tǒng)產(chǎn)品對(duì)森林資源的消耗已成為了新世紀(jì)的一場(chǎng)革命，以此來(lái)表示對(duì)綠色設(shè)計(jì)的宣揚(yáng)以及對(duì)生態(tài)資源的保護(hù)。其中，隨著電子技術(shù)的不斷發(fā)展 ， 各類(lèi)的電子產(chǎn)品也不斷的代替著傳統(tǒng)的產(chǎn)品，在一方面不僅保護(hù)了自然資源而且還使人們的生活更加時(shí)尚與文明。 很多企業(yè)為了宣傳自己的企業(yè)形象，在名片的樣式設(shè)計(jì)上作足了功夫，不論是在紙張的的選擇還是在頁(yè)面的設(shè)計(jì)上，都不遺余力的使出渾身解數(shù)，甚至用鍍金的名片，但即使如此，也很難讓人們覺(jué)得新鮮。 對(duì)社會(huì)上各個(gè)層次的消費(fèi)人員做個(gè)調(diào)查，有的人員很樂(lè)意使用手機(jī)電子名片，大家一致認(rèn)為使用該產(chǎn)品將會(huì)擺脫煩瑣的名片資料的管理， 最大程度 地提高自己的工作效率，及時(shí)抓住很多商機(jī)?；趪?guó)內(nèi)以及港臺(tái)地區(qū)年消耗紙質(zhì)名片達(dá) 盒的市場(chǎng)規(guī)模，本產(chǎn)品的推出將以其強(qiáng)大的比較優(yōu)勢(shì)、較高的性?xún)r(jià)比迅速侵占紙質(zhì)名片市場(chǎng)，從而形成一個(gè) 巨 大的電子名片消費(fèi)市場(chǎng)。預(yù)計(jì)在未來(lái)三年或更短的時(shí)間內(nèi)，手機(jī)電子名片將取代傳統(tǒng)的紙質(zhì)名片，逐步成為個(gè)人、商務(wù)、政務(wù)領(lǐng)域人際交流第一次見(jiàn)面時(shí)交互聯(lián)系人通訊信息的主要工具，創(chuàng) 新全社會(huì)公認(rèn)并推崇的現(xiàn)代商務(wù)交流模式。 在追求效率、崇尚環(huán)保的歐、美、日商業(yè)圈， 手機(jī) 電子名片的創(chuàng)新優(yōu)勢(shì)將被進(jìn)一步放大，更能適合其商務(wù)交流的人文文化，其取代紙質(zhì)名片的發(fā)展速度與成長(zhǎng)規(guī)模將會(huì)遠(yuǎn)遠(yuǎn)大于國(guó)內(nèi)市場(chǎng)。最終目標(biāo)是全球名片用戶(hù)拋棄傳統(tǒng)的紙質(zhì)名片 ,使整個(gè)社會(huì)普遍使用 手機(jī) 電子名片 。 對(duì)于設(shè)計(jì)人員而言這種對(duì)資源的消耗可以大大減少的設(shè)計(jì)理念，綠色環(huán)保符合可持續(xù)發(fā)展的要求，是 21 世紀(jì)設(shè)計(jì)領(lǐng)域的第一課題。 6 內(nèi)外相類(lèi)似產(chǎn)品研究概況 手機(jī) 電子名片是一個(gè)剛問(wèn)世不久并且尚未成熟的新電子產(chǎn)品，市場(chǎng)上的電子名片軟件大 部分界面相同，相關(guān)信息也是少之又少，所以只能對(duì)以前包括類(lèi)似的產(chǎn)品進(jìn)行調(diào)查比較，比如最常見(jiàn)也是現(xiàn)在用的最多的紙質(zhì)名片，另一個(gè)就是普及率也不是很高的電子名片盒。這些產(chǎn)品都有著較多的弊端和一定程度的污染。 外相類(lèi)似產(chǎn)品調(diào)研 圖 外名片 圖 國(guó)外的紙質(zhì)名片，這是當(dāng)下普及率最高的一種名片，也是最普通的名片。國(guó)外的名片在版式的設(shè)計(jì)上比較新穎，內(nèi)容比較簡(jiǎn)潔。但由于是紙質(zhì)所造，必然出現(xiàn)了對(duì)木材資源的浪費(fèi)，在一定程度 上對(duì)環(huán)境造成污染。 圖 普 圖 2. 3 索尼 由惠普公司推出的，其配備了 寸的彩色液晶顯示屏幕，在產(chǎn)品的尺寸上 ，其大小為 很明顯，對(duì)于如今的消費(fèi)者而言這樣的尺寸有些偏大了。在與我們關(guān)系最密切 的信息傳輸與接 收 上，其主要的數(shù)據(jù)接口是 外線 ，藍(lán)7 牙 ,外部存儲(chǔ)器 方面 ，其主要的擴(kuò)展槽設(shè)備是針對(duì) D,的讀寫(xiě)。外觀的色彩以深灰色為主 配以 金屬色的按鍵，體現(xiàn)了商務(wù)與高科技的雙重意味。其主要的缺點(diǎn)就是價(jià)格不菲 并且攜帶不方便 。 作為亞洲設(shè)計(jì)大國(guó) 的 日本 在電子產(chǎn)品的設(shè)計(jì)方面也有 自己的一套理念 。圖 采用了翻蓋式的設(shè)計(jì)，還裝配 了可以旋轉(zhuǎn)的屏幕，用戶(hù)可以通過(guò)有觸感的迷你鍵盤(pán)輸入，還可以采用直接手寫(xiě)的方式。在信息的傳輸方面也采用了 外線 ,藍(lán)牙 ,方式。該產(chǎn)品的尺寸為 103mm x x 在厚度方面由于翻蓋設(shè)計(jì)顯得略厚了一些 ， 在產(chǎn)品的整體 造型 方面 表現(xiàn)出了對(duì)用戶(hù)的 體貼和周到的考慮。 內(nèi)相類(lèi)似產(chǎn)品調(diào)研 圖 國(guó)內(nèi)名片 圖 國(guó)內(nèi)的紙質(zhì)名片?？梢悦黠@的看出，國(guó)內(nèi)的名片設(shè)計(jì)更多的是趨向于信息的承載量，版式相比國(guó)外顯得單一 且缺乏 設(shè)計(jì)感 ，信息的排列也比較混亂，讓人容易產(chǎn)生視覺(jué)疲勞。 圖 國(guó)內(nèi)產(chǎn)品 圖 一些主要的功能方面與國(guó)外的產(chǎn)品并沒(méi)有很大的差距，但在數(shù)據(jù)的傳輸方面基本采用的都是 外線 ，而只有一些價(jià)格昂貴的高端產(chǎn)品才使用了藍(lán)牙技術(shù)，我想8 其最主要的原因還是根據(jù)市場(chǎng)的需求量來(lái)適當(dāng) 降低成本，使更多的用戶(hù)能夠接受。 另一方面，可以很明顯的看到國(guó)內(nèi)的產(chǎn)品在設(shè)計(jì)上是不盡如人意的，沒(méi)有很好的考慮按鍵的布置，在整體外觀上也顯得細(xì)節(jié)不夠豐富，難以滿足人們的審美與時(shí)尚的要求。 圖 子名片 圖 目前國(guó)內(nèi)最新的手機(jī)電子名片界面， 它的操作界面不夠成熟，顯得有些混亂。人機(jī)交互方面，指示系統(tǒng)容易讓人產(chǎn)生誤解，功能上有所欠缺。但是手機(jī)電子名片的出現(xiàn)已經(jīng)大大的改變了傳統(tǒng)名片的傳輸方式，它使得人們交換信息更加方便快捷，簡(jiǎn)單易操作，并且不易丟失。 研結(jié)論 目前市場(chǎng)上紙質(zhì)名片毫無(wú)疑問(wèn)的仍然占據(jù)主導(dǎo)地位，紙質(zhì)名片的傳輸方式單一，只能面對(duì)面的傳 遞，并且在尺寸和印刷上都有著不同程度的要求。 紙質(zhì)名片不易保存，容易出現(xiàn)丟失的情況，從而可能造成用戶(hù)的信息損失， 最重要的一點(diǎn)就在于一但制作出名片就不能再修改信息，這也成為紙質(zhì)名片的致命傷 。 電子名片盒在一定程度上提高了傳統(tǒng)名片的傳輸方式和可塑性。 但是在名片的管理上有所不足，個(gè)人的信息只是以文本列表的形式所列出，并非像傳統(tǒng)的名片以個(gè)性的圖片形式保存。但是它任然沒(méi)有解決攜帶不便的問(wèn)題，并且承載媒介單一，只能用專(zhuān)門(mén)的電子名片盒掃描存儲(chǔ)。 手機(jī)電子名片的問(wèn)世可以說(shuō)打破了傳統(tǒng)名片的概念，它最大的特點(diǎn)就在于信息傳輸方便快捷，并且不會(huì)丟失，管理上也很簡(jiǎn)單。但是現(xiàn)有的手機(jī)電子名片發(fā)展的非常緩慢，界面與人的交互設(shè)計(jì)的不夠完善，在功能性上也還有深入的余地。所以，在保證人機(jī)合理的交互同時(shí)，對(duì)它的功能引入了一項(xiàng)新科技 “二維碼”。二維碼的引用加大大提高 了名片的傳輸范圍和宣傳范圍 ，將使手機(jī)電子名片的發(fā)展具有更多的潛力。 9 術(shù)的可行性分析 在各類(lèi)電子產(chǎn)品不斷發(fā)展的今天，信息無(wú)線傳送技術(shù)已經(jīng)日益成熟了，對(duì)于原先的文本信息傳輸這一切似乎并不是問(wèn)題，但是在 手 機(jī)電子名片 的傳輸技術(shù)中，我們需要用 二維碼識(shí)別技術(shù)在更廣的范圍里 傳送 名片文件，這就對(duì)現(xiàn)有的二維碼 技術(shù)提出了疑問(wèn)，怎樣才能保證二維碼的可識(shí)別性 ，保持使用上的方便性。 么是二維碼 條形碼 (將 不同寬度 的多個(gè)黑條和空白，按照一定的編碼規(guī)則排列，用以表達(dá)一組信息的圖形標(biāo)識(shí)符 4。 二維條碼是用某種特定的幾何圖形按一定規(guī)律在平面 (二維方向 )上分布的條、空相間的圖形來(lái)記錄數(shù)據(jù)符號(hào)信息 5。 在代碼編制上利用構(gòu)成計(jì)算機(jī)內(nèi)部 邏輯基礎(chǔ)的“0” 、 “1” 比特流的概念， 運(yùn)用一些相應(yīng)的 二進(jìn)制 幾何形體來(lái) 代表文本價(jià)值 信息， 利用 光電掃描設(shè)備 ， 以實(shí)現(xiàn)信息處理自動(dòng)化的自動(dòng) 解讀 6。 維碼的優(yōu)點(diǎn) 可靠性強(qiáng)。 平均每場(chǎng) 15000 字符 才 會(huì)出現(xiàn)一個(gè)錯(cuò)誤 的精度 遠(yuǎn)遠(yuǎn) 超過(guò) 手工記錄。 效率高 。 條形碼 擁有相當(dāng)快的讀取速度 ，相當(dāng)于每秒 40 個(gè)字符 4。 成本低 。 條形碼技術(shù) 與其它自動(dòng)化識(shí)別技術(shù)相比 ， 只 需要一 點(diǎn)點(diǎn) 貼紙和 結(jié)構(gòu)簡(jiǎn)潔 的光學(xué)掃描儀，成本 非常低 4。 易于制作 。生產(chǎn) 條形碼 ：條形碼 的 編 制方便 ，生產(chǎn) 也 只 需要印刷， 被稱(chēng) 為“可印刷的計(jì)算機(jī)語(yǔ)言”。 構(gòu)造簡(jiǎn)單 。 條形碼 所使用的 識(shí)別設(shè)備構(gòu)造簡(jiǎn)單，使用 便捷 。 運(yùn)用靈活。 條形碼符號(hào) 不僅 可以 手動(dòng) 輸入 也可以單獨(dú)使用，同時(shí)能夠 組成 相關(guān)設(shè)備 識(shí)別系統(tǒng) 以 實(shí)現(xiàn)自動(dòng)化識(shí)別， 也可以與其他控制設(shè)備相結(jié)合來(lái) 實(shí)現(xiàn)整個(gè)系統(tǒng)的自動(dòng)化管理 4。 糾錯(cuò)功能 。 二維條形碼 一方面 能防止錯(cuò)誤， 另一方面 也 能糾正錯(cuò) 誤，即 便 部分條形碼污損 ，也能 還原出 正確的信息。 10 密度高 。 二維條碼通過(guò)利用垂直 積累以 提高條碼的信息密度， 并使用 相對(duì)密度較高 的圖形 來(lái) 表示， 所以不用事 先建立數(shù)據(jù)庫(kù)， 便可實(shí)現(xiàn) 條碼對(duì)信息的直接描述。 語(yǔ)言形式多 樣 ， 能 表示圖像 。 無(wú)論是哪一種 種語(yǔ)言文字它們 以機(jī)內(nèi)碼的形式表現(xiàn) 在計(jì)算機(jī)中存儲(chǔ)， 內(nèi)部碼 基本都是 字節(jié)碼， 能 識(shí)別多種語(yǔ)言文字的條碼。 維碼的分類(lèi) 二維條碼 (二維碼 )通常分為二種類(lèi)型： 行排式二維條碼 （ 2D 名 ：堆積式二維條碼或?qū)优攀蕉S條碼，它的 編碼原理是 以 一維條碼 為 基礎(chǔ) ，按需 堆積成二行或多行。 具有 代表性的行排式二維條碼有： 6K、 6。 矩陣式二維條碼 （ 2D 又 名 ：棋盤(pán)式二維條碼。矩陣式二維條碼有 6： 。 常見(jiàn)的幾 種二維條碼 圖 維碼 碼 11 維碼的解碼 在獲取 一幅標(biāo)準(zhǔn)的條碼圖像后，對(duì)該符號(hào) 和網(wǎng)格每一個(gè)交點(diǎn)上的圖像像素取樣， 根據(jù)閾值確定是 色塊的深淺度 7。 生成 一個(gè) 二進(jìn)制 位圖，用 “1” 表示 暗 色像素， “0” 表示淺色像素， 便可 得到 原始二進(jìn)制序列值 6，對(duì) 該 數(shù)據(jù)進(jìn)行 翻譯 和 改 錯(cuò) ，最后 以條碼邏輯編碼為原 則把 原始 數(shù)據(jù)位流轉(zhuǎn)換成數(shù)據(jù)碼字。 維碼的應(yīng)用 物流管理 二維碼產(chǎn)品可進(jìn)行產(chǎn)品物流管理且與企業(yè)目前應(yīng)用的物流管理系統(tǒng)對(duì)接使用。 圖 流流程圖 優(yōu)惠券 入場(chǎng)券等 通過(guò)手機(jī)掃描接收到的二維碼，便可以讀取出二維碼當(dāng)中的數(shù)據(jù)，并且可以打印。一些優(yōu)惠劵及展會(huì)入場(chǎng)劵等都采用此方式，高效、便捷。 12 圖 惠劵二維碼 火車(chē)票實(shí)名制 如今，火車(chē)票上也印上了 二 維碼 ，通過(guò)儀器掃描便可接收到二維碼里所包含的個(gè)人信息，通過(guò)此途經(jīng)，更好的貫徹了火車(chē)票實(shí)名制的目的，打擊了不法分子非法倒賣(mài)火車(chē)票的行為，一定程度上解決了“一票難求”的嚴(yán)重問(wèn)題。 圖 車(chē)票實(shí)名制 解析網(wǎng)址 將網(wǎng)址、以及下載地址生成二維碼。手機(jī)解碼后，即可快速聯(lián)網(wǎng)，減少輸入網(wǎng)址的麻煩 ，同時(shí)也增加了聯(lián)網(wǎng)的準(zhǔn)確性 。 13 圖 描網(wǎng)址 計(jì)定位分析 通過(guò)市場(chǎng)調(diào)研得出的結(jié)論，利用 5對(duì) 手機(jī)電子名片 進(jìn) 行了設(shè)計(jì)定位分析： 目前市場(chǎng)中 紙質(zhì)名片占主導(dǎo)地位，現(xiàn)有的電子名片在設(shè)計(jì)上仍然有一系列問(wèn)題， 進(jìn)行 手機(jī)電子名片界面 設(shè)計(jì)以適應(yīng)當(dāng)今 高速發(fā)展 的社會(huì)環(huán)境壓力下， 電子名片走向便捷、大眾化 的發(fā)展趨勢(shì)； 主要針對(duì) 需要經(jīng)常與人打交道的目標(biāo)人群 ，根據(jù)調(diào)查這部分人群 社交頻繁 ，需要隨時(shí)隨地與別人聯(lián)系，手機(jī)電子名片 有助于 他們更快更高效的社交 ； 主要用于 手機(jī)互相傳輸和網(wǎng)絡(luò)掃描下載 ； 界面 達(dá)到 簡(jiǎn)潔實(shí)用的設(shè)計(jì) 要求， 使用戶(hù)與人機(jī)進(jìn)行最大化的舒適交互 ； 并且在功能行上大大提高。 具有很大的市場(chǎng)潛力； 通過(guò)在界面版式上，圖標(biāo)設(shè)計(jì)上以及色彩的搭配上體現(xiàn)出電子名片的一個(gè) 簡(jiǎn)潔、便捷與功能性的突出。 一件產(chǎn)品是否能讓使用者滿意，在其外觀設(shè)計(jì)上固然十分的重要，但是其技術(shù)的可行性對(duì)于其投入真正的生產(chǎn)卻是至關(guān)重要的，我們必須認(rèn)識(shí)到與國(guó)外技術(shù)上的差距，引進(jìn)新的技 術(shù)使產(chǎn)品更有生命力，在設(shè) 計(jì)階段就對(duì)其有一個(gè)完整的預(yù)測(cè)。手機(jī)電子名片 的設(shè)計(jì)也必須考慮到其技術(shù)的可行性，將 采用 作為傳輸工具中的一種 ，在 界面 的設(shè)計(jì)方面也必須考慮到 人機(jī)交互的舒適性 ，在 保證界面時(shí)尚、簡(jiǎn)潔 的同時(shí) 兼顧軟件的功能性與可操作性，使用戶(hù)獲得最佳的使用體驗(yàn)。 14 3 方案 說(shuō)明 計(jì)理念 本 款界面的設(shè)計(jì)理念是 “創(chuàng)新 簡(jiǎn)潔 高效 ” 。 界面設(shè)計(jì)上，本次設(shè)計(jì)的手機(jī)電子名片界面借鑒了現(xiàn)有手機(jī)通訊錄的簡(jiǎn)潔、易識(shí)別的界面設(shè)計(jì)效果，同時(shí)也考慮了用戶(hù)的操作習(xí)慣，在人機(jī)交互方面追求用戶(hù)使用的舒適性，便捷性和易識(shí)別性。整體界面的色彩與界面的風(fēng)格相協(xié) 調(diào)，在突出功能性的同時(shí)，不會(huì)對(duì)用戶(hù)的視覺(jué)產(chǎn)生審美疲勞。在界面的版式設(shè)計(jì)上，在有限的屏幕里合理安排界面元素，使界面變得實(shí)用富有吸引力。 在功能性方面，引入了當(dāng)下最流行的“二維碼”技術(shù)，它使得電子名片的傳輸方式得到了質(zhì)的飛躍，不再局限于短信等方式的發(fā)送。通過(guò)手機(jī)攝像頭進(jìn)行掃描即可獲取電子名片里的信息。方便、快捷、易操作的特點(diǎn)使得電子名片實(shí)用性大大提升。 機(jī)電子名片界面的造型 隨著科技的不斷發(fā)展，越來(lái)越多的傳統(tǒng)產(chǎn)品被新的電子產(chǎn)品所取代，或是被進(jìn)行了功能上的整合，手機(jī)上帶有 能或是數(shù)碼相機(jī)的 功能的，這樣的電子產(chǎn)品已經(jīng)很難從功能上在定義它是什么了。在技術(shù)不斷進(jìn)步的同時(shí)，隨著電子產(chǎn)品的功能不斷增多，不但在其核心科技的技術(shù)上有了很大的進(jìn)步，在其軟件界面的設(shè)計(jì)上也產(chǎn)生了難度，如何從軟件的界面上突出產(chǎn)品主要的功能，也要體現(xiàn)其多功能的特點(diǎn)。在電子商品不斷發(fā)展的今天，界面設(shè)計(jì)的表現(xiàn)也不斷的創(chuàng)新，不但要保證產(chǎn)品的設(shè)計(jì)能夠在界面上有所突破，也要讓消費(fèi)者能夠接受產(chǎn)品。 如今的電子產(chǎn)品的界面設(shè)計(jì)有一種崇尚簡(jiǎn)潔的設(shè)計(jì)風(fēng)格，比如非常成功的一些歐美產(chǎn)品，有美國(guó)蘋(píng)果公司的 有荷蘭的菲利浦公司一直以“ 簡(jiǎn)于形，精于心”作為公司的設(shè)計(jì)宗旨，還有北歐的 B&O 公司一直以簡(jiǎn)潔的風(fēng)格，出眾的品質(zhì)來(lái)贏取消費(fèi)者的心，即使在我們附近的韓國(guó)和日本的設(shè)計(jì)風(fēng)格也有走簡(jiǎn)潔路線的傾向。一件軟件界面的簡(jiǎn)潔的設(shè)計(jì)風(fēng)格雖然可以在第一時(shí)間獲得使用者的青睞，它還必須要有豐富的細(xì)節(jié)來(lái)體現(xiàn)它的精細(xì)，在簡(jiǎn)單整潔的界面下長(zhǎng)久吸引著人們的還是那些考慮到人性化設(shè)計(jì)的各種圖標(biāo)、色彩、版式排列細(xì)節(jié)，就如我們的鄰居韓國(guó)三星公司所設(shè)計(jì)的手機(jī)，其手機(jī)界面簡(jiǎn)單15 的風(fēng)格之下包含了許多細(xì)部的完美設(shè)計(jì)，即使一款低端的軟件也是如此，在一款低端軟件的界面頂部設(shè)計(jì)了一個(gè)供用戶(hù)自 定義的操作選項(xiàng)，這樣設(shè)計(jì)的好處就是不但使軟件在與人的交互時(shí)有簡(jiǎn)潔的視覺(jué)感受，還能使用戶(hù)感受到一種自主選擇的主動(dòng)性。還有在用戶(hù)退出軟件使用時(shí)，會(huì)有一句感謝使用的標(biāo)語(yǔ)顯示在界面上，這就使得用戶(hù)感受到自己處于一種被尊重的地位上，在一定程度上，使用戶(hù)更愿意使用該軟件。由此可見(jiàn)，一部軟件成功不但要在界面外觀上讓人感到愉快，更要在其細(xì)部考慮得細(xì)致，這樣才能增加軟件的被選擇率和被接受度。 這款手機(jī)電子名片界面的設(shè)計(jì)也考慮到了使用上的方便，按鍵的合理布置，外觀的時(shí)尚，細(xì)部設(shè)計(jì)的考慮等諸多設(shè)計(jì)要素。手機(jī)電子名片界面的主要版式 風(fēng)格偏向于簡(jiǎn)潔、方便的設(shè)計(jì)理念。在界面的下方設(shè)計(jì)了一排五個(gè)帶漸變色的功能按鈕，這五個(gè)按鍵設(shè)計(jì)的較大，可以方便用戶(hù)的操作，再配以直觀的功能圖案，分別代表了撥號(hào)、所有聯(lián)系人名單、信息瀏覽、功能設(shè)置和我的名片的作用。在“我的名片夾”界面中，屏幕上方安排了電子名片的快速搜索鍵，它提供了首字母的快速搜索。這個(gè)功能鍵是該頁(yè)面主要功能因此安排在了比較顯眼的位置，尺寸上也是稍大一些的。在“我的名片”界面中，主要顯示了用戶(hù)自己的名片樣式，在界面的下方設(shè)置了倆個(gè)按鈕，一個(gè)是“編輯”，它可以根據(jù)用戶(hù)的不同需求，修改名片上的個(gè)人信 息；另一個(gè)是發(fā)送。在“發(fā)送我的名片”界面上，將三個(gè)選項(xiàng)按鈕放在最顯眼的位置，并且弱化了后排界面，突出當(dāng)前的任務(wù)選擇，紅色表示已經(jīng)選中的選項(xiàng)。在“我的二維碼”界面設(shè)計(jì)中，毫無(wú)疑問(wèn)，用戶(hù)自己所生成的二維碼顯示在整個(gè)界面的中心位置。二維碼的下方提供了一個(gè)選項(xiàng)，該選項(xiàng)可以將二維碼通過(guò)網(wǎng)絡(luò)同步信息傳輸技術(shù)，將二維碼按需要分享到網(wǎng)絡(luò)上。這也是此次電子名片界面設(shè)計(jì)功能性當(dāng)中的核心技術(shù)。用戶(hù)通過(guò)網(wǎng)絡(luò)上分享的電子名片二維碼，用手機(jī)上的攝像頭進(jìn)行掃描，便可迅速的獲取二維碼上的名片信息，并保存在我的電子名片夾里。此外，該軟件還提 供了電子名片的加密功能。用戶(hù)可以根據(jù)自己的需要，對(duì)一些重要聯(lián)系人的電子名片進(jìn)行加密，防止信息資料外泄。 機(jī)電子名片的 功能 手機(jī)電子名片作為新的電子產(chǎn)品面向市場(chǎng)，在其功能上也要適應(yīng)用戶(hù)的需要，但是作為新產(chǎn)品的開(kāi)發(fā)又不能一下子整合過(guò)多的新功能這樣不但增加了成本，也很難讓消費(fèi)者去接受。所以作為新一代的手機(jī)電子名片所具有的主要功能就是： 16 無(wú)限復(fù)制 隨意發(fā)送，不用再擔(dān)心名片不夠的問(wèn)題； 隨收隨發(fā) 分類(lèi)存儲(chǔ) 再會(huì)誤將別人的送出去； 二維碼識(shí)別 使得電子名片的傳播范圍更廣，獲取信息方式不再單一，更快捷、更簡(jiǎn)便、更有效； 實(shí)時(shí)更新 及時(shí)存儲(chǔ) 多版式名片 語(yǔ)種的名片設(shè)計(jì)，滿足現(xiàn)代人多崗位、多職能的工作需要； 加密解密 密性，避免了重要名片信息的不經(jīng)意泄露； 錄入提醒 可設(shè)置與相應(yīng)名片的關(guān)聯(lián)提醒； 綠色便捷 徹底杜絕因名片交互、制作帶來(lái)的污染問(wèn)題。 機(jī)電子名片界面的操作介紹 作為一件新世紀(jì)的商務(wù)電子產(chǎn)品，不但要在界面設(shè)計(jì)上更加時(shí)尚，在操作上也要簡(jiǎn)便易懂，無(wú)論在任何情況下都能得心應(yīng)手。該界面的下 方提供了一組五個(gè)漸變色的圖標(biāo)功能按鈕，這五個(gè)按鍵尺寸較大，可以方便用戶(hù)的操作，配以直觀的功能圖案，分別代表了撥號(hào)、所有聯(lián)系人名單、信息瀏覽、功能設(shè)置和我的名片的作用。功能上的設(shè)置包括電子名片的添加與修改，二維碼的掃描與生成等。 17 4 設(shè)計(jì)過(guò)程 期設(shè)計(jì)方案 下面是我的幾個(gè)初期設(shè)計(jì)方案草圖： 方案一：通過(guò)了解現(xiàn)有手機(jī)電子名片的界面特征，我繪制了以下幾款方案。 圖 期草圖一 圖 期草圖二 從以 上圖中可以看出這 倆 種方案 界面 比較簡(jiǎn)單， 名片界面稍顯混亂 ，在 用戶(hù)操作 上沒(méi)能帶來(lái)便捷 。沒(méi)有達(dá)到 界面簡(jiǎn)潔、易識(shí)別 的目的 。 方案二：通過(guò)了方案一出現(xiàn)的問(wèn)題，對(duì)方案二繼續(xù)進(jìn)行推敲。 太復(fù)雜的界面不太適合電子名片的使用， 我發(fā)散思維利用了 通訊錄簡(jiǎn)潔的界面元素 草繪了以下方案 ： 圖 期草圖三 圖 期草圖四 18 化設(shè)計(jì)方案 隨著方案的進(jìn)展， 通過(guò)以上的分析， 在上述的草圖中，進(jìn)行分析、比較、尋找解決問(wèn)題的最佳方案。 通過(guò)大量的草圖，逐步深入，我更加明確了我的設(shè)計(jì)構(gòu)想。 圖 期草圖五 圖 期草圖六 圖 期草圖七 圖 期草圖八 這些草圖是我確定方案的過(guò)程，從開(kāi)始的 界面造型構(gòu)思 ，到后面 功能上二維碼的引入，我都與老師的溝通下進(jìn)行了反復(fù)的修改和推敲，在某些細(xì)節(jié)上也做了處理。 19 5 設(shè)計(jì)表達(dá) 面結(jié)構(gòu)圖 面 的 二維設(shè)計(jì) 在這個(gè)階段，根據(jù)草圖的比例，確定了界面的尺寸，并用二維軟件進(jìn)行設(shè)計(jì)。 20 圖 建模一 圖 建模二 21 圖 模三 計(jì)指南 設(shè)計(jì)指南保證了軟件界面設(shè)計(jì)的一致性，同時(shí)為之后軟件升級(jí)和功能擴(kuò)展提供標(biāo)準(zhǔn)尺寸。 圖 面尺寸 22 圖 面元素尺寸 分 界面 效果圖 圖 效果圖一 在“我的名片夾”界面中，屏幕上方安排了電子名片的快速搜索鍵，它提供了首字母的快速搜索。這個(gè)功能鍵是該頁(yè)面的主要功能，因此安排在了比較顯眼的位置，讓用戶(hù)可23 以迅速的找到查詢(xún)的功能鍵，尺寸上也稍大 一些 。 名片頭像右邊的小圖為二維碼。 圖 效果圖二 在“我的名片”界面中，主要顯示了用戶(hù)自己的名片樣式，在界面的下方設(shè)置了倆個(gè)按鈕，一個(gè)是“編輯”，它可以根據(jù)用戶(hù)的不同需求，修改名片上的個(gè)人信息；另一個(gè)是發(fā)送。 圖 效果圖三 24 在“發(fā)送我的名片”界面上，將三個(gè)選項(xiàng)按鈕放在最顯眼的位置，并且弱化了后排界面，突出當(dāng)前的任務(wù)選擇，紅色表示已經(jīng)選中的選項(xiàng)。 圖 果圖四 在“我的二維碼”界面設(shè)計(jì)中，毫無(wú)疑問(wèn)，用戶(hù)自己所生成的二維碼顯示在整個(gè)界 面的中心位置。二維碼的下方提供了一個(gè)選項(xiàng)，該選項(xiàng)可以將二維碼通過(guò)網(wǎng)絡(luò)同步信息傳輸技術(shù)，將二維碼按需要分享到網(wǎng)絡(luò)上。這也是此次電子名片界面設(shè)計(jì)功能性當(dāng)中的核心技術(shù)。