天才领路者
课程导航
课程大全
更多

总算懂了UI布局的基本原则

发布时间: 2019-11-08 15:10:56

  移动APP页面布局(Layout)是我们设计app界面的时候,主要的设计任务。一个app的好与不好,很大部分取决于移动APP页面布局的合理性。  

UI布局的基本原则

       比如下面的几条基本原则:   1、公司/组织的图标(Logo)在所有页面都处于同一位置。   2、用户所需的所有数据内容均按先后次序合理显示。   3、所有的重要选项都要在主页显示。   4、重要条目要始终显示。   5、重要条目要显示在页面的顶端中间位置。   6、必要的信息要一直显示。   7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。   8、确保主页看起来像主页(使主页有别于其它二三级页面)。   9、主页的长度不宜过长。   10、APP的导航尽量采用底部导航的方式。菜单数目4-5个。   归根结底,离不开以下五大原则,它们能让你的软件操作更加舒适简单,体现产品定位和特点。   一、一致性原则   坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。   二、准确性原则   使用一致的标记、标准缩写和颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源。   显示有意义的出错信息,而不是单纯的程序错误代码。    避免使用文本输入框来放置不可编辑的文字内容,不要将文本输入框当成标签使用。   使用缩进和文本来辅助理解。    使用用户语言词汇,而不是单纯的专业计算机术语。高效地使用显示器的显示空间,但要避免空间过于拥挤。保持语言的一致性,如“确定”对应“取消”“是”对应“否”。   三、布局合理化原则   在进行UI设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散,以造成用户鼠标移动距离过长的弊端。多做“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁,使用户专注于主要业务操作流程,有利于提高软件的易用性及可用性。   四、系统操作合理性原则   尽量确保用户在不使用鼠标(只使用键盘)的情况下也可以流畅地完成一些常用的业务操作,各控件间可以通过Tab键进行切换,并将可编辑的文本全选处理。   五、系统响应时间原则   系统响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏.   介绍一些在Android实践指导原则里的,当然并不:   1、避免不必要的嵌套: 不要把一个布局放置在其他布局里,除非是必要的。   2、避免使用太多视图:        在一个布局中每增加一个新的视图,都会在inflate操作时耗时和消耗资源。任何时候都不要在一个布局中包含超过80个视图,否则,消耗在inflate操作上的时间会很大。   3、避免深度嵌套:        布局可以任意嵌套,这极易于创建复杂和深度嵌套的布局层次。如果没有硬性限制,将嵌套限制在10层以下是好的实践。   4、优化布局层次:        比如减少没效率的或者不必要的嵌套布局,是十分重要的。   后,UI 设计师其实并不是一个只会用Photoshop 的美工,我们设计的出发点并不在于它有多好看,设计的终目的是为了好用,而且是让用户觉得好用。要成为一名出色的 UI 设计师,我们必须先摒弃一个理念:我喜欢的设计就是好的设计。因为我们的设计是为广泛的用户服务,而非为自己服务。设计的终目的一定是得到大多数用户的认可,为用户提供合理比较好用的设计,好用远比好看重要。好看只是锦上添花,好用才是终目的。正因如此,出色的UI 设计师,除了掌握过硬的设计技能之外,还需要有广泛的科学认知,为我们的设计服务,为用户服务。

更多培训课程,学习资讯,课程优惠,课程开班,学校地址等学校信息,请进入 天才领路者网站详细了解
咨询电话: 400-160-5808

你也可以留下你的联系方式,让课程老师跟你详细解答: 在线咨询

相关资讯

温馨提示:提交留言后老师会第一时间与您联系! 热线电话:400-160-5808