十个经典交互设计实例

这个案例中采用了卡片式设计，通过上下滑动切换图片。卡片式的设计不仅能给人很好的视觉一致性，而且更易于设计上的迭代。图文混排的模式，既在视觉上做到尽量一致，又很好的平衡文字和图片的强弱。卡片化和上下滑动的交互结合也是一个不错的效果。

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

导航页面融入星空元素，每一个图标代表不同的导航功能。在页面上滑动导航图标，被选中的图标自动放大尺寸，其他图标则自动变换位置和大小。交互设计的优势在炫酷简洁的星空元素中发挥到极致。

4.数据化的创意设计APP

这款文件管理应用将所有文件的存储量以数据化的方式呈现，直观简洁，一目了然。当每个文件夹存储量有变化时，环形统计图里的数据和对应文件夹的色块比例也会做出相应的交互变化。

网页交互设计实例

介绍完这些比较常见的移动应用交互设计，接下来再给大家介绍一些比较优秀的网页交互设计的案例。

1.Sketchin

简洁的导航栏使整个网站看起来十分简洁美观。

2.SeeingData

这个网站是一个动态的信息图表，它可以为用户提供信息统计，绘制图表。

3.1000ChromeExperiments

这个网站是由Google创意实验室创建的，不仅有华丽的动画，而且它的功能和网络技术方面也让人印象深刻。

4.CelebratingChineseNewYear

庆祝中国新年是一个专业的实现WebGL的实验，可以将您的问候转化为烟花。

5.CarbonStudio

怀念老式的拖放导航？不妨看看CarbonStudio这个网站。

6.NickJones

这个网站可能已经过时了，但它的互动设计还是很棒的。

总结

从欣赏的角度来说，优秀网页和应用设计本身就是一种美，能为设计师和用户带来一种纯粹的乐趣。这10个交互设计实例可能有些稍微有些过时，但它们的交互设计思路和技巧还是值得学习和思考。希望对你们有用。