UI灵感分析笔记#6：功能特辑

来源视频：

高级大气的网页动效设计，设计师必看系列！_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV13Z4y1T7DS?

ui设计｜出行类APP产品界面设计_哔哩哔哩_bilibili

目录

1 图片与商品的关联

2 影视/图书类

3 旅游出行类

---

1 图片与商品的关联

 

        一张家居图。

        然而，当鼠标移动到图片的家具上时，家具上会浮现响应的触发点。点击触发点后，会出现该家具的相应内容。

        家具这类视觉类商品，在特定的环境与搭配组合中，能够让用户直观地感受到商品的价值。这种设计有利于实现这点需求，并且能够起到搭配建议，甚至能够带动关联产品的销量。

2 影视/图书类

         采用了海报排列的展览方式，加上长尾夹的装饰，更具画廊的视觉效果。这种陈列式的横版构造，能够让用户通过左右滑动来对各个项目有直观的浏览。对每个封面都设置了投影，在视觉上使其更有立体感。这种UI排版适合能够以图像来作为主导信息的应用和网页，例如图书馆的租借系统、电影上映、影片推荐，艺术作品等。而原UI作为极简风， 配合了水墨的动效，营造了一种浓烈的古典风格，更加烘托出了这个页面的风格核心。

         原UI的风格更适合书籍、美术这类古典风格。对于影院上线导航来说，整个UI可以添加更多且更活跃的色彩，来增加其现代年轻的活力。

3 旅游出行类

         虽然其实这是一个飞机稿，但其中也是有很多可圈可点之处的。首先作为一个旅游出行类的UI，它把导航和具体景点很好地结合在了一起，图中一小框里包含了旅游地点、距离以及人员的热况。右上角放置用户的触发区，辅以水波的设计，更加生动，缓解了纯白背景的枯燥感。

        旅游功能里大众点评是必不可少的part。这个稿件很好地把点评功能设计出来，打分系统、图片、用户以及时间都很好地处理在了一起，并且很巧妙地把景点图作为背景，并且把不同的评价过的用户放在背景图上，让用户有了点击的交互。并且在视觉效果上更有“这些用户在这里旅游过”的心理暗示。

        整洁、明了、堆放巧妙，并且功能设计一个不落。这是一份我很喜欢的UI稿件。