原型学习与制作2

一,页面尺寸及区域说明

原型经常制作为IOS模版,因为安卓的机型太多,

1,不要使用图标,全部都用小圆圈或者小方块代替,搜索栏旁边的消息,用小方块里面写上消息两个字。

因为消息可以设计为信封,铃铛等,如果产品经理设计为铃铛,交给UI后,UI会以为这个地方设计为铃铛,领导如果不喜欢,UI可以甩锅给产品经理,所以设计为方框+文集是最合适的

2,不适用图片原件,因为原型一般都是灰白黑三种颜色,图片原件是有蓝色元素,如果放在轮播图的位置对整体的颜色布局不和谐。

3,注意安全距离,是指按钮下方的文字,不宜和按钮离的太远,不然容易误会是下方的按钮名称

4,使用真实内容填充原型,是指图片下方有的是商品标题,不能只输入商品标题四个字,应该输入真实的商品标题,显得有真实性。

5,注意中划线的使用,是指价格右边有一个带中划线的价格,这个设计应该是字体加上删除线,而不是用一条线手动去覆盖到字体上面,这样容易覆盖的不一致。

6,页面溢出,往右拉可以展示全部,往左拉到页面内部就解决了溢出。、

二,web端原型尺寸

三,信息规范

shift是等比例缩小

四,常见的错误示例

猜你喜欢

转载自blog.csdn.net/princess66/article/details/128723124