发表于: 2018-11-19 23:43:09
1 1072
今天完成的事情:
1.临摹APP。
明天的计划:
1.继续临摹。
2.准备小课堂。
遇到的困难:
1.PPT不会用。
2.APP字号使用 间距等规范不是很懂。
收获:
1.规范导航750x88,菜单栏750x98。
2.不要在按钮上添加任何额外的效果,比如阴影、渐变等。
按钮icon应该在一个透明背景上以一种纯色进行绘制--icon的形状作为遮罩。
每个互动的元素需要有充足的空间,从而让用户容易操作这些内容和控件;
普通屏幕中所有能点击的按钮/图片,最小可点击区域为:44x44 px;
Retia屏幕中所有能点击的按钮/图片,最小可点击区域为:88x88px(实在小的图标可以且上空白像素以满足需求);
按钮状态及样式
按钮状态主要分为普通(normal)、选中(selected)、按下(highlighted)、不可点(disabled)四种,大部分按钮都包含了这4种状态。
按钮样式包括三种:第一种是直角;第二种是圆角(圆角为8px);第三种是全圆角。
3.列表形式、工具化的APP普遍是正文32px
(由于屏幕使用变大正文大小趋势变成了34px)
副文案28px,时间文字24px
26px的字号还会用于划分类别的提示文案
因为这样的文字希望用户阅读,但不要抢过主列表信息的引导。
34px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次,同时加强按钮引导性,选用了稍大号的字体。
在选用字体大小的时候一定要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的
网页字号最小12px
常用微软14px/16px作为正文
大号字体是18px、20px、26px、30px
(注意使用双数字号,单数的字体在显示的时候会有毛边)
评论