俗话说,熟能生巧,UI设计师快速提高设计创作能力的最佳办法就是不断地练习,但我们不提倡闭门造车。要有丰富的创作想象力,要多看前人的设计,获得创作灵感并在别人的基础上创新。最重要的是,借鉴优秀设计师的作品可以减少很多时间,少走很多弯路。
来自美国TNW的设计编辑Harrison
Weber为我们带来了15大优秀的移动UI设计,或许可以激发很多设计师的创作灵感。但是有必要提一下的是,UI设计和实际的用户体验是两码事,不过下面要介绍的这些UI都已成功在实际产品中应用。希望对广大读者有所启发:
1.76
Synthesizer
苹果在应用设计中最喜欢使用的Skeuomorphic(模仿过去的现实物品,强调界面与用户过往经验的一致性,例如iPad虚拟键盘上F键和J键上的虚拟定位小横杠)设计,让用户感觉自己和应用之间的互动更加直观自然。这样就会让用户从冷冰冰的科技产品中体验到与应用互动的乐趣以及亲切感
2.Camera
Genius
整个界面看起来就和真实的单反数码相机一样。明确强烈的视觉层次感,再加上高分辨率以及高质量的Retina视网膜显示屏,整个UI看起来非常逼真、简单明了,用户使用起来相当方便。
3.Hype
Peak
超清晰和引人入胜的移动UI界面,和 Web页面完美呼应。
4.FL
Studio Mobile
FL Studio Mobile是FL studio iPhone版,使你可以在iPod、iPhone和iPad上创建完整的多轨工程,它让你的iPhone就像是全功能的录音室,漂亮的大混音盘,先进的创作工具,让你的音乐突破想象力的限制。
5.Dro.pt
整个UI界面内容丰富并且井然有序,对于那些希望沉浸在优美图片当中的用户来说简直就是完美,一个有序的界面能让用户轻松的使用。
6.Envisioning
整个UI非常有趣,呈现在用户面前的是非常科幻的界面,画面效果也是相当震撼。
7.Music
Player App Concept
这款应用改变了打破了人们惯有的思维,将音乐播放器形象地在移动设备上完美地呈现了出来,和实际的音乐播放器看起来几乎是一样的。
8.Galeria
虽然这个应用的界面大体来说比较循规蹈矩,但还是有些原创和有趣的元素在里面,但还是可以从中找到一些原创和有趣的元素。
9.iOS
Weather App Concept
只需要一个页面,就能获悉重要的天气信息,漂亮多样的背景给每天繁忙的工作生活增添了美的享受。
10.Bloodnote
Bloodnote是一款非常简单的应用,可以来检查血压,掌控自己的身体状况。该应用让测血压这种枯燥无味的工作变得更加简单。
11.iORGEL
说实话,我们应当给这款应用颁发一枚奖牌,它试图把一个经典音乐盒放到移动设备上,将其设计成一个成熟的应用。事实上,他已经成功地做到了。
12.Belongings
这个应用可以让用户将所拥有的一切财产记录下来,原本听起来非常乏味的工作,就在这么一个清晰简洁得 UI 中体现了。
13.Twidy
Twidy 明快、鲜艳的色彩使得它很容易从众多的应用中脱颖而出。
14.Craigslist
Premium
将原本视觉体验很糟糕的网站转变为一种视觉享受,本身就是件难能可贵的事情,简直就是化腐朽为神奇!
15.Billr
对于喜欢AA制但数学又不太好的朋友来说,这款应用绝对不容错过,用餐完毕,每个人该付多少钱一目了然,另外包括该付多少小费也清晰地显示在手机屏幕上。
以上提到的案例都是一些成功的UI设计,它们不仅让应用变得有个性有品味,还让应用的操作变得舒适、简单、自由,充分体现出应用的的定位和特点。人类是贪恋美的,美丽的事物常常会让人无法抗拒,出色的UI设计对于应用的销售与推广,有着举足轻重的作用,应用界面的美观与否,很大程度上关系到应用设计的成败。
ViaTNW
(Danice供雷锋网专稿,转载请注明!)
分享到:
相关推荐
15 个华丽的移动 UI 设计灵感
移动应用 UI 设计, 读书笔记, 记录摘取书籍中重点信息,有助于页面设计,原型设计等
《移动UI界面设计(微课版)》是2020年2月人民邮电出版社出版的图书,作者是张晓景、李晓斌。
2014年移动UI设计分析报告,详细分析了未来移动UI风格趋势,必看!
Android iOS Photoshop手机UI设计,自学设计手机主题
教你如何做一个优秀的UI设计师,工作之余写的一篇文章。
移动应用UI设计模式(完整版),对ui设计进行了比较深入的分析。
网上搜索的的10种不同类型的移动UI设计模式
移动应用UI设计模式.epub 书面向创造移动应用的产品经理、设计师和开发者。...无论你是负责设计一款简单的iPhone应用,还是为市面上每一个流行的操作系统做设计,这些设计模式都会为常见的设计挑战提供解决方案。
Mobile Design Pattern Gallery : UI Patterns for Mobile Applications原版 全彩 120M大容量《移动应用ui设计模式》是一本移动应用ui 设计模式参考书,分10 大类介绍了70 个移动应用设计模式(包括反模式),用400 ...
移动平台UI交互设计开发
移动应用UI设计模式(中文),在其他连接平台下载的不全面,而且是英文,再次找到全面的文档与大家共勉
移动UI发展趋势,对2014年全球移动界面设计做了全面的分析,对APP开发和移动终端开发思路有指引性建议
术与道 移动应用UI设计必修课 余振华编 北京:人民邮电出版社
Android《移动应用UI设计模式》 pdf 图书 百度云网盘。
图标教程,ui图标设计的psd源文件,按钮 可以用作于临摹设计
【毕业论文选题】ui设计生毕业论文题目.pdf【毕业论文选题】ui设计生毕业论文题目.pdf【毕业论文选题】ui设计生毕业论文题目.pdf【毕业论文选题】ui设计生毕业论文题目.pdf【毕业论文选题】ui设计生毕业论文题目.pdf...
《Android UI设计》面向创建移动应用的产品经理、设计师和开发者,系统讲解了从事Android UI设计必须要掌握的Android平台的主要技术和特性,全面总结了Android UI的设计原理、设计理念和设计模式,并通过一个综合的...