产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

颜色弹层及loading设计



颜色规范


color1.png


1.标准色规范


重要、一般、弱。


2.标准色重要


重要颜色中一般不超过3种,这里的例子重要颜色之一红色需要小面积使用,用于特别需要强调和突出的文字、按钮和icon;而黑色用于重要级文字信息比如标题、正文等。


3.标准色一般


都是相近的颜色,而且要比重要颜色弱,普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。


4.标准色较弱


普遍用于背景色和不需要显眼的边角信息。标准色示例(2种重要颜色红色和黑色)


color2.png



弹层规范


1.弹层规范要注意分别设计安卓和ios的弹层,比如ios大多操作弹层由底部弹出,而安卓直接显示操作在页面中央,这样的交互搞作应该遵循各自平台的设计要求。


2.弹层需求根据不同的功用设计不同的样式。比如操作性弹层-右上角更多按钮触发;提示性弹层:弱提示性的应用系统的token飘字提示即可;需要强提示可以使用取消、确定的模块弹层;更强提示而且弹层需要承载一定操作的使用强引导弹层,右上角提供关闭操作或者可以点击非弹层区域关闭弹层。

具体实例1:


color3.png


具体实例2:


color4.png



Loading规范


页面loading动画是APP界面必不可少的元素,增加loading可以给用户明确的反馈功能正在加载,减少用户在等待功能响应引起的烦躁感。另外loading动画除了常规的菊花还可以考虑使用其他方式,让APP更生动、活泼;或者使用logo口号加强APP的品牌形象。


具体实例1:


color5.png


具体实例2:


color6.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部