从原型出发的多种可能

这是我近期做的美妆小程序的核心页面之一。在设计的过程中发现，如果只是按照原型做出效果图的话，在视觉效果与用户体验方面并不能达到该有的效果。所以便从产品的功能、美观性以及交互逻辑等不同角度的思考，将原型中的元素布局进行重构。在这个过程中，不断地发现问题并解决问题，使得效果图不断优化。

先放最终效果吧⬇

这是页面最初的原型

根据原型做出初版设计图，很快便发现存在很多问题。

根据以上问题，接下来便开始大刀阔斧的修改布局。

将原来的进度条拆分成逐个步骤。

将各个步骤逐一列出来，各个元素的位置也进行了不同的尝试。

将前几版中有趣的想法进行结合，终于——顺眼了。

最后要说的是，UI并不是一味的照着原型去美化，而是通过深度思考，找出合适的界面布局，这样做出来的才是好的UI。

[封面]地址：https://dribbble.com/shots/5870798-Makeup-videoplayer-APP

[GIF]地址：https://dribbble.com/shots/5885094-Makeup-videoplayer-dynamic