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

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