15 个能够启发你灵感的移动应用 UI 设计

jopen 10年前
   <div id="OSChina_News_30406" class="NewsContent TextContent NewsType2">     <p>在这篇文章中我们收集了 15 个设计精美的移动应用的 UI 设计,需要注意的是 UI 设计和实际的用户体验是两码事,但下面这些都是在实际产品中应用的。</p>     <p>1. <strong><a href="/misc/goto?guid=4958345777776003168">76 Synthesizer</a></strong>:</p>     <p><img alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/86c7756c05c1621916ad10e34ebf91d4.jpg" width="520" height="407" /></p>     <p>这是skeuomorphic的最佳设计,纹理模拟有助于增加清晰度。</p>     <p>2. <strong><a href="/misc/goto?guid=4958345778606430776">Camera Genius</a></strong>:</p>     <p><img alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/1fd2330f3238056291c8820576dc9833.png" width="504" height="631" /></p>     <p>明确的视觉层次,使这个UI看起来非常光滑,易于使用。</p>     <p>3. <strong><a href="/misc/goto?guid=4958345779390462449">Hype Peak</a></strong>:</p>     <p><img style="border-bottom:lightgray 1px solid;border-left:lightgray 1px solid;border-top:lightgray 1px solid;border-right:lightgray 1px solid;" class="aligncenter size-full wp-image-416507" title="Screen Shot 2012 06 25 at 10.27.28 AM photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/4835b72722d8ac0824aa08f12874c023.png" width="466" height="438" /></p>     <p>超清晰和引人入胜的移动UI,和 Web 完美对应</p>     <p>4. <strong><a href="/misc/goto?guid=4958345780186135438">FL Studio Mobile</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416516" title="dc1a20f22ee812ad882d930f82aace3f 520x780 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/ae14c80b368efa4438f23d8c8cbb8d15.jpg" width="520" height="780" /></p>     <p>这是 FL Studio 对 iOS 界面的全新设计,我特别喜欢颜色鲜艳的音轨设计。</p>     <p>5. <strong><a href="/misc/goto?guid=4958345780983741285">Dro.pt</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416556" title="Screen Shot 2012 06 25 at 10.56.43 AM 520x384 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/f01de977df3f30e139ae3dab0555b47f.png" width="520" height="384" /></p>     <p>单从这些样机来看,我爱这个网站应用程序的用户界面。内容丰富有序</p>     <p>6. <strong><a href="/misc/goto?guid=4958345781786266612">Envisioning</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416585" title="bef7197a398af6aa4412adf306dceb24 520x390 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/390283e30a3edd482a81d522acb72b26.png" width="520" height="390" /></p>     <p><span id="result_box" lang="zh-CN"><span>这一概念的</span><span>应用</span><span>程序</span><span>包含</span><span>一个有趣</span><span>的用户界面,</span><span>通过</span><span>科幻</span><span>接口</span><span>结合</span><span>他们</span><span>关于这个问题的</span><span>事实和</span><span>小说</span><span>。</span></span></p>     <p>7. <strong><a href="/misc/goto?guid=4958345782580699847">Music Player App Concept</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416593" title="Screen Shot 2012 06 25 at 11.26.41 AM 520x626 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/58380ffedd03c3edbde4eab4d1b03cf7.png" width="520" height="626" /></p>     <p>这个应用程序的概念改变了,你想象在移动设备上的一个音乐播放器,小体积的控制,像足一个实际的播放器。</p>     <p>8. <strong><a href="/misc/goto?guid=4958345783370817368">Galeria</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416596" title="9ab893bab6da5ff7ba00c2ca8938c384 520x390 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/52dab92cfb3fa5b330879e0f0192263c.jpg" width="520" height="390" /></p>     <p>虽然这个程序跟大多数应用一样使用非常标准的界面,但还是引入了一些原始和有趣的导航元素(如,你可以看到上面的卡)。</p>     <p>9. <strong><a href="/misc/goto?guid=4958345784163781870">iOS Weather App Concept</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416600" title="3d7a2cf21e7ceb79a3ffa0215fad8e17 520x341 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/19818e05567e9d336458d20d2fa4aeb0.jpg" width="520" height="341" /></p>     <p>正如你在上面看到的,令人难以置信的天气晴朗象形使这个应用程序的概念很吸引人,即刻理解。</p>     <p>10. <strong><a href="/misc/goto?guid=4958345784959394693">Bloodnote</a></strong>:</p>     <p><img class="aligncenter size-full wp-image-416700" title="Screen Shot 2012 05 10 at 5.13.19 PM 520x3761 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/3130b933b2d7629905d707068ef5ff36.png" width="520" height="376" /></p>     <p>Bloodnote 是一个用来记录血压的应用,界面超级简单,可让你放松眼球。</p>     <p>11. <strong><a href="/misc/goto?guid=4958345785761225216">iORGEL</a></strong>:</p>     <p><img alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/07af3cd901549a9f9c64a59211e2af5d.jpg" width="600" height="450" /></p>     <p>这家伙应该得到一枚奖牌,他只是试图把一个经典音乐盒放到移动设备上。事实上,他似乎已经成功地这样做了。</p>     <p>12. <strong><a href="/misc/goto?guid=4958345786557871825">Belongings</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416714" title="470b184c2141ed3d880ed5b4deae77f9 520x390 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/f4f171dadbe7a02ad839727356f3d34a.png" width="520" height="390" /></p>     <p>这个应用可以让你将所有拥有的一切记录下来,听起来非常乏味的工作,就在这么一个清晰简洁的 UI 中体现了。</p>     <p>13. <strong><a href="/misc/goto?guid=4958345787351505528">Twidy</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416715" title="aece8af03dd4c324737b219e89cd20bb 520x348 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/c7ab88d0db28248d3aa5254434ea0962.jpg" width="520" height="348" /></p>     <p>Twidy 明快,色彩鲜艳的列表帮它在 App Store 中脱颖而出。</p>     <p>14. <strong><a href="/misc/goto?guid=4958345788148667613">Craigslist Premium</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416716" title="6232eb5fd4073d27e47dbf3c7b140f2c 520x449 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/820d8a98c85811e005ae5c65054da182.jpg" width="520" height="449" /></p>     <p>15. <strong><a href="/misc/goto?guid=4958345788949257014">Billr</a></strong>:</p>     <p><img class="aligncenter size-large wp-image-416718" title="6ad40bb89fd2adad6854f4910845b4f3 520x367 photo" alt="15 个能够启发你灵感的移动应用 UI 设计" src="https://simg.open-open.com/show/9ff91eee5d30eeca548af329fde79ec7.png" width="520" height="367" /></p>     <p>via <a href="/misc/goto?guid=4958345789750863494" target="_blank">thenextweb</a></p>    </div>