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

金竹坑
金竹坑 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 87 浏览

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

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


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

  1.原型设计

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

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

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

  2.视觉设计

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

  3.确定风格图

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

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

  4.撰写设计规范

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

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

  1.移动端过度使用模糊

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

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

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

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

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

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

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

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

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

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

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

发布于 2022-10-22 15:31

免责声明:

本文由 金竹坑 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2024 专注小微企业服务 冀ICP备09002609号-8