移动客户端UI设计指南
- - 博客 - 伯乐在线最近整理电脑，发现有篇11年编写的内部培训的交互指南，整理了一下，去除涉及公司机密的部分，分享给同行. 因为是AI格式的，嘻嘻当时为了臭美，就用AI编写排版的，所以只能给大家分享PNG图片了. 综合了爱疯、安卓、疯7的交互原则，适用于移动设备，比如其中的按钮尺寸、视觉大小、触控大小，唯一遗憾的是，没把字体的设计原则列进去.
15 个优秀的移动 UI 设计 激发你的创作灵感
标签：
业界
76
Synthesizer
Belongings
Billr
Bloodnote
| 发表时间：2012-06-26 14:30 | 作者：Danice
出处：http://www.leiphone.com
俗话说，熟能生巧，UI设计师快速提高设计创作能力的最佳办法就是不断地练习，但我们不提倡闭门造车。要有丰富的创作想象力，要多看前人的设计，获得创作灵感并在别人的基础上创新。最重要的是，借鉴优秀设计师的作品可以减少很多时间，少走很多弯路。
来自美国 TNW的设计编辑Harrison Weber 为我们带来了15大优秀的移动UI设计，或许可以激发很多设计师的创作灵感。但是有必要提一下的是，UI设计和实际的用户体验是两码事，不过下面要介绍的这些UI都已成功在实际产品中应用。希望对广大读者有所启发：
苹果在应用设计中最喜欢使用的 Skeuomorphic（模仿过去的现实物品，强调界面与用户过往经验的一致性，例如iPad虚拟键盘上F键和J键上的虚拟定位小横杠）设计，让用户感觉自己和应用之间的互动更加直观自然。这样就会让用户从冷冰冰的科技产品中体验到与应用互动的乐趣以及亲切感
整个界面看起来就和真实的单反数码相机一样。明确强烈的视觉层次感，再加上高分辨率以及高质量的Retina视网膜显示屏，整个UI看起来非常逼真、简单明了，用户使用起来相当方便。
3. Hype Peak
超清晰和引人入胜的移动UI界面，和 Web页面完美呼应。
FL Studio Mobile是FL studio iPhone版，使你可以在iPod、iPhone和iPad上创建完整的多轨工程，它让你的iPhone就像是全功能的录音室，漂亮的大混音盘，先进的创作工具，让你的音乐突破想象力的限制。
5. Dro.pt
整个UI界面内容丰富并且井然有序，对于那些希望沉浸在优美图片当中的用户来说简直就是完美，一个有序的界面能让用户轻松的使用。
6. Envisioning
整个UI非常有趣，呈现在用户面前的是非常科幻的界面，画面效果也是相当震撼。
这款应用改变了打破了人们惯有的思维，将音乐播放器形象地在移动设备上完美地呈现了出来，和实际的音乐播放器看起来几乎是一样的。
8. Galeria
虽然这个应用的界面大体来说比较循规蹈矩，但还是有些原创和有趣的元素在里面，但还是可以从中找到一些原创和有趣的元素。
只需要一个页面，就能获悉重要的天气信息，漂亮多样的背景给每天繁忙的工作生活增添了美的享受。
10. Bloodnote
Bloodnote是一款非常简单的应用，可以来检查血压，掌控自己的身体状况。该应用让测血压这种枯燥无味的工作变得更加简单。
11. iORGEL
说实话，我们应当给这款应用颁发一枚奖牌，它试图把一个经典音乐盒放到移动设备上，将其设计成一个成熟的应用。事实上，他已经成功地做到了。
12. Belongings
这个应用可以让用户将所拥有的一切财产记录下来，原本听起来非常乏味的工作，就在这么一个清晰简洁得 UI 中体现了。
13. Twidy
Twidy 明快、鲜艳的色彩使得它很容易从众多的应用中脱颖而出。
将原本视觉体验很糟糕的网站转变为一种视觉享受，本身就是件难能可贵的事情，简直就是化腐朽为神奇！
15. Billr
对于喜欢AA制但数学又不太好的朋友来说，这款应用绝对不容错过，用餐完毕，每个人该付多少钱一目了然，另外包括该付多少小费也清晰地显示在手机屏幕上。
以上提到的案例都是一些成功的UI设计，它们不仅让应用变得有个性有品味，还让应用的操作变得舒适、简单、自由，充分体现出应用的的定位和特点。人类是贪恋美的，美丽的事物常常会让人无法抗拒，出色的UI设计对于应用的销售与推广，有着举足轻重的作用，应用界面的美观与否，很大程度上关系到应用设计的成败。
Via TNW
| 您可能也喜欢： | ||||
 Facebook挖角苹果UI设计经理 与手机项目有关？ |
 如何用手绘草图+头脑风暴进行移动Web设计 |
 文字设计在阅读体验上的四个成败因素 |
 具有引导性的移动应用界面设计模式 |
 移动图片应用的社交化国际化探讨 |
| 无觅 | ||||
相关 [移动 ui 设计] 推荐：
10个必备的移动UI设计资源站
- - 优设(UISDC)正如大家看到的，现在许多人都使用手机访问互联网，所以这让越来越多的公司去开发或重构新的web解决方案，因为他们认识到自己的项目有效的运行在各种移动设备上是多么的重要. 现在市面上存在太多流行的移动设备了，网页设计师们也不得不跟随潮流适应技术发展和变化规律，这些小巧的用户界面设计技能已经让一小部分愿意改变自己的同学们尝到了甜头，有付出就有收获.
如何建立一份移动UI设计规范？
- - 设计达人作者：白鹭漫谈
在多人团队里，通常不同的设计师负责不同的流程，如果没有UI设计规范，不同的设计师就会对相同的组件做出不同的方案. 而制作设计规范和UI KIT之后，则可以直接利用KIT里的组件快速搭建好页面，把设计师从基础工作中释放出来，大大提升设计效率. 目录
一、为什么要建立规范. 方便维护和更新，减少冗余内容.
移动手持及平板电脑和网页应用设计UI规范
- Guan - 所有文章 - UCD大社区Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design.
15 个优秀的移动 UI 设计 激发你的创作灵感
- - 雷锋网俗话说，熟能生巧，UI设计师快速提高设计创作能力的最佳办法就是不断地练习，但我们不提倡闭门造车. 要有丰富的创作想象力，要多看前人的设计，获得创作灵感并在别人的基础上创新. 最重要的是，借鉴优秀设计师的作品可以减少很多时间，少走很多弯路. 来自美国 TNW的设计编辑Harrison Weber 为我们带来了15大优秀的移动UI设计，或许可以激发很多设计师的创作灵感.
分享10种针对不同类型的移动APP UI设计模式
- - 盒子UI10种针对不同类型的移动APP UI设计模式，搞自《移动应用UI设计模式》一书，在书中用户体验设计师Theresa Neil，介绍了包括反模式在内的10种不同类型的设计模式. 无论你正在设计一款简单的iPhone应用，还是开发适用于当前市场上所有流行移动操作系统的应用，这些设计模式都能助你一臂之力.
从Web借鉴UI设计
- - 博客园_首页 用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面，现在，随着HTML5的强势登场，各类表现层技术及开发框架的发布，Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新，但很多开发人员并不是专业的信息架构师，可能还在使用传统的、平凡的UI设计风格.
UI 设计六要素
- - 人人都是产品经理UI是User Interface（用户界面）的缩写，我们常常把用户体验挂在嘴边，而UI就是提升用户体验的秘密武器. 友好的用户界面，可以实现用户 与网站或者软件之间更好的交互，让软件的操作变得更加舒适、更加人性化. 可以毫不夸张的说，UI决定了互联网创业的成败. 那么，要如何才能针对自己的实际 情况设计出好的UI呢.
移动手持及平板电脑和网页应用设计UI规范（英文）
- 书皮 - 互联网的那点事...Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design.
UI精品：网站各种表单UI设计PSD
- - 软矿网站经常需要用到注册表单、登陆表单、找回密码表单、发邮件表单、订阅表单等. 这些表单看似简单，但一个优秀的网站，这些表单的设计也需要下很多的功夫. 小编最近收集到一套比较完整的网站表单UI设计PSD素材，基本涵盖了网站所需要的表单. 如果你正愁不知道怎么安排你的网站设计项目的表单，这PSD素材或许能给你带些灵感.