APP界面设计技巧之透明度的妙用和APP设计案例欣赏

在APP界面设计技巧中,透明度的应用我想大家都不会陌生,在很多非常棒的APP应用作品经常看到。而且应用的比例都比较大。为什么app设计师们都喜欢使用APPui透明度

在APP界面设计技巧中,透明度的应用我想大家都不会陌生,在很多非常棒的APP应用作品经常看到。而且应用的比例都比较大。为什么app设计师们都喜欢使用APPui透明度呢?

下面是网站模版网(www.genban.org)的小编个人认为有以下三点原因:

第一点:透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。

它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。

第二点:可以轻松尝试不同的透明度来达到不同的效果。

例如在界面上添加更具有光泽的图层可以让人感觉更加精美,总之,淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。

第三点,透明度的应用增强了APP的透视和交互效果。

在很多方面,我们必须使用透明度这个效果,来达到最好的用户体验。比如页面遮罩,页面文字展示等等。

不管在APP界面设计上,还是在web上,都是经常用到透明度这个技巧。

有兴趣的APPui设计新手们可以阅读这些:

1、APP图标设计教程之APP图标设计素材篇

2、APP界面设计教程:移动界面设计尺寸篇

3、移动APP界面设计分享:文字阅读体验设计篇

 

下面,我们再来欣赏一些优秀的应用透明度效果的APP界面

Extranet APP拥有平滑圆润的界面,白色圆形空间和文字同低透明度的背景巧妙结合。

2

Amit Rai的新音乐APP有灵动的控制面板,令人感到舒适;优雅的窄空间和白色醒目的图标让人有种细腻的触感。

51ad9dfd03e0437a86000001

由帕特里克·卡布拉尔设计的IOS7主题,运用了大量不透明有效信息组成先进的导航系统。

4

Piotrek Sliwa 的天气APP让人有一种温暖的体验,壮观的落日背景巧妙的同白色图标搭配显得锐利而明快。

5

Marcos Paulo Pagano设计的定时器界面巧妙的使用可视化工具,再加上圆形的磨砂添加按钮从抽象的背景中脱颖而已,巧妙的承托出时间感。

6

Dmitriy Haraberush的APP V2.0将天气预报和多类型的数据以及清淡的黑色背景和白色文字变得整齐,让用户获得统一感 。

7

Alexander Zaytsev的的运动记录APP将数据流进行有组织的整理,清淡的数据框和深蓝色的背景形成强烈的对比。

8

Jan Erik Waider的天气APP包含了很多圆形元素,起到了装饰的作用,巨大的半透明圆圈让阳光显得更加刺眼。

9

Sam Nissinen重新设计的IOS7控制中心将白色和绿色的空间巧妙的组合,显得更加灵动。

其他更多应用透明度的APP界面设计作品如下:

通讯录APP界面设计欣赏2 Weather-ConTroll3screen568x568 uiexp 2a1cf4ff50b07bc2cf964c532c6d7d26

看完这么多的APP设计案例之后,是不是也有小试牛刀的冲动啊?赶快行动吧!只有多练习才能灵活自如的应用APP的透明度技巧。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种