设计给的UI图,问一个问题

图片描述
上面是设计师给的图,这个图是按照iPhone 6来设计的,有一点疑问想问:
1.首先里面有一些是没有标注的,正常标注是不是应该星星和 4.7 还有4.7和 2000单 ,2000单和右边的图片之间都有标注?
2.如果我说的第一条正确的话,在5s这种机型上,我应该怎么处理这些横向间距?是保证屏幕左右的间距,然后根据屏幕尺寸去调整中间控件的间距,还是所有的标注按照5s的屏幕和6之间的比例做一定的缩放?

如果我在5s上布局出来的效果是这样的
图片描述

我目前最大的疑问是我该怎么调整他的很响,是按比例缩减中间控件的间距,保持最左边和最右边的控件位置不变,还是按比例缩减中间控件的间距和左右控件距屏幕左侧的和右侧间距,还是说明他设计的有问题?

阅读 3.3k
6 个回答

1.星星和 4.7确实少了间距.
2.不需要缩放, 2000单需要右边的距离, 要么换行显示, 要么...省略过长文字.
可以看我的回答

其实你只要保证不重叠就可以了

讲真,你们UI真是业界良心,这么贴心的把所有内容的数值都给你标注出来了。
第一个问题没懂,第二个,处理间距的方法很多,你是想要它自适应吧?可以从布局上处理:如,display: -webkit-flex;布局。或者你也可以设置百分比,你也可以用浮动配合rem来设置...。如果是我的话,直接弹性盒子+定位+rem数值。

用rem单位方案,进行一定比例的适配就行了;懒得的话,就用媒体查询去进行适配就行了,按这几个节点分320,480,640,750。一看就是新手;可以找淘宝或京东的移动端的base文件看一看;就懂了

新手上路,请多包涵

可以要到psd文件,然后下载一个《PxCook》,用它打开psd,就可以直接看到标注了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题