APP界面布局设计小经验原创

时间:2019-10-09 21:37来源:互联网点击:手机版

导读:

 


文/王杰 投稿 APP界面布局设计是APP设计中非常重要的一环,合理的运用APP界面布局会让APP的界面显得很清晰美观。那么常见的APP界面布局有哪些呢?


APP界面布局设计小经验

 


 


APP界面布局设计小经验

 


①顶部导航。 整个的应用的导航在顶部,用户通过左右滑动来切换不同的导航选项卡,主内容区域将是一个动态面板。当用户点击导航条目或者左右滑动手指的时候,就切换主内容区域的动态面板的状态。


APP界面布局设计小经验

 


②标签式导航。 具有多个主要功能划分的应用都采用了这个方式;适合3~5个导航菜单,核心功能比较突出,也能够以很直观的方式通知用户。


APP界面布局设计小经验

 


③抽屉式。 抽屉式布局是指导航隐藏在左侧或者右侧,用户通过滑动拖拽的方式,像打开抽屉一样将导航部分拖出。这种布局适合主内容较多,不希望菜单栏占据固定位置消耗空间的应用程序。


APP界面布局设计小经验

 


④九宫格式。 九宫格其实不一定是九个格,可以根据需要灵活地调整。九宫格布局的特点就是直观,所有的功能一目了然。


⑤下拉列表式。 在这种布局中菜单默认是隐藏的,用户点击后滑出,有点儿类似于抽屉布局,不过一般是上下滑动的。


APP界面布局设计小经验

 


⑥异形。在这类布局中,会采用一些非常规的菜单来进行导航,例如:圆形的导航盘、飞出式菜单等。


APP界面布局设计小经验

 


⑦分级菜单。 多层级的菜单这种设计适合与项目很多但是每个项目的内容比较简单的界面应用,例如:联系人、地址等。 推荐阅读: 界面设计的理智与情感!


APP界面布局设计小经验

 


 


APP界面布局设计小经验

 


1、公司/组织的图标(Logo)在所有页面都处于同一位置。


2、用户所需的所有数据内容均按先后次序合理显示。


3、所有的重要选项都要在主页显示, 重要条目要始终显。


APP界面布局设计小经验

 


5、重要条目要显示在页面的顶端中间位置。


6、必要的信息要一直显示。


7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。


APP界面布局设计小经验

 


8、确保主页看起来像主页(使主页有别于其它二三级页面)。


9、主页的长度不宜过长。


10、APP的导航尽量采用底部导航的方式。菜单数目4~5个最佳。


APP界面布局设计小经验

 


11、每个APP页面长度要适当。


12、在长网页上使用可点击的“内容列表”。


13、专门的导航页面要短小,避免滚屏,以便用户一眼能浏览到所有的导航信息 。


APP界面布局设计小经验

 


14、优先使用分页(而非滚屏)。


15、滚屏不宜太多(最长4个整屏)。


16、需要仔细阅读理解文字时,应使用滚屏(而非分页)。


17、为框架提供标题。


APP界面布局设计小经验

 


18、注意主页中面板块的宽度。


19、将一级导航放置在左侧面板


20、避免水平滚屏。


21、文本区域的周围是否有足够的间隔。


22、各条目是否合理分类于各逻辑区,并运用标题将各区域进行清晰划分。推荐:UI图标设计基础(视频教程)


APP界面布局设计小经验

推荐:UI图标设计基础(视频教程)


APP界面布局设计小经验(此处已添加圈子卡片,请到今日头条客户端查看)

 


① 官方头条号:设计智造 顶级创意设计师必备


② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!


提示:360电脑网发布APP界面布局设计小经验这篇文章已经注明原创作者和创作平台,如若转载,请注明出处,文章链接:[http://www.360diannao.com/keji/331669.html]。不尊重原创的行为将受到我们的谴责,电脑网提倡读者朋友们一起来良性监督。

最新文章

作者介绍

————————————

作者:设计智造


介绍:自媒体科技领域专家


相关分类

360电脑网(www.360diannao.com)是专业的电脑、手机、电子书、游戏、漫画、科技等IT门户网站

Copyright@2015-2019 | | 备案号:豫ICP备16006929号-10 | TAG标签

声明: 网站所有文章均来自互联网,如有不良信息或者侵犯您的版权,应及时向本站客服证明及详细侵权情况证明,共同打造一个干净良好的上网环境。