来源视频:
高级大气的网页动效设计,设计师必看系列!_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV13Z4y1T7DS?
ui设计|出行类APP产品界面设计_哔哩哔哩_bilibili
目录
1 图片与商品的关联
一张家居图。
然而,当鼠标移动到图片的家具上时,家具上会浮现响应的触发点。点击触发点后,会出现该家具的相应内容。
家具这类视觉类商品,在特定的环境与搭配组合中,能够让用户直观地感受到商品的价值。这种设计有利于实现这点需求,并且能够起到搭配建议,甚至能够带动关联产品的销量。
2 影视/图书类
采用了海报排列的展览方式,加上长尾夹的装饰,更具画廊的视觉效果。这种陈列式的横版构造,能够让用户通过左右滑动来对各个项目有直观的浏览。对每个封面都设置了投影,在视觉上使其更有立体感。这种UI排版适合能够以图像来作为主导信息的应用和网页,例如图书馆的租借系统、电影上映、影片推荐,艺术作品等。而原UI作为极简风, 配合了水墨的动效,营造了一种浓烈的古典风格,更加烘托出了这个页面的风格核心。
原UI的风格更适合书籍、美术这类古典风格。对于影院上线导航来说,整个UI可以添加更多且更活跃的色彩,来增加其现代年轻的活力。
3 旅游出行类
虽然其实这是一个飞机稿,但其中也是有很多可圈可点之处的。首先作为一个旅游出行类的UI,它把导航和具体景点很好地结合在了一起,图中一小框里包含了旅游地点、距离以及人员的热况。右上角放置用户的触发区,辅以水波的设计,更加生动,缓解了纯白背景的枯燥感。
旅游功能里大众点评是必不可少的part。这个稿件很好地把点评功能设计出来,打分系统、图片、用户以及时间都很好地处理在了一起,并且很巧妙地把景点图作为背景,并且把不同的评价过的用户放在背景图上,让用户有了点击的交互。并且在视觉效果上更有“这些用户在这里旅游过”的心理暗示。
整洁、明了、堆放巧妙,并且功能设计一个不落。这是一份我很喜欢的UI稿件。