柠檬移动端设计

柠檬财富为一站式财富管理机构，拥有信托资管、股权投资、阳光私募、海外保险、小额理财等多类理财产品.

用户群： 大额理财面向高净值客户，为代销模式

小额理财面向中低净值客户,主要为信贷资产证劵化模式

柠檬移动端主要做了两个项目： 一个是柠檬app、柠檬h5设计

这算是经历项目中深刻的一个。从对柠檬产品的整体风格把握， 制定设计规范：配色、图标、字体大小、按钮等。

再到与PM反复的沟通，到设计稿的完整呈现， 切图以及页面标注。与开发密切沟通，包括：图标的大小、字体的颜色、字体的大小、边距精确到每个像素。跟踪后期开发，确保设计稿上线还原。时常还做下鼓励师，从遇到问题到解决问题的过程中学习总结了很多。

遇到的问题：1.移动端这么多机型分辨率，设计稿与哪个为准？

2.开发出来的效果和设计稿有偏差

3.为什么I6上面的图片清晰，到了I6P有点模糊

4.开发出来，有的按钮点击不够灵敏

5.开发出来在 I6 上刚好的文字排 版,在 I5 上文字排不 开,在 I6p 上太空?

解决方案：

1.按照I6的尺寸 750*1334做设计稿，最后给出四个文件包：

源文件750px

效果图（750px IOS /720px 安卓）

标注图 750px

切图 （750px @2）

2.工程师能不能完全还原设计，很大部分取决于标注！

标注页面px（字体大小、色值、分割线、各个空间上下左右的距离、图片的长宽、标注使用偶数）

3.所有的切图转为矢量，保证图像质量

4.按钮最小可点击元素的尺寸是 44*44px, 高清屏是 88*88px

5.以 iphone6 为基准,一稿 上下适配尺寸(除了主页等 定制页面)

定义一套适配规则,自动适配剩下 两种尺寸适配规则是: 1.文字流式 2.控件弹性 3.图片等比缩放

在 6p 上,主页等定制页面 要达到理想效果需要现场调整,做鼓励师。