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

时间:2016-04-02

在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的透明度技巧。

上一条:2014年让移动APP设计和移动web设计火了的原则 下一条:iPhone 6和iPhone Air于2014秋季上市和屏幕分辨率公布

相关文章

最新文章