当前位置:首页 > APP资源 > 正文内容

app交互界面分析(app交互系统分析)

APP资源9个月前 (02-22)391

随着扁平化1.0运用了两三年,新的扁平化2.0时代,在去年渐变流行后打破了开端,这周研究一些扁平化2018移动端设计布局趋势,整理分析了一些常用的布局形态。

不规则弧线布局

17年在很多新的设计趋势里面有种风格,一般常在页面头部采用不规则弧线几何图形的形式作为头部主视觉,区别于传统长方形,形成设计差异性,同时在不规则弧线处理上常用头图或者插画进行结合,有时候也会已线条形式出现。

上图(左图)在我的页面顶部头图采用波浪弧线设计很好的和背后森林融合,(中图)也是类似原理,(右图)在侧边栏采用插画风格。

这组音乐播放页面通用区别于传统光碟环绕采用的不规则波浪和线条来营造音乐的旋律感。

展开全文

在引导页上也可以采用这种流行线条对引导页面内容进行串联形成故事性。

除了在移动端运用,在网页和产品页面也很多采用这种风格,让产品网站看起来没有那么单调枯燥。

层叠式布局

类似谷歌材料设计通过卡片和投影感觉来营造层叠效果,长距离大范围的投影设计,投影色为按钮元素中浅色,触感呼之欲出。

上图(左图)在书籍封面上采用封面、背景和消息留这种视觉错差营造布局空间感,(中图)大的专辑封面长图和背景很好的融合,(右图)卡片滑动时候的层叠效果。

通过加大后面卡片厚度集合大投影是目前一种主流手法,包括上图(右图)的日历当天“提醒”也是卡片调出感觉,瞬间和竞品拉开差异性。

app交互界面分析(app交互系统分析)

大投影除了运用在按钮和卡片上,在列表、信息流卡片上也同样适合运用。

网格偏出布局

一般文字在网格图片的空间里面偏左或偏右偏离于页面主体,或者几何图形在页面背后,又或者和页面重叠,来营造一种破形感觉。

这种风格打破网格图片局部展示,很好的在平面有序的空间里形成了视觉差异性,这种差异性往往让页面显得独特,但是需要注意页面的留白和字体的运用选择。

异形导航布局

iOS和安卓平台的规范越来越模糊,最近很多APP改版都在打破平台规范,很多APP在导航设计上出现了很多类似当年Path的创新,惊艳的交互和视觉形式。

最新的设计风向中,传统的导航tab和底部导航,传统宫格布局这种规范边界越来越模糊,用户在千篇一律的设计中对这种设计也比较能接受。

上图中(左图)顶部导航运用车的流动线条,返回按钮用的车灯形状,符合产品定位和气质,(中图)主导航采用4个流动的气泡,(右图)选择歌曲运用圆盘设计,很是新颖。

菜单设计、列表卡片设计、提示气泡、滑动删除这些操作在扁平化2.0里面都是可以被打破的。

云视差布局

利用现实生活中体验,利用手机硬件陀螺仪来做视觉空间视差,目前天猫banner是个尝试,这种运用在banner、互动游戏、地图以及未来概念设计比较多,未来AR/VR交互会很多往这个方向发展。

对角线布局

对角线布局在页面可视空间内通过对角线的连接,形成一种视角线,这种设计能和普通的设计在板式上快速拉开差异性。

slack的官网上主banner图形采用的这种设计方法,让主页更有空间感。

国外设计公司网站在主页突出他们服务也是采用类似构图方法。

Floatable官网设计采用对角线和人物层叠的形式很好的凸显的时尚感。

House Decor的后台设计很好的通过对角线布局来体现去空间感和仪式感

REECH在页面设计时候运用对角线作为深色,同时结合流动的线条凸显主营业务和速度感。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://muyuzhen.com/post/90526.html

分享给朋友:

“app交互界面分析(app交互系统分析)” 的相关文章

keepappcancel的简单介绍

keepappcancel的简单介绍

大部分的健身app提供健身训练计划教练课程分享打卡社区等功能,一些健身软件还提供记录体重变化和饮食习惯分析等功能下面为大家提供了几款方便实用的健身app,一起来看看吧!1KeepappKeep是一款目前非常受欢迎的移动健身指导健身应用,是。 根据查询百度经验得知,如果您不想继续使用keep的会员服务...

网站类app(网站类型有哪些)

网站类app(网站类型有哪些)

1、2旅游app排行榜前十名3旅游的app有哪些4旅游攻略app排行榜前十名口碑最好的旅游软件有哪些?口碑好的旅游软件去哪儿携程旅行穷游驴妈妈旅游蚂蜂窝自由行一去哪儿去哪儿APP是国内较大的一家旅游出行APP,上面有旅游。 2、2AppmakriOS,WindowsPhone,AndroidAppM...

做企业规划的app(做企业规划的步骤有哪些)

做企业规划的app(做企业规划的步骤有哪些)

十大室内设计培训机构排行榜 现在室内设计的门槛越来越低,越来越考验设计师的能力,想要让自己的技术精益求精,想在预计的时间内学到真本领,则选择去正规学校进行专业的学习。因为专业的室内培训学校可以给学员进行更加正规的培训,比如杭州清风室内设计培训学院,专攻室内设计一门专业,老师都是股份责任制,培训班进行...

优秀的app首页设计样式(优秀的app首页设计样式有哪些)

优秀的app首页设计样式(优秀的app首页设计样式有哪些)

UI设计必要知道的APP页面 一起始页launchscreen说明程序启动时需要一定的反应时间,在这段时间内屏幕处于空置状态,为了让用户知道程序已经启动,现在只有一个加载过程,而且也是为了缓解用户的焦虑,所以用图片视频代替;回答目前互联发展势头越来越好,app应用也是日益增多,因此app的引导页设计...

杭州定制开发app案例(杭州定制开发app案例分析)

杭州定制开发app案例(杭州定制开发app案例分析)

2你想要开发的类型是否是开发公司的强项 再牛的APP开发公司不可能什么类型什么行业的APP都开发过,一般比较好的APP开发公司都有强项,也就是说擅长开发某一个或者哪几个行业的APP,并且有高质量的开发案例所以找APP开发;开发一个App的费用因多种因素而异,一般来说,定制开发的App价格会比较高根据...

做个手机购物app的费用大概多少(做个手机购物app的费用大概多少呢)

做个手机购物app的费用大概多少(做个手机购物app的费用大概多少呢)

1、根据2019年12月的最新数据,开发一个app大概需要几万到几百万不等开发一个安卓app软件,需要考虑因素很多如果是一款功能简单不是很全面,客户几乎没有什么要求的APP,只需要让美工对前台ui页面进行一定程度的修改,最短一;做一个手机购物APP要多少钱 做一个购物类型的APP大概需要多少钱,一年...