发表于: 2018-11-07 21:10:16
1 943
今天完成的事情:
继续做任务五
明天要做的事情:
继续找素材,找排版,完善任务五
遇到的问题:
没有想到太多的素材的层次阶级(去找了一下食物链)
排版的色彩搭配没有很好的搭配好(去找了一下颜色的搭配方法)
收获:
icon不要贴边 离对话框要有点距离
不重要的字体和图片颜色可以淡一点 要突出重要文字的内容
看了一下 文字使用规则标准
1.设计稿标准文字
文字选用“PingFang SC Light Light”标题可加粗选用”PingFang SC Bold Bold“
2.文字搭配
一般用6和8的梯度搭配。例如:一般列表32px标题搭配26px详情,带头像列表30px,标题搭配22px辅助信息
3.详情页标题文字与详情文字间距
间距为8的倍数,例如:24px,32px,40px
4.行间距设定
行间距与字号比例保证在1.5-1.6之间
5.对齐原则
标点符号采用“禁则处理”,首行严禁放置标点
还看了布局标准控件:
页面布局8px原则:
1.根据移动端8px原则,所有间距或标准尺寸都应为8p x的倍数
2.ios平台所有有可操作元素最小点击区域尺寸为88*88px,物理尺寸为7*7mm
iOS(1134*750px)
顶部状态栏高度:40px
导航栏最小高度:88px
导航栏下滑动tab高度:80px
底部tap高度:98px
内容块之间最小间距:16px
内容结束的最小间距:16px
屏幕左右与内容间距:24px
一行常规内容块高度为:88px
小标题栏高度:64px
评论