金华IT培训
美国上市IT培训机构

4008270010

热门课程

细节篇:四步搞定分页符设计(下)

  • 时间:2019-08-05 14:33
  • 发布:金华
  • 来源:网络

大小变化

 

【毒】

 

 

形状变化 

 

【自如】

 

 

角度变化

 

【转转】

 

 

组合变化

常见的组合变化比如大小+透明度、形状+透明度、颜色+形状等。

 

如下图中爱范儿的分页符动效,不仅发生了形状变化颜色变化,还承担了时间进度的作用,当黄色充满整个矩形,就会滚动到下一页的内容,让等待内容变化的过程更加可控,巧妙地给了用户心理预期。

 

【爱范儿】

 

 

位置

 

分页符通常跟随内容出现在其上方或下方,位置没有限制灵活度比较高可以选择居中、居左、居右,具体则需要我们根据其内容来选择最合适的位置,有两个目标,一个是避免其对内容的关键信息造成遮挡;一个是有效合理的利用和节省页面空间。

 

比如视频类APP考虑到banner中标题的显示,大多都把分页符放在右下角的位置;而引导页的分页符为了保持画面平衡则一般是居中的位置,下面就把常见的分页符位置列举一下。

 

以上就是我总结的分页符的设计思路,当然并不是说要一味去追求复杂的设计效果,但我们也绝不该停留于遵照惯例麻木套组件的阶段。

 

在时间允许的情况下可以试着去思考,尝试各种方案,即使有时候也会需要放弃自己认为最有趣的方案,而选择兼顾成本排期的结果,但过程中的无数可能不正是设计的乐趣吗?即使小如分页符,也值得我们多想一步(为啥突然鸡汤了,这不是我……总之fighting!

  

划重点

 

·选择分页符颜色时还需考虑其在同色系背景时的显示问题。解决方案可以是添加蒙层或描边。

 

·分页符的形状有圆形、矩形、线形、特殊形状、数字等,各有其特点,可以根据页面内容选择适合的形状。

 

·设计动效时可以和前端的同事商量,根据项目排期衡量调整方案。

 

·选择位置时有两个目标,一个是避免其对关键信息造成遮挡;一个是有效利用和节省页面空间。

预约申请免费试听课

怕钱不够?就业挣钱后再付学费!    怕学不会?从入学起,达内定制课程!     担心就业?达内多家实践企业供你挑选!

上一篇:细节篇:四步搞定分页符设计(上)
下一篇:功能性动画如何帮助改善用户体验

轻量化设计总结

功能性动画如何帮助改善用户体验

选择城市和中心
贵州省

广西省

海南省

王者娱乐
策勒县| 调兵山市| 太保市| 陇西县| 锡林浩特市| 连州市| 德令哈市| 仙游县| 盘锦市| 大渡口区| 平果县| 三台县| 新源县| 邳州市| 周口市| 吴川市| 永定县| 沙坪坝区| 龙陵县| 裕民县| 潍坊市| 岳普湖县| 石阡县| 荆州市| 嘉禾县| 马山县| 高淳县| 四会市| 葵青区| 临漳县| 股票| 郴州市| 稻城县| 临汾市| 湖北省| 武宁县| 奈曼旗| 松阳县| 政和县| 曲沃县| 贡觉县| http://www.ybztnf.cn http://www.yljtcn.cn http://www.nnmbg.cn http://www.64lnl.cn http://www.4s498l.cn http://www.zc739.com