怎样规范设计移动端APP的UI

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样规范设计移动端APP的UI相关的知识,希望对你有一定的参考价值。

 想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须掌握的基本技巧才可以。
  
  第一:要了解平台
  
  正如同网页设计师需要了解html/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端设计的语言和网页设计的语言就不太一样,不同平台有着不同的编程语言和接口,移动端界面的构成也是无法使用CSS和标签来实现。
  
  你需要深入阅读官方的开发文档,寻找更多有关APP的文档知识,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的 稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。
  
  第二:了解移动端的技术构成
  
  对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。
  
  第三:发掘本地UI组件的开发潜质
  
  每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的开发者节省大量的工作时间。
  
  第四:了解移动端的工作流程
  
  安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。
  
  第五:了解移动端的界面模式
  
  三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。
  
  不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。
  
  第六:记录并解释你的UI设计
  
  考虑到屏幕截图并不足以表现UI全部的特性,你需要学会记录界面不同的状态、转变过程、转场动画等信息,并且学会记录界面对于不同状况的反馈。
参考技术A 建议你去个培训机构系统的学习一下

以上是关于怎样规范设计移动端APP的UI的主要内容,如果未能解决你的问题,请参考以下文章

移动端H5页面的设计稿尺寸大小规范

2018版移动端ui规范

移动端UI设计尺寸规范

关于移动App开发前端UI框架选择

移动端常用的四个框架

ui界面设计公司搜集精彩设计三十例:移动端APP界面设计欣赏之一