南順網絡

快速搭建系統模型：（內(nèi)容頁）

內(nèi)容區分類

內(nèi)容區域指的(de)是正文區域根據作用我分為(wèi)了首頁和(hé)詳情頁兩大類。首頁一(yī)般是指系統首頁或者模塊首頁，常需要個性化設計；詳情頁一(yī)般是查看/操作頁面，常以列表、表單、信息詳情的(de)形式展現。接下來首先介紹首頁的(de)設計思路。

首頁（控制面闆）

我再浏覽系統交互案例的(de)時候看了很多外國系統動效，發現他們都把首頁都叫做(zuò)“控制面闆”（dashboard）。我理(lǐ)解作為(wèi)一(yī)個控制面闆，首頁的(de)作用就是控制整個系統，控制系統中所有的(de)欄目/模塊，那麽首頁就是由控制這些模塊的(de)“面闆”組織而成。

那其實我們要設計首頁，就是把系統各個子(zǐ)模塊簡化成一(yī)個個小面闆，再按照模塊的(de)優先級等原則進行布局展示就行了。是不是感覺設計首頁很簡單，那麽真正的(de)難度在于不同的(de)系統不同的(de)功能模塊我們怎麽把這些模塊簡化成一(yī)個個面闆。我将這些面闆分為(wèi)四種類型：信息、表格、圖表、表單：

信息：展示信息，又可(kě)以分為(wèi)列表信息、詳細信息、人員信息、消息等

列表信息：展示多條列表信息，常用于新聞信息列表、排行、文章(zhāng)标題列表等

詳細信息：常用于文章(zhāng)詳情或單獨的(de)圖文詳情信息。人員信息：常用于展示賬号信息。消息：常用于展示短(duǎn)信消息或者人員留言等信息；

表格：以表格的(de)形式組織整理(lǐ)信息/數據的(de)展現方式根據其樣式功能的(de)不同又可(kě)以細分為(wèi)基礎表格、可(kě)操作表格和(hé)個性化表格。

基礎表格：隻做(zuò)信息/數據展示

  個性化表格：在基礎表格的(de)基礎上将數據圖表、操作功能等內(nèi)容相互結合做(zuò)成個性化表格

  圖表：數據統計信息的(de)圖形化展示，常用于對于系統或者模塊總體信息的(de)綜述展示

大部分有系統數據統計的(de)網站會在首頁将一(yī)部分重要數據信息以圖表的(de)形式進行展示。分為(wèi)：數據綜述、數據圖表、個性化。

數據綜述：常用在界面首屏，展示系統/模塊最終要的(de)數據統計信息.

編輯:--ns868