1、界面交互設計現代數字媒體楊毅設計學院學時安排第一章第一章界面的定義界面的定義4 4第二章第二章UIUI界面設計界面設計4 4第三章第三章界面交互設計與制作界面交互設計與制作8 8第一章第一章界面的定義界面的定義4 4第二章第二章UIUI界面設計界面設計4 4第三章第三章界面交互設計與制作界面交互設計與制作8 8講授實驗界面交互設計？交互界面設計基本定義交互設計，又稱互動設計，(英文Interaction Design, 縮寫 IxD 或者 IaD),是定義、設計人造系統的行為的設計領域。人造物，即人工制成物品，例如，軟件、移動設備、人造環境、服務、可佩帶裝置以及系統的組織結構。交互設計在于定義

2、人造物的行為方式(the interaction,即人工制品在特定場景下的反應方式)相關的界面。W“啟發式交互-讓創新的界面具有教學功能。”什么是交互設計：什么樣的人更適合做交互設計師？交互設計師需要具備憑空想象復雜行為的能力，交互設計應當在任何代碼編寫之前做。交互設計師必須能夠在代碼被寫出來之前，想象它是做什么的。Alan Cooper交互界面設計基本定義如果說設計=解決問題的話，那么界面視覺設計，就是用視覺語言去解決邏輯問題。色彩選擇，決定了人們在第一眼看到網站時的感覺。因此，色彩是Web設計者手中最普遍，也是最強大的工具。“讓色彩更具有可讀性-用最少的顏色表達最準

3、確的內容。”什么是界面視覺設計：為什么當人們開始喜歡某些界面的時候，它們事實上會變得更可用？積極的情感增強了創造性和廣度優先的思考，而負面的情感集中在認知上，增強深度優先處理并把干擾降到最少；積極的情感讓人們更能容忍一些困難，在尋找解決方案的時候變得更靈活而有創造性。Donald NormanUI設計UI設計UI如何設計UI設計UI的應用范圍 電腦的軟件界面。 比如操作系統 、軟件界面、網頁、多媒體光盤。 手機的界面。 數字電視的界面。 空調等家電搖控器上的界面。 銀行、移動等柜員機上的界面。 UI設計UI設計在中國的現狀 目前在國內UI還是一個相對陌生的詞，即便是一些設計人員也對這個詞不太了

4、解。我們經常看到一些招聘廣告寫著：招聘界面美工、界面美術設計師等等。這表明在國內對UI的理解還停留在美術設計方面，認為UI的工作只是描邊畫線，只是做一些圖標，配下顏色等工作，缺乏對用戶交互的重要性的理解，事實上UI設計的工作包括更廣泛的內容。另一方面在軟件開發過程中還存在重技術而不重應用的現象。許多商家認為軟件產品的核心是技術，而UI僅僅是次要的輔助，忽視了良好的UI設計是提升用戶體驗的主要途徑，是提升產品競爭力的重要法寶。 UI的范疇（工作內容） 研究用戶。 我們所開發的軟件等產品，最終都是為人而做的，所謂以人為本，這不能是句空話，所以我們UI設計，必須研究人，研究我們的用戶，要了解我們的用

5、戶想要什么，要利用我們的產品解決什么問題，喜歡什么，不喜歡什么等等。 研究用戶與界面的關系。 即人機交互，研究如何讓用戶更好的更方便的使用軟件，則是我們常說的“易用性”。 從事該行業的人，我們稱之為“交互設計師”，主要做的工作內容就是設計軟件的操作流程，樹狀結構，軟件的結構與操作規范等。 一個軟件產品在編碼之前需要作的就是交互設計，并確立交互模型，交互規范。 研究界面的視覺效果。 國內目前大部分UI工作者都是從事這個行業。也有人稱之為“美工”，但實際上不是單純意義上的美術工人，而是軟件產品的產品外形設計師。從事該行業的人，我們可以稱之為“軟件圖形設計師 ”。UI設計本章節主要學哪些？UI設計的

6、基本原則與禁忌。UI的視覺效果設計。 手機圖標設計練習 手機完整界面制作練習交互設計的基本原則與禁忌。 使用FLASH或AXURE完成整個手機操作系統UI設計團隊管理原則與禁忌。根據進度，如果還有時間，我們再繼續講網站設計。UI設計UI設計的基本原則可以說，UI設計的所有基本原則，都是建立在“易用性”的基礎上。那什么是“易用性”？包括三個方面，按重要程度排列如下：1.產品執行用戶所需的功能。（快速使用）2.快速安全地執行這些功能。（相對無錯）3.容易掌握使用這些功能。（易于學習）UI設計易用性不佳的例子UI設計易用性不佳的例子UI設計UI設計用戶身邊充斥著專業術語UI設計萬能軟件UI設計不良的

7、交互實例取款機上查詢工資余額，但是排隊的人太多了，不過還有電話銀行嘛，一邊拿出手機，撥通了電話銀行的號碼：UI設計一個溫柔禮貌的語音提示：“您好，歡迎使用建設銀行電話銀行系統，1，自動語音服務，2人工服務；”vivi把手機從耳邊拿下來，找到1號鍵，按了一下；“1個人銀行服務，2公司銀行服務，3銀證通功能，4個人外匯買賣服務，5基金服務，0退出；”UI設計一個溫柔禮貌的語音提示：“您好，歡迎使用招商銀行電話銀行系統，1，自動語音服務，2人工服務；”vivi把手機從耳邊拿下來，找到1號鍵，按了一下；“1個人銀行服務，2公司銀行服務，3銀證通功能，4個人外匯買賣服務，5基金服務，0退出；”UI設計又

8、按了1；“1存折戶，2一卡通戶，3個人信用卡戶，4新舊卡號查詢 0 退出；”vivi按下了1旁邊的2號鍵；“請輸入一卡通卡號，以#號結束；”“1080 80699”，vivi連忙輸入了卡號，按#號鍵；“請輸入查詢密碼，以#號結束；”UI設計“1帳務查詢，2轉賬，3修改密碼，4電話掛失，5通訊業務，6自助貸款，7自助繳費及一卡通上網，8神州行充值服務，9憑證式國債，0退出”汗這都是些什么呀？UI設計好的交互實例 名片上印相片 招商銀行電話語音 多功能汽車方向盤UI設計UI從構思到修正的例子修改前UI設計修改后UI設計修改后UI設計課堂小練習1.拿出自己的手機，分析下自己手機上的UI，列出好的地方

9、與不好的地方，越多越好，越全面越好。2.與同學交換手機，按同樣的方法分析。 我們可以考慮的方面（僅供參考）： 欠缺的功能 經常出錯或不好用的功能 不方便的操作 圖標或界面問題 除了打電話和發短信外，最常用的功能 最想要的功能。 理想的操作方式 等等UI的分類UI的分類傳統界面介紹 傳統界面是指可視化的實物界面，比如電視機的按鈕、電源排插的插孔、鍵盤、汽車飛機的操控臺、食堂的打卡機刷卡界面、相機的按鈕界面、門上的把手界面、儀器的拆裝提醒界面、交通指示牌、手機鍵盤界面等。 諸如此類的“硬件”界面就是我們所熟知的傳統界面，他們的共同特點是看得見摸得著，不同的是有些界面你可以直接對它進行操作，通過正確

10、的程序或者指令去完成操作過程，實現目的，比如插上插排就可以通電，打開電視機就可以看電視。有些界面則不行，例如拆裝提醒界面、交通指示牌，這些是不能對它們進行直接操作的界面，它們的主要功能是提醒使用者去執行某件事情，它是不具有可操作性。UI的分類 圖形用戶界面 圖形用戶界面(GUI-Graphics User Interface)是當前用戶界面的主流，廣泛應用于各檔臺式微機和圖形工作站。比較成熟的商品化系統有 Apple的Macintosh、IOS IBM的PM(Presentation Manager)、 Microsoft的Windows 當前各類圖形用戶界面的共同特點是以窗口管理系統為核心，

11、使用鍵盤和鼠標器作為輸入設備。圖形用戶界面和人機交互過程極大地依賴視覺和手動控制的參與，因此具有強烈的直接操作特點。UI的分類 圖形用戶界面 圖形用戶界面當前最流行的為觸屏系統 APPLE的IOS系統 谷歌的ANDROID系統 微軟的win8系統 擺脫傳統的鍵盤以及鼠標，從而執行更 精簡的操作， 直觀的交互。UI的分類UI設計決定了交互的方式界面交互UI用戶體驗UE？用戶體驗UE設計UE體驗設計基本概念p用戶體驗是一個測試產品滿意度與使用度的詞語。在大多數情況下，產品軟體測試或是商業行銷測試時，會用到用戶體驗這個詞。有時在探討設計價值時，也會用到此新設計是否導出更差的用戶體驗，來評估其好壞。p

12、除了用戶能完成必須的任務之外，應該還提供積極的體驗，而應用設計和交互流程也應令用戶感到愉悅。“以用戶為中心設計-設計必須是滿足用戶需求的、可行的，其次才是可產生商業價值的。”什么是用戶體驗：為什么電子商務網站用戶體驗設計師有時也把用戶體驗稱作顧客體驗？這里特指用戶訪問一個網站或者使用一個產品時的全部體驗。他們的印象和感覺，是否成功，是否享受，是否還想再來/使用。他們能夠忍受的問題，疑惑和BUG的程度。 U用戶體驗在交互設計中的重要性p 從一個倒霉的一天開始：p 當你醒來時陽光已經照進你的窗戶，而你的鬧鐘并沒有響。p 匆忙起床后打開咖啡機，卻發現壺里沒有咖啡。p 出門開車發現車沒有了，匆忙加油卻

13、發現油卡沒用，去排隊付現滿滿都是人。p 加油后又因為路上一起事故而堵車了，千辛萬苦到單位后發現最終還是遲到。“當產品滿足人們的需要時，產品才是真正的稱之為產品”什么是用戶體驗：用戶體驗在交互設計中的重要性p 交通事故：事故是一個司機為了調收音機音量而視線離開了前方。p 收銀機：收銀排隊是因為收銀系統過于復雜p 加油機：插卡插反了，加油機沒有提示p 咖啡機：匆忙中沒有把開關按到底，自動開啟功能始終沒學會。p 鬧鐘：因為你的貓半夜踩了鬧鐘一腳。“當產品滿足人們的需要時，產品才是真正的稱之為產品”什么是用戶體驗：分析是不是可以避免這些UE體驗設計基本流程騰訊ISD組織架構UE體驗設計基本流程騰訊IS

14、D網站組-網站設計流程UE體驗設計基本流程阿里巴巴用戶體驗部項目流程UE體驗設計基本流程阿里巴巴用戶體驗部項目流程UE體驗設計交付物標準與原則為什么要對各階段輸出物的名稱進行修正？更加形象化的表達，體現專業性，減少歧義prototypemockupdemo交互原型視覺稿前端demoUE體驗設計交付物標準與原則分析用戶類型和用戶目標以及我們能提供的功能為各類型用戶目標設計完整的宏觀通路分別詳細進行每種用戶的各個目標的流程交互設計師+決策人員（商業價值提議）+策劃（功能性提議）交互設計師（流程圖+說明文檔）交互設計師+決策人員（商業價值提議）+策劃（功能性提議）+技術（是否能實現判斷）UE體驗設計

15、交付物標準與原則設計每個流程中的細節流程進行視覺UI設計，頁面排版設計部分結束交互設計師+決策人員（商業價值提議）+策劃（功能性提議）+技術（是否能實現判斷）美術設計師（圖標設計，排版、配色、說明設計及思路）+交互設計師（是否符合用戶習慣提議，不參與美觀討論）美術設計師+交互設計師+決策+策劃UE體驗設計交付物標準與原則進行技術實現產品完成上線檢測技術支持（開發）+交互設計師（技術與設計有沖突的地方隨時討論）交互設計師+技術人員（調整修改）其余人員+用戶（參與測試）UE體驗設計交付物標準與原則p用以表達交互設計內容p是產品原型設計過程中的階段性成果、過渡型交付p通過可視化產出使各方對設計范圍和

16、內容有形象化的、統一的認知“輸出物是用以表述觀點和描述設計方案，本身不是設計的目的。”交互輸出物（Prototype）：什么時候提交輸出物？在向視覺設計或前端開發提交需求時，應附帶上傳完整的輸出物文檔，并在變更時保持附件更新UE體驗設計交付物標準與原則p 幫助交互設計師明確方案需要提供的內容及范圍，減少遺漏p 減少溝通和銜接成本、提高工作效率標準化是為了：怎樣做好體驗設計UE同理心、目標明確、高效、優雅同理心：從合乎常理的角度觀察問題；目標明確：帶著明確的設計目的；高效：主導注重實效的項目設計討論；優雅：設計出優雅統一的用戶界面交互。用戶體驗在交互設計中的重要性設計者UI 用戶UE關注體驗注重

17、細節界面交互設計與實例界面交互設計與實例界面交互設計與實例 按照軟件運行的方式，軟件可以分為兩種類型：桌面軟件和網頁軟件。 本次課程主要以網頁軟件為研究的對象。界面交互設計與實例http:/www.toyota- Touch車內控制系統 界面交互設計與實例界面交互設計與實例界面交互設計與實例圖形用戶界面圖形用戶界面 GUIGUI 1983年，蘋果推出的Macintosh (128K）型電腦獲得成功，很大程度上歸功于其配備了GUI操作系統：System 1.0界面交互設計與實例界面交互設計與實例界面交互設計與實例界面設計的重要性界面設計的重要性界面設計的重要性創造一個友好、易用的使用環境界面設計

18、的重要性創造一個友好、易用的使用環境界面設計的重要性應對激烈的競爭界面設計的重要性應對信息結構的日益復雜界面設計的重要性課堂練習 對搜狐每戶網站進行簡化，但不減少信息類別界面設計的重要性傳遞正確的信息 以網站為例： 企業建立一個網站，是要傳遞信息。企業不同，信息也不同。信息不同，網站的界面設計亦會不同。 界面設計的重要性勞力士手表的網站http:/ 讓我們再來看看Nike和Adidas這兩個知名的國際運動品牌的官方網站。界面設計的重要性界面設計的重要性界面設計的重要性 你會發現即使他們都是運動時尚的典范，其網站卻傳遞出彼此不同的文化內涵。傳遞正確的信息 這也證明設計師已經成功的把企業文化、產品

19、文化通過界面傳遞給了終端客戶。界面設計的三要素界面設計的三要素界面設計的三要素界面設計的三要素 我們要設計怎樣的界面，并以何種形式完成它？ 要回答好這一問題，我們就必須明確： 網站建設的目的 網站信息的內容 我們還是以網站為例： 網站設計形式 目的目的 策劃策劃信息信息 文化文化設計設計 形式形式體現、服務確定、決定美化、服務確定（擇優）確定、決定確定、決定服務、實現信息信息 文化文化信 息 沒有信息就沒有網站。 信息的形式不只是文字和圖片，網站的視覺設計也是信 息內容的一部分。信息信息 文化文化 當我們確立了網站建設的目的之后，就要圍繞這個目的對信息進行篩選與編整，并按照重要程度有秩序地排放

20、在頁面上。 瀏覽者可以通過信息的編排，辨析內容的重要程度，接收到來自界面傳達的視覺信息。這樣，建設方的目的就達到了。信息信息 文化文化http:/ 文化文化/exhibitions/2004/tallbuildings/index_f.html信息與信息空間信息與信息空間信息與信息空間 網站即是信息的容器，也是信息的載體。 它就像一個放置信息的立體空間，有著很多的單元格，將信息分門別類的放置其中。 從信息的分類、分層、列表、更新可以衍生出網站的欄目、子欄目、文章列表及其它信息功能類別等多種信息屬性。 做為信息的載體，網站的立意、設計、宣傳、發展都和信息內容息

21、息相關。信息與信息空間信息與信息空間信息與信息空間 信息量少，網站就簡單。但是設計師可以運用圖形、文字、多媒體、版式等手段，巧妙地緩解信息過少給瀏覽者帶來的不信任、不確定感。 網站的大小體現出信息量的多少，信息內容也是建立網站的參考。http:/ 信息量多，網站就豐富，但是其信息結構就越復雜，建設工程就越浩大。 也許會因為信息量過于龐大，而無法把幾個門類的信息放在同一個網站中。 于是，韓國率先推出了以多個垂直門戶并列，形成的家族系列，將多個網站通過同一個品牌形象進行門戶墻似的商業推廣方案。信息與信息空間信息與信息空間http:/ 常見的信息形式主要有：文字、圖形圖像、動畫、音樂等。 作為傳播信

22、息的載體，文字和圖像承載了90%以上的信息內容。 在網站界面上，處理信息形式之間的協調性和空間感，使它們呈現出一種可讀性高、易被瀏覽者接受的狀態，是設計師最主要的工作。信息之文字信息之文字信息之信息之文字文字 網站的絕大部分信息是使用文字形式進行傳達的。 對于信息量較小的網站，頁面格局創意和文字段落排版設計可以使界面突破平庸。 把文字設計與FLASH動畫結合起來，使文字作為視覺元素活用在創意設計中，很多精彩的網站就這樣誕生了。 除了正文，網站的導航、標題等重要元素，主要是由文字組成的。http:/www.gardens- 字體設計在商業美術設計領域，屬于較難的課題，它是圖形設計的一支。 在界面

23、設計中，不需要設計者擅長字體設計，但是其應該掌握字體的使用原則。信息之文字信息之文字標志及口號性標語信息之文字信息之文字文字設計的補充文字設計的補充 如：以方正字體為例，欄目標題是大黑體、文章標題是超粗黑體、正文是平黑體。 一般情況下，頁面中的字體不要超過三種，如果希望有更多變化，應盡量采用字體相同的字族。信息之文字信息之文字文字設計的補充文字設計的補充 除此以外，還可以通過色彩對比、大小對比、疏密對比等方法，加強文字排版的審美效果。 單一頁面上的文字要相互協調、強弱有致，使其產生和諧的美感。信息之文字信息之文字信息信息 文化文化信息信息 文化文化信息之圖片信息之圖片 圖片是比文字更為直觀的信

24、息類型，也是界面設計核心要素，多數視覺作品多是通過優秀的圖形設計和圖片取得成功的。信息之信息之圖片圖片 通過運用好的圖形或圖片，可以在第一時間抓住瀏覽者的眼球。http:/ 文化文化信息信息 文化文化信息信息 文化文化信息信息 文化文化信息信息 文化文化信息信息 文化文化信息信息 文化文化信息信息 文化文化 但是如果只有重視視覺美感，只有精美的圖形或圖片，而忽略了我們建設網站的核心目標高效準確地傳遞信息，客戶也是很難認可的。信息之圖片信息之圖片信息之圖片初稿方案信息之信息之圖片圖片信息之圖片信息之圖片定稿方案信息之信息之圖片圖片信息之圖片信息之圖片http:/ 從網站建設的角度講，動畫就是要在

25、有限的空間中，把運動的文字信息和圖片按一定的邏輯方式組合起來傳達給瀏覽者。信息之信息之動畫動畫 它的作用主要有： 吸引眼球，如廣告條。 模擬真實，如產品的360度展示。 豐富的視覺形式，如FLASH宣傳首頁、視頻說明書。信息之動畫信息之動畫信息之動畫信息之動畫信息之動畫信息之動畫信息之音樂信息之音樂信息之信息之音樂音樂有了動畫，自然離不開音樂。信息之音樂信息之音樂信息之信息之音樂音樂 音樂的魅力在于鋪開了想像的空間。相同的畫面，配合不同的音樂，可以產生不同的解讀。 如：紅色的畫面，配合陰森的曲子，自然會與恐怖的事情聯系起來。 同樣還是紅色畫面，音樂換成敲鑼打鼓的歡快節奏，誰都會知道是喜慶的含義

26、。信息之音樂信息之音樂http:/信息之音樂信息之音樂馬自達8 信息之音樂信息之音樂信息之信息之音樂音樂 但是所有的網站都適合放上音樂嗎？這需要具體情況具體分析。 如：一個生產樂器的企業網站，其目標是推廣企業、展示產品。產品不多，以電BASS、電吉他等快節奏的樂器為主。“要不要在網站上放一段電吉他的音樂呢？”信息之音樂信息之音樂信息之信息之音樂音樂 設計師問了客戶三個問題： 樂器是什么年齡層的消費者使用？ 網站給誰看？網站的目標用戶和產品最終消費者一致？ 音樂是必須放的，還是可放可不放？信息之音樂信息之音樂信息之信息之音樂音樂 客戶是這樣回答的： 樂器是給一二十歲的年輕人玩的。 網站是給國外的

27、經銷商看的。 音樂雖然重要，但不是必須放出來。信息之音樂信息之音樂信息之信息之音樂音樂 于是設計師建議不要在網站上放置背景音樂，尤其是快節奏、嘈雜的音樂。這可能會影響目標用戶的瀏覽，對樹立品牌形象產生消極作用。信息的創建與管理信息的創建與管理信息的創建與管理信息的創建與管理 首先必須明確： 網站并非是依靠信息量巨大而取勝，而是需要信息與目的達成一致才能使網站成功。 信息內容的創建與管理必須圍繞目的展開工作。信息的創建與管理信息的創建與管理信息的信息的排序排序 信息的排序主要是針對目的而言的。 信息的排序表現出了不同信息的重要程度，也就決定了頁面信息的分布位置、強調方式的不同。 為達到建站目的，

28、哪些信息是必須有的，哪些是希望有的，哪些是可以沒有的。信息的創建與管理信息的創建與管理信息空間的信息空間的結構結構 信息空間可分為序列模式和樹型模型。信息的創建與管理信息的創建與管理序列模式序列模式 序列模式通常針對的是文章列表或項目展示。 文章與文章、項目與項目間是平等的，信息內容的模式比較相似，頁面設計的版式也比較接近。 設計師只需要考慮如何安排它們的布局，整理出相同的模板即可。 這種模式常見于信息量非常少的網站。信息的創建與管理信息的創建與管理http:/www.madebyjarno.nl/信息的創建與管理信息的創建與管理http:/ 樹型模式是針對信息結構的分類分層來說的，它體現除了

29、信息間的邏輯關系。 樹型模型首先分出頻道，頻道內再劃分信息塊，信息塊還能進一步劃分。依此類推，就形成了樹型的模式。 對幾乎所有的網站來說，信息內容之間都存在樹型關系。信息的創建與管理信息的創建與管理樹型模式樹型模式信息的創建與管理信息的創建與管理樹型模式樹型模式信息的創建與管理信息的創建與管理樹型模式樹型模式信息的創建與管理信息的創建與管理樹型模式樹型模式信息的創建與管理信息的創建與管理信息的信息的編輯編輯 營銷領域有一句話：“不是說什么，而是怎么說。” 怎樣讓自己網站的信息從網絡中脫穎而出，信息標題和摘要就成為最重要的一環。 相同的信息，怎樣才能讓瀏覽者更好理解和接受呢？信息的創建與管理信息

30、的創建與管理信息的信息的編輯編輯A 減價50% 下面的三條廣告語說得是同一個促銷行為。你認為客戶會欣然接受哪一種呢？ 答案是B。B 買一送一C 打對折 調查顯示，這條廣告語的銷售額勝過另兩條40%。信息的創建與管理信息的創建與管理課堂練習課堂練習為江漢大學設計學院手繪一套網站模型設計目的與策劃目的與策劃目的與策劃目的與策劃目的與策劃目的與策劃目的與策劃 目的是我們做事情的源頭和動力。目的與策劃目的與策劃明確目標明確目標 如果我們要對網站進行界面設計，就必須先明確建設網站的原因。如： 建立網站是為了銷售產品，還是進行商業服務。 你的目標用戶是誰，他們能從你的網站上得到什么。 你想從網站中獲得怎樣

31、的回報。 即使目標相似，具體的設計方案也會根據客戶的不同情況而有所差別，這些差別反映出網站的特殊性。 目的與策劃目的與策劃 WICKED SUNGLASSES，是一家專賣眼鏡的商務網站，經營多個品牌的產品。 目的與策劃目的與策劃 同樣是眼鏡專賣的網站，BLINDE卻只有5款產品，均來自于電影駭客帝國2。 目的與策劃目的與策劃 那么同樣作為銷售產品為目的的電子商務網站，如果把WS和BLINDE的界面設計形式相互交換，那是否可行呢？ 目的與策劃目的與策劃 把BLINDE的界面設計形式換成WS的框架式，那是否可行呢？ 目的與策劃目的與策劃 反之，如果WS采用了BLINDE的版式呢？目的與策劃目的與策

32、劃明確目標明確目標 明確目標的過程，就是找出客戶的優勢、特色和行銷方式的過程。 如果客戶并不知道提供什么資料比較好，設計師可以問以下幾個問題來引導客戶。目的與策劃目的與策劃明確目標明確目標 問題1：你要建設網站的目的是什么？ 參考答案：為業務、服務做廣告。電子商務、銷售產品。事業宣傳，文化、觀點傳播。為供求雙方建立平臺式網站。提供公益服務。 這個問題能夠確定網站媒體的屬性，答案多為多選。目的與策劃目的與策劃明確目標明確目標 比如，LENOVO聯想公司，其網站以介紹產品為主，但也能夠在線購買產品，同時還沒有忽略對其品牌文化的推廣。目的與策劃目的與策劃明確目標明確目標 比如，LENOVO聯想公司，

33、其網站以介紹產品為主，但也能夠在線購買產品，同時還沒有忽略對其品牌文化的推廣。目的與策劃目的與策劃明確目標明確目標blood目的與策劃目的與策劃明確目標明確目標 問題2：你設想中的網站規模是多大？ 參考答案：很小，現有的資料能放下就行，以后很少添加新內容。從最小的規模開始，然后逐步擴大，最終網站內容是全面而豐富的。相當復雜，欄目眾多。資源豐富，更新快，積累快。不太好說將來怎么發展，走著看的。目的與策劃目的與策劃明確目標明確目標 問題2：你設想中的網站規模是多大？ 網站的規模將決定網站設計時選擇怎樣的框架結構。 如果網站更新快，積累快，框架設計就要針對未來加入的信息多做一些保留，結構要靈活一些。 如果網站內容多，就很容易想到使用豎分欄式結構。目的與策劃目的與策劃 為展示其豐富的產品系列，聯想的網站就采取了豎分欄式結構。目的與策劃目的與策劃 讓我們再來看看另外一個眼鏡品牌RAY-BAN的網站。（適合隨時添加新產品） 目的與策劃目的與策劃明確目標明確目標 問題3：目標用戶的統一特征是什么？或者說，誰在看？ 參考答案：分銷商或是終端用戶。15-20歲之間的青少年或是20-30歲的青年。收入在5000元左右的灰領或是萬元收入以上的白領。藝術院校的學生或是藝術愛好者。男性瀏覽者居多或是女性居多。只是給我客戶公司的負責人看的，但都是外國人。目的與策劃目的與策劃明確目標明確目標