找不到交互設計實例？看這裡！

現在很多優秀的網站、移動應用中都廣泛的使用到交互設計。網路上也有很多相關的文章，例如什麼是交互設計，交互設計的流程是怎樣的？但是設計從來不是空談，理論和實際的碰撞，才能激發出更多的靈感。以下是我自己總結出來的10個優秀的交互設計實例(APP， 網頁），希望對你們有幫助。

移動應用交互設計實例

1. 3D立體展示圖片列表

以立體展示的方式呈現所有的圖片內容。左側時間軸會根據滑動圖片時的停留，顯示對應圖片的拍攝時間。最終停留的圖片會在界面中部完全顯示。

2.上下滑動切換的卡片化圖片展示

這個案例中採用了卡片式設計，通過上下滑動切換圖片。卡片式的設計不僅能給人很好的視覺一致性，而且更易於設計上的迭代。圖文混排的模式，既在視覺上做到盡量一致，又很好的平衡文字和圖片的強弱。卡片化和上下滑動的交互結合也是一個不錯的效果。

3.富有星空元素的搜索頁

導航頁面融入星空元素，每一個圖標代表不同的導航功能。在頁面上滑動導航圖標，被選中的圖標自動放大尺寸，其他圖標則自動變換位置和大小。交互設計的優勢在炫酷簡潔的星空元素中發揮到極致。

4. 數據化的創意設計APP

這款文件管理應用將所有文件的存儲量以數據化的方式呈現，直觀簡潔，一目了然。當每個文件夾存儲量有變化時，環形統計圖裡的數據和對應文件夾的色塊比例也會做出相應的交互變化。

網頁交互設計實例

介紹完這些比較常見的移動應用交互設計，接下來再給大家介紹一些比較優秀的網頁交互設計的案例。

1. Sketchin

簡潔的導航欄使整個網站看起來十分簡潔美觀。

2. Seeing Data

這個網站是一個動態的信息圖表，它可以為用戶提供信息統計，繪製圖表。

3. 1000 Chrome Experiments

這個網站是由Google創意實驗室創建的，不僅有華麗的動畫，而且它的功能和網路技術方面也讓人印象深刻。

4. Celebrating Chinese New Year

慶祝新年是一個專業的實現WebGL的實驗，可以將您的問候轉化為煙花。

5. Carbon Studio

懷念老式的拖放導航？不妨看看Carbon Studio這個網站。

6.Nick Jones

這個網站可能已經過時了，但它的互動設計還是很棒的。

總結

從欣賞的角度來說，優秀網頁和應用設計本身就是一種美，能為設計師和用戶帶來一種純粹的樂趣。這10個交互設計實例可能有些稍微有些過時，但它們的交互設計思路和技巧還是值得學習和思考。希望對你們有用。