loading请求处理中...

APP界面设计都有哪些常用方法?APP界面设置模糊效果常见问题?

2022-05-10 11:31:54 阅读 10091次 标签: 开发 作者: 金潞商PbV95

  随着互联网的不断发展,越来越多的人都在通过自学或者参加达内培训来学习UI设计的相关技术知识,而本文我们就通过案例分析来了解一下,APP界面设计都有哪些常用方法?APP界面设置模糊效果常见问题?

APP界面设计都有哪些常用方法?APP界面设置模糊效果常见问题?

  APP界面设计都有哪些常用方法?

  1.原型设计

  对于界面上要呈现的信息都思考过以后,你就可以在纸上打草图或是使用Axure、Mockplus等原型工具画出原型和交互状态。

  注意,评审的时候叫上程序员。不然辛苦了半天,后程序员说,实现不了,就不止是尴尬了。

  设计元素上简约、条理清晰就好,去除过多的动效和交互。

  2.视觉设计

  视觉设计包括了几大步骤,分别是风格图的确认、设计规范的撰写、以及后高保真图的输出及切图。

  3.确定风格图

  对于界面尺寸和图标尺寸,新手莫过于纠结。建议选择自己的手机尺寸来设计,方便预览效果。或者选择中间尺寸,方便向上、向下适配;

  对于颜色、字体、间距都应该先定下常用的参数(主要参数),再往次级依次展开,会使规范根基更稳,调理清晰。关于配色问题。

  4.撰写设计规范

  在视觉风格定位后,就可以开始撰写设计规范。

  APP界面设置的模糊效果常见问题

  1.移动端过度使用模糊

  模糊效果并不是完美的。它也会带来一些问题:图形性能和电池的消耗。由于模糊效果很占用内存带宽和消耗电池,所以它会影响你电脑的性能和电池的寿命。滥用模糊的结果将是拖慢APP的运行速度,从而极大的降低用户体验。

  我们都希望设计优美的界面,但与此同时,我们不能让用户忍受长时间加载或快速消耗他们电脑的电量。模糊效果应该明智而又有节制的使用,你需要找到设计美观和资源合理利用之间的平衡。因此,当我们使用模糊效果时,应该多检查你APP占用的CPU、GPU,内存和电池情况。

  2.模糊效果和文本可读性问题

  另一个你要记住的因素是:模糊不是动态的。如果你的图像发生变化,确保文本总是处于模糊之上。在下面的例子中,可以看到当你忘记这点时将会发生什么。

  3.模糊效果和多内容页面

  当模糊的背景用在充满大量文字内容的页面时会引发一些问题。当我们需要在页面上显示很多的内容,模糊背景可能不太适用。

  设计规范看似是在增加设计师工作量,其实是起到了承上启下高效完成工作的作用。设计师根据规范拓展页面,程序员根据规范进行开发。有效提升开发进度。

  设计规范勿设定的太全面、死板

  太全面的规范会影响设计师发挥,应只针对控件、色值、质感、动效、品牌元素等重要界面进行规范设定。20%不重要或者不可复用的控件不做规范,给设计师留20%的灵活空间,发挥自己创意。

  注意规范要随着产品改版的节奏而迭代。在产品迭代过程中对不好的、过时的归纳及时同步归纳,并及时通知到项目相关人员。

  App界面设计,新手免不了要入坑,也少不了反复修改,要有一个好心态,及时归纳总结,多浏览优秀的app界面设计案例,逐步积累,不积跬步,无以至千里。

APP界面设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
APP界面设计相关任务
DESIGN TASK 更多
可视化展示工具,开发

¥1000 已有2人投标

资产管理小程序开发

¥5000 已有10人投标

QT 设备modbus采集,控制开发

¥3000 已有2人投标

基于浏览器开发插件

¥5000 已有0人投标

电商APP 开发( iOS)

¥10000 已有3人投标

论坛类信息平台开发

¥1000 已有3人投标