關(guān)于移動端閱讀圖片的交互方式有很多種，今天學(xué)堂君跟大家分享四種最常見的移動端圖片閱讀的四種交互方式。

分別是：

1、左右滑動翻頁瀏覽

2、上下滑動閱讀更多

3、下拉放大圖片

4、側(cè)劃查看時間線以往信息。

下面與大家一起分析iDaily APP上，值得我們學(xué)習(xí)和借鑒的閱讀圖片的交互方式。

分析交互設(shè)計的APP名稱：「iDaily · 每日環(huán)球視野」

是第一個提供超越 3000px 超高清分辨率圖片的中文媒體應(yīng)用，每天由中國最出色的圖片編輯獨家挑選，為讀者奉上最高清晰度的全球視野體驗。

APP store下載地址：https://itunes.apple.com/cn/app/idaily-mei-ri-huan-qiu-shi-ye/id488528128?mt=8

然后當(dāng)你打開iDaily APP的時候，就好看到這樣一個UI界面。

引導(dǎo)我們采用這樣的四種移動端閱讀圖片的交互方式來操作idaily APP。

移動端最常見的第一個圖片閱讀交互方式：左右滑動翻頁

一般情況APP向左滑翻頁，滑動到最后一頁的時候就沒有了。

又或者當(dāng)你位于第一張圖片時，也就是現(xiàn)在左滑已經(jīng)沒有內(nèi)容了，此時你的左滑便有了刷新的作用，不同于其他（很多app刷新都是下拉刷新），這也是值得稱贊的地方，它通過自己的交互思維，產(chǎn)生了自己交互模式，而不是一貫的去采用別人的交互方式。

如下圖所示：

iDaily? APP的主界面交互設(shè)計欣賞：

但是設(shè)計者在設(shè)定屬性時，考慮到它是一個即時類新聞資訊app，所以在更多內(nèi)容的選擇和篩選上，采用了時間線的方式，這樣用戶就可以通過選擇時間來找內(nèi)容。

大家也可以點擊?iDaily? APP 主界面右上角? 更多 如下圖所示：

但是從另一種維度來講，在更多內(nèi)容篩選上，它沒有根據(jù)新聞內(nèi)容分類，對于用戶來說，不便于針對性的找內(nèi)容。

但是，基于產(chǎn)品屬性的交互方式來看，它似乎就是一款隨機閱讀的app，有的用戶并不知道自己到底需要閱讀哪一類的內(nèi)容，在之前，你應(yīng)該遇到過這種app，它會給你興趣選擇去引導(dǎo)你關(guān)注一些內(nèi)容，比如：音樂，電影，設(shè)計，軍事，文學(xué)，等等。但它并沒有這樣做，它就像是一個報紙，內(nèi)容每天都在更新，而且是最新的，而它的推薦內(nèi)容，包含各國各地的軍事，文化，風(fēng)景，民俗，它是在為你提供最新的內(nèi)容，而不是針對你提供喜歡的內(nèi)容，它的屬性優(yōu)勢就在于即時這兩個字。

但是它還是對內(nèi)容的屬性劃分做了分類，但這個分類不是你的選擇分類，而是對自己發(fā)布的內(nèi)容進行屬性分類（下圖分類：環(huán)境與自然）

這個分類可以點擊，點完之后，將進入到它的內(nèi)容專題頁，里面收集了之前關(guān)于它的所有內(nèi)容，這個也是比較有意思的，它也是另一種篩選，依舊采用時間線的方式，只不過內(nèi)容更加垂直。

這個時候可以學(xué)習(xí)一下：

移動端最常見的第二個圖片閱讀交互方式：側(cè)劃查看時間線以往信息。

移動端最常見的第三個圖片閱讀交互方式：上滑閱讀更多

交互操作流程就是，上滑一下即可出現(xiàn)右邊這樣有地圖和相關(guān)資訊的界面。往下拉就恢復(fù)到左邊的這個主要新聞界面。

移動端最常見的第四個圖片閱讀交互方式：下拉放大圖片并自動左右滾動看詳細(xì)大圖

按住新聞圖片下拉，就會放大圖片視覺。并且會從左至右自動播放圖片，播放完之后停止，當(dāng)然也允許用戶自己操作放大縮小查看圖片細(xì)微之處。

以上就是學(xué)堂君跟大家向iDaily APP學(xué)習(xí)的四種移動端閱讀圖片的交互方式?？梢愿鶕?jù)自己產(chǎn)品屬性和特點來選擇合適的圖片閱讀交互方式，讓你的APP更加特色與良好的交互體驗。