“不一样的极简设计”—凹凸租车H5商城首页设计体验

　　序

　　前没有暂刚从凸凸租车离任，正在最初的一个月中本人卖力了几个中心产物页的设想，此中h5的商乡尾页设想，本人用了些不同凡响的交互取视觉。正在那里跟各人做一个小小的分享。

　　本型设想

　　我们先理解下h5商乡尾页的本型图版本：

　　经由过程本型图，我们梳理了框架的逻辑：品宣Banner、3主功用btn、2车辆滑动列表、footer底部。

　　终极要的便是第一屏的设想，我们怎样让第一屏做的取寡不消呢?

　　Banner设想

　　假如根据本型设想，我们的视觉结果根本以下：

　　但那样设想很群众，即使您那么做排版，皆离开没有了一般的觉得，因而本人一而再再而三的再考虑怎样做出一个不同凡响的设想。

　　很快，本人找到了新的标的目的：

　　iOS11新的设想曾经响遍了UI设想界，许多新产物也鉴戒了共同的设想气势派头，但正在h5中，险些出有h5是接纳了相似气势派头，而我们基于iOS的年夜卡片战投影，缔造了一种不同凡响的banner设想：

　　我们分离了iOS11的共同气势派头，正在它的根底上删减了属于我们本人的交互设想，枢纽的地方正在于我们险些是尾个h5接纳相似的设想，并接纳了parallax.js，共同的视觉好让页里变得丰硕风趣：

　　banner的切换结果用了深化浅出设想：

　　车辆列表设想

　　车辆列表设想中，用留黑去替代朋分线战卡片：

　　滑动结果便没有做gif了，各人皆理解。

　　尾页完好结果图

　　END.

　　正在凸凸租车任职时期，本人斗胆的测验考试了各种新气势派头，并融进了本人的设想言语，固然离任，但借是期望凸凸租车能正在本人气势派头带领中持续下来。