轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：百度MUX

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

隨著蘋果iPad的推出，電子雜志類行的應(yīng)用大受好評(píng)，電子閱讀需求量不斷增長(zhǎng)。傳統(tǒng)紙質(zhì)出版物的良好的視覺(jué)效果，互聯(lián)網(wǎng)巨大的信息資源庫(kù)，將這兩者集合在一起就會(huì)誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動(dòng)內(nèi)容，輔以格式排版，讓用戶得到了無(wú)限量的優(yōu)秀資源以及良好的閱讀體驗(yàn)。

2010年國(guó)內(nèi)也涌現(xiàn)了非常多的優(yōu)秀的雜志型客戶端應(yīng)用。包括周末畫報(bào)，外灘畫報(bào)，F(xiàn)lipboard的中文版——Zaker等等。以下將對(duì)這些應(yīng)用做一個(gè)特點(diǎn)總結(jié)，分析其設(shè)計(jì)上的閃光點(diǎn)，希望能夠?qū)ο嗨频漠a(chǎn)品在設(shè)計(jì)上起到一定的借鑒作用。

 

資訊來(lái)源

雜志型客戶端的信息都通過(guò)網(wǎng)絡(luò)更新，其中一部分直接整合各類資訊網(wǎng)站，而另一部分還是采用傳統(tǒng)的雜志創(chuàng)作和編輯方式提供內(nèi)容。

1， 搜集微博等等來(lái)源的信息

Flipboard的信息來(lái)自facebook以及twitter等當(dāng)下最為流行的信息來(lái)源地。這類資源可謂無(wú)限充足，每天的更新量巨大，對(duì)于用戶來(lái)說(shuō)非常充足。

而作為中文版的Flipboard的Zaker，其信息則來(lái)自國(guó)內(nèi)最為熱門的新浪微博，騰訊微博等等信息來(lái)源地。

以微博為主的信息來(lái)源已經(jīng)成為中國(guó)當(dāng)下互聯(lián)網(wǎng)上最快捷最多元化的信息集散地。

2， 自動(dòng)更新設(shè)置

還擁有傳統(tǒng)編輯的周末畫報(bào)也利用網(wǎng)絡(luò)進(jìn)行內(nèi)容更新。每周更新的時(shí)間，ios主界面上會(huì)有更新的文章數(shù)量提示，和app store更新的提示方式一致。

3， 刷新設(shè)置

這類刷新設(shè)置在雜志類客戶端中并不常見(jiàn)，因?yàn)殡s志客戶端基本都以一定的周期進(jìn)行更新，刷新的作用不大。

4， 離線閱覽

不同于大多數(shù)在線更新的客戶端，周末畫報(bào)提供了這種可以離線閱覽的方式，并且提供了非常簡(jiǎn)單快捷的后臺(tái)載入方式，讓用戶在不知不覺(jué)中就完成了新版更新。而色彩設(shè)計(jì)化的更新進(jìn)度條，一目了然。

二，互動(dòng)功能

電子客戶端區(qū)別于傳統(tǒng)的紙質(zhì)雜志，它具有電子化和網(wǎng)絡(luò)化的特點(diǎn)。利用這些特點(diǎn)創(chuàng)造出獨(dú)特的電子客戶端互動(dòng)體驗(yàn)，是客戶端應(yīng)用最大的優(yōu)勢(shì)。

1， Web2.0時(shí)代的評(píng)論交流

南方周末ipad閱讀器加入了網(wǎng)友評(píng)論，并可以實(shí)時(shí)更新，類似于網(wǎng)頁(yè)新聞評(píng)論。這種互動(dòng)式的交流會(huì)帶給閱讀者更多的信息。

周末畫報(bào)的分享功能比較有代表性，可以直接分享至固定微博，也可以保存圖片至相冊(cè)。

2， 動(dòng)畫，小游戲等互動(dòng)性的體驗(yàn)

BMW宣傳電子雜志的一項(xiàng)，可晃動(dòng)的圖像，有相當(dāng)好的交互性。此處僅僅是一個(gè)可玩性一般的游戲，不過(guò)考慮到電子雜志客戶端的硬件性能，加入一些有意義的互動(dòng)設(shè)計(jì)，可以帶來(lái)傳統(tǒng)紙質(zhì)雜志不能實(shí)現(xiàn)的效果。

3， 音頻，視頻等多媒體手段

南方周末雜志客戶端就加入了視頻功能。這種手段在雜志客戶端中比較常見(jiàn)，也是其區(qū)別于傳統(tǒng)紙質(zhì)雜志最顯著的特點(diǎn)。

三，版面設(shè)計(jì)

1， iPad端

ipad的面積較大，所以版面設(shè)計(jì)基本都遵循同時(shí)顯示多項(xiàng)內(nèi)容。頁(yè)面排布按照左右分別布局，基本都配以圖片，獲得視覺(jué)上的統(tǒng)一感和愉悅感。

2， iPhone端

Iphone端由于屏幕面積較小，排版一般以豎屏寬度為列表形式，配以小圖，豐富畫面。并且可以在頂端大圖顯示推薦內(nèi)容。周末畫報(bào)還提供大圖橫向拖動(dòng)，提供了更多的推薦位內(nèi)容。

四  交互體驗(yàn)

對(duì)于電子雜志，優(yōu)秀的交互體驗(yàn)是非常吸引用戶的一點(diǎn)。

這其中一些應(yīng)用采用了擬物的方式來(lái)模仿傳統(tǒng)雜志翻頁(yè)效果；還有一些則完全采用電子化的顯示方式。

1， 翻頁(yè)

Flipboard獨(dú)特的翻頁(yè)是從中間折起來(lái)，同傳統(tǒng)的雜志翻頁(yè)質(zhì)感很像。區(qū)別于此，iphone客戶端的翻頁(yè)一般采用Iphone原生空間，提供了模擬紙張卷頁(yè)的效果。

而周末畫報(bào)則提供了最為簡(jiǎn)單的橫向滑動(dòng)翻頁(yè)，不模擬真實(shí)效果，提供最簡(jiǎn)單的方式。對(duì)于用戶來(lái)說(shuō)，也不會(huì)造成任何使用上的困擾。

2， 內(nèi)容知悉

讓用戶能夠在不離開(kāi)當(dāng)前頁(yè)面而知道其他 頁(yè)面內(nèi)容并選擇跳轉(zhuǎn)，各種雜志客戶端都提供了內(nèi)容知悉的功能?？梢栽诋?dāng)前頁(yè)面中打開(kāi)小窗口看到其他頁(yè)面的內(nèi)容。

這其中周末畫報(bào)以縮略圖的形式顯示，而flipboard則以標(biāo)題形式顯示。這一定程度上也是兩個(gè)產(chǎn)品屬性不同造成的。周末畫報(bào)以內(nèi)容為主，每期的 內(nèi)容量固定。而flipboard以抓取內(nèi)容為主，內(nèi)容量不固定，極易超過(guò)相當(dāng)大的數(shù)量，如果都以縮略圖顯示，則容易造成載入過(guò)慢，反應(yīng)速度減緩，從而削 弱體驗(yàn)。

3， 圖片查看

針對(duì)移動(dòng)互聯(lián)網(wǎng)獨(dú)特的閱讀需求，雜志客戶端都會(huì)突出圖片閱覽。還有專門為圖片設(shè)計(jì)的攝影類雜志應(yīng)用。

圖片閱覽模式中，都是以小圖進(jìn)行索引，點(diǎn)擊后展開(kāi)大圖，并提供保存以及分享選項(xiàng)。

總結(jié)：

雜志類電子客戶端，通過(guò)iphone以及ipad等硬件平臺(tái)出現(xiàn)而逐漸興起。區(qū)別于傳統(tǒng)紙質(zhì)雜志，它們具有自己特別的優(yōu)勢(shì)和特點(diǎn)。合理地利用這些優(yōu)勢(shì)，優(yōu)化體驗(yàn)，可以創(chuàng)造出非常優(yōu)秀的產(chǎn)品。

了解用戶的閱讀習(xí)慣，理解電子平臺(tái)的獨(dú)特屬性，通過(guò)結(jié)合和平衡得到最佳的應(yīng)用效果，是每個(gè)設(shè)計(jì)師必須盡力學(xué)習(xí)和實(shí)踐的。