APP界面设计都有哪些常用方法?APP界面设置模糊效果常见问题?
随着互联网的不断发展,越来越多的人都在通过自学或者参加达内培训来学习UI设计的相关技术知识,而本文我们就通过案例分析来了解一下,APP界面设计都有哪些常用方法?APP界面设置模糊效果常见问题?
APP界面设计都有哪些常用方法?
1.原型设计
对于界面上要呈现的信息都思考过以后,你就可以在纸上打草图或是使用Axure、Mockplus等原型工具画出原型和交互状态。
注意,评审的时候叫上程序员。不然辛苦了半天,后程序员说,实现不了,就不止是尴尬了。
设计元素上简约、条理清晰就好,去除过多的动效和交互。
2.视觉设计
视觉设计包括了几大步骤,分别是风格图的确认、设计规范的撰写、以及后高保真图的输出及切图。
3.确定风格图
对于界面尺寸和图标尺寸,新手莫过于纠结。建议选择自己的手机尺寸来设计,方便预览效果。或者选择中间尺寸,方便向上、向下适配;
对于颜色、字体、间距都应该先定下常用的参数,再往次级依次展开,会使规范根基更稳,调理清晰。关于配色问题。
4.撰写设计规范
在视觉风格定位后,就可以开始撰写设计规范。
APP界面设置的模糊效果常见问题
1.移动端过度使用模糊
模糊效果并不是完美的。它也会带来一些问题:图形性能和电池的消耗。由于模糊效果很占用内存带宽和消耗电池,所以它会影响你电脑的性能和电池的寿命。滥用模糊的结果将是拖慢APP的运行速度,从而极大的降低用户体验。
我们都希望设计优美的界面,但与此同时,我们不能让用户忍受长时间加载或快速消耗他们电脑的电量。模糊效果应该明智而又有节制的使用,你需要找到设计美观和资源合理利用之间的平衡。因此,当我们使用模糊效果时,应该多检查你APP占用的CPU、GPU,内存和电池情况。
2.模糊效果和文本可读性问题
另一个你要记住的因素是:模糊不是动态的。如果你的图像发生变化,确保文本总是处于模糊之上。在下面的例子中,可以看到当你忘记这点时将会发生什么。
3.模糊效果和多内容页面
当模糊的背景用在充满大量文字内容的页面时会引发一些问题。当我们需要在页面上显示很多的内容,模糊背景可能不太适用。
设计规范看似是在增加设计师工作量,其实是起到了承上启下高效完成工作的作用。设计师根据规范拓展页面,程序员根据规范进行开发。有效提升开发进度。
设计规范勿设定的太全面、死板
太全面的规范会影响设计师发挥,应只针对控件、色值、质感、动效、品牌元素等重要界面进行规范设定。20%不重要或者不可复用的控件不做规范,给设计师留20%的灵活空间,发挥自己创意。
注意规范要随着产品改版的节奏而迭代。在产品迭代过程中对不好的、过时的归纳及时同步归纳,并及时通知到项目相关人员。
App界面设计,新手免不了要入坑,也少不了反复修改,要有一个好心态,及时归纳总结,多浏览优秀的app界面设计案例,逐步积累,不积跬步,无以至千里。