欢迎来到天天文库
浏览记录
ID:5988064
大小:792.50 KB
页数:6页
时间:2017-12-30
《ui版式设计在移动界面中的应用》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、一网学-有课堂的远程培训:www.ywxue.com____________________________________________________________________________________________UI版式设计在移动界面中的应用到扁平化时代,吸引用户已经不能靠质感了,那还有什么利器可以为用户体验加分呢?请不要忽略版式设计!虽然以前大多运用在平面设计中,但时日不同,UI设计师也要学习了,因为它真的很有用!今天这篇好文总结了目前最流行的13种移动界面版式设计,还有实例分析,赶紧来学习!一
2、网学,致力于网页设计培训、UI设计培训、淘宝美工培训,平面设计培训,是最好的远程设计培训学校。一、前言随着信息和技术的发展,手机屏幕越来越大,界面开始承载越来越多的信息,繁复的界面装饰细节,让界面显得越发臃肿,人们开始更多的关注界面的内容和功能,信息框架呈现出扁平化的趋势,在设计风格上,设计师们也不再追求3d、拟物化的设计,而是越来越崇尚扁平、简约的设计理念。版面的构成是信息传播的桥梁,发挥版面元素中各自的特点和功能,会使整个版面完成从视觉到内容的完善性和美观性,从而更快、更准确的传递信息,所以版式设计一直以来广泛应用在
3、广告、招贴、杂志等平面设计中。虽然在移动应用中是以用户的操作和使用体验为主,但随着扁平化潮流袭来,我们不再通过细腻的质感和光影提升界面的品质,拉开界面的层次,那我们靠什么来吸引我们的用户,为用户创造良好的阅读和使用体验呢?二、版式设计在移动界面中的应用版式设计的常见布局有十三种:骨骼型,满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型等。这些布局在平面设计中应用非常广泛,而移动界面的设计与平面设计最大的不同在于其功能性、可操作性和可交互性,版式的选择也是基于产品的功能
4、特性、目标用户、使用场景等因素。移动界面按照其产品功能可以分为两大类:信息展示型界面和功能操作型界面。一网学-有课堂的远程培训:www.ywxue.com____________________________________________________________________________________________1.信息展示型界面我们常见的以阅读和传递信息为主的界面有:新闻、天气、阅读、购物、音乐、食谱、健康等app的某些界面,另外还有新手引导页也是比较常见的以传递信息为主的页面。而这些app又基
5、于其不同的功能特点,界面的板式也有各自的特点。1)以浏览引导为主以浏览引导为主的界面在布局上会有一个明确的主线,而在常见的版式布局中上下分割型、左右分割型、中轴型、曲线型等布局在图文的排版上对于用户会有一个潜在的引导提示,因此应用比较广泛。下面的两个图片,虽然是不同的场景和功能,但都采用中轴型布局,即图片和文字按垂直方向排列,引导用户从上往下浏览,结构层次非常清晰。2)以品牌传递为主对于以品牌传递为主的界面,更适合采用满版型、重心型、自由型等布局样式。一网学-有课堂的远程培训:www.ywxue.com_________
6、___________________________________________________________________________________满版型是用图片充满整个版面,视觉效果直观而强烈。下面两个界面即是采用了满版型的布局,利用全屏的图片和简洁的文案传递出产品的气质和理念,同时给人大方、舒展的感觉。3)以提高浏览效率为主对于注重提高浏览效率为主的界面,通常界面中包含了较大的信息量,如何把信息快速、准确的传递给用户,避免用的烦躁和困扰?这类应用中比较典型的是新闻、资讯以及图库等app的界面,我们在
7、设计时可以借鉴骨骼型的板式,骨骼型是一种规范、理性的分割方法,在杂志排版中我们常见的骨骼有:竖向通栏、双栏、三栏、四栏等。通过图文的混合编排呈现理性而严谨的感觉,在信息的传递更为快速、清晰。下面的左图是一个新闻app,采用竖向分栏的布局,模块化的结构使得信息的展现整洁和严谨。右图是一个图片展示app,则采用了三栏的布局,把图片以这种瀑布流的形式展现给用户,方便用户快速浏览。但是由于平级的信息,很难区分主次,而人的视线很难在同一时间聚焦在两个或者两个以上的事物上,所以通过图片错路排列,使得画面更为活泼。一网学-有课堂的远程
8、培训:www.ywxue.com____________________________________________________________________________________________4)以信息展示为主以信息展示为主的界面,比较常见的有记录型、天气类等app,这类app界面更强调信息的
此文档下载收益归作者所有