.jpg)
一、10个最新优秀手机应用界面设计实例
优秀的手机端应用界面设计不仅能让用户眼前一亮，同时也能为ux/ui 设计师完成ios或android手机应用界面设计带来全新的设计灵感。这也就解释了为什么设计师们会花费很多时间搜寻各种设计素材和作品的原因。所以，为方便设计师使用，这里为大家整理了10款最新优秀手机端应用设计作品，也希望对广大ux/ui 设计师朋友有所帮助：
1).– 音乐软件*设计师：anton shmatko, green shark studio, pavel khenkin
*软件介绍：yono.mp3是一款即可欣赏音乐, 也可收听广播节目, 了解最新时讯和趣事的手机端音乐软件。它会是你闲暇时搜索和分享歌曲，歌手和专辑的理想工具。
*亮点：该款软件采用了一个极具特色的配色方案 — 所有界面整体使用黑红两种颜色的对比， 经典而不失大气。 而局部渐变色的使用, 也让其功能和按钮更加突出，极具层次感。而且, 软件图片, 按钮和图标的层级叠加, 也使整个界面更加的时尚柔和。总之，软件界面设计整体简洁漂亮而不失易用性。
2).– 生活类软件*设计师：tubik
*软件介绍：watering tracker app, 顾名思义，就是一款可以追踪盆栽或植物的水分情况，及时提醒用户浇水的生活类手机应用。
*亮点:首先，这种能够监测植物水分情况，通知用户浇水的创意，新颖且有趣。其次，界面背景和局部添加的绿色植物图片使整个界面更加的直观舒适，带给用户好心情。 当然，作为植物监测的工具，同时也设置了显示各株植物水分，湿度，光照之类细节信息的功能区，即点即可了解到植物的具体生长情况，简单易操作。而且，配色方面，黑色背景搭配白色和绿色图片及按钮，符合整个植物主题的同时，也更易于用户接受和使用。
3).– 音乐软件*设计师：cd uxt
*软件介绍：listen是一款致力于为喜爱不同音乐风格的用户提供独特且愉悦体验的音乐软件。整个界面设计简洁清晰，用户可以简单的通过不同频道（例如最新歌曲，电台，主体和专辑等）和不同场景（例如驾车，运动，工作和约会等）快速的搜寻到最喜爱的歌曲。而且，软件还特别为用户提供了根据不同心情播放不同音乐列表的功能，更具个性。总之，喜欢闲暇时沉浸在自己的音乐世界的你，它会是你最佳的选择。
*亮点：软件整体采用经典的蓝色背景搭配白色字体和同色系图片，更加柔和舒适。一系列插画风格 的场景和频道对应图片，也使整个界面设计更加美观有趣。结合明亮阴影的图标和按钮让软件对应功能更加凸显的同时， 更能易于用户识别使用。 针对不同部件添加的灵活交互，也能够使用户具有更加流畅且愉悦的体验。总之，它是一款以用户愉悦体验为基础而设计的软件原型，值得尝试。（点击这里查看原型详情）
4).– 咖啡预定软件*设计师：queble solutions
*软件介绍：nightowl coffee是一款能够帮助用户根据自己的需要快速订购各式咖啡的手机应用软件。
*亮点：软件整体采用了独具特设的插画风：主页添加的由明亮颜色和各种几何元素呈现的卡通咖啡机，可爱且切合主题。纯色的背景搭配上灰色插画以及黄色图标和按钮，使整个软件界面更加干净整洁，易于用户使用。
5).– 管理型软件*设计师：adrain rudzik
*软件介绍：roomframe app是一款适用于ios手机端的应用软件，能够帮助用户记录并珍藏他们所旅行过的地方的相关记忆，尤其是他们旅行中所居住过的房间的珍贵记忆。所以，从这方面来讲，它是一款生活管理型手机应用。
*亮点：软件多处使用了框架设计，方便用户根据不同的旅店，工作区和相关新增地点，添加对应的日期，图片和描述。其简单的白色背景，使用户信息更加明显，也易于用户随时回顾或与家人朋友分享这些难忘的回忆。
6).– 生活类软件*设计师：melany roa
*软件介绍：ios app slider car是一款专门针对ios手机研发的应用软件，能够帮助用户分类搜索各式汽车信息，并实现在线交易的一种手机端应用。同时，它也是一款能够帮助用户结交不同汽车爱好者的社交工具。
*亮点：简单纯色的背景，使用户专注于汽车图片，价格，描述和所有者等信息。搜索界面添加各种搜索参数，用户简单点击即可实现汽车信息搜索。总之，整个界面简单，整洁而实用。
7).– 购物软件*设计师：varduhi adami
*软件介绍：karoline是一款手机端服装购物软件，提供了各类服装的详细信息和购买渠道。
*亮点：软件整体的粉色系配色，柔和甜美，对女性购买者极具吸引力。所有界面以服装图片为主，更易于用户根据喜好挑选。而且，添加的简单且易识别的图标和按钮，方便用户搜索和查询相关服装细节。软件界面丰富，例如主页，我的账号，我的订单，我的购物车，要请朋友，设置，购买等，能够满足用户购买时各方面的需求。所以，如果你有通过手机在线购买服装的打算，它会是不是错的尝试。
8).– 管理类软件*设计师：doeun shin
*软件介绍：space是一款能够帮助用户更加有效的管理日常生活的手机端应用。主要提供了两项特色服务：早上，自动结合用户的日常习惯，提供有用的日程管理信息和建议，例如交通和天气情况等； 晚上，通过自动分析用户语音日记，提供符合用户心情的主体和提示音等等。
*亮点：该软件以插画风为基础，添加了各式动画按钮及图片，直观生动。蓝色主题，漂亮舒适，无论早上还是晚上使用，用户都不会反感。而且，软件本身添加多样的功能性界面，例如语音日记，心情日历，日常服务，节日简介等等，简单全面。总之是一款极具吸引力的管理软件。
9).– 广告类软件*设计师：monish mohanan
*软件介绍：quickbee是一款广告分类管理软件，提供了生活中各个方面的信息，例如汽车，房地产，求职和教育等风方面面信息。使用者只需创建账号，即可搜寻所需生活信息，了解流行趋势，浏览各类特色广告。
*亮点：软件设计简洁，颜色搭配极佳。彩色按钮呈现多样的生活分类，整洁美观。各式框架呈现流行趋势和特色广告，简洁有序。矢量图标简单易识别。添加多种界面，满足用户各方面的需求。
10).– 理财类软件*设计师：uixninja
*软件介绍：wallet一款能够帮助使用者理财的移动端软件。
*亮点：软件使用黑色，红色和紫色三种颜色的对比和渐变，极具特色，漂亮时尚。简易图标和多色几何图形，是软件界面更加简洁使用，令人印象深刻。
结语这些就是我们所搜集的10款最新的优秀手机端软件ui设计作品。 希望他们不仅能给你新的设计带来灵感，同时也能帮助你把握和预计2018年手机应用ui设计的发展趋势。
mockplus
作者：jongde
mockplus
二、五个精美的APP界面设计欣赏
小编：今天给大家带来的是由25课堂整理并分享的一些非常精美的app设计作品，也同时让大家欣赏一些美的app设计作品的同时，也提高大家的审美能力。这几款app的ui都做得非常漂亮。而且还是成套给大家展示的哦！enjoy！
第一个app设计欣赏：卡卡联app
第二个app设计欣赏：profile app
第三个app设计欣赏：美秀app
第四个app设计欣赏： potimatic app
第五个app设计欣赏： 3d扁平化设计app展示欣赏
25学堂
三、“手把手教你设计”—12个最佳手机APP界面设计教程
ui/ux 设计确实是需要一定的和学识才能真正在这个行业立足，并不是所有想成为设计师的人最后都能如愿以偿。他需要对设计有基本的了解，清楚设计的基本原则。
用户界面设计师和其他行业设计面临一样的挑战，那就是用户是怎么想他们产品的，是否功能易用？是否美观让人愉悦？所以，我们可以看出ui设计是关于平衡可用性和可视化的。
这篇文章集合了12个最佳手机用户界面设计的教程，虽然教程偏向初学者，但我相信即使是很优秀的设计师仍然可以从中学到新的东西。
如何使用photoshop来设计手机ui界面1.how to set up photoshop for ui design如果你是photoshop的新手，又在做ui设计，这个教程教你如何使用常用的photoshop设置来达到更好的效果。本文是以iphone为实例告诉你怎么在ui设计中使用photoshop，完全是初学者的教程。
2.how to design an iphone app in photoshop这篇文章将为我们介绍使用adobe photoshop为iphone设计一个简单的3页目录列表应用程序。并且将一步步地指导你完成这些步骤，还涵盖了使用photoshop设计iphone应用程序的所有基本原则。
3.design an app landing page in photoshop在这个教程中，我们可以看到一个应用程序着陆页的详细设计过程。设计师使用tuts android应用程序进行演示，强调其功能和优势，利用多个cta来完善整个着陆页的设计。
4.how to design a mobile app signup screen in adobe photoshop如果你想要设计一个像facebook或者instagram这样成功的登录界面设计，那么这个完全是你必看的基础教程，视频中教你如何选择颜色，设计按钮以及详细的步骤来展示登录界面的设计过程。视频虽然是四年前的，但是里面的设计依旧不过时。
如何使用sketch来设计手机ui界面1.a step-by-step guide for starting a new app design project insketch开始一个新的设计项目是很难的，无论你是自由设计师，还是在知名的产品公司工作，时常会感到迷茫。本文将一步步的教你如何使用sketch开始一项新的app设计项目。
2.food app ui • sketchapp tutorial / sketch4 tutorial视频主要是介绍如何使用sketch制作一个美食类app 菜单栏ui设计，简单易懂。
3.sketch 3 for iosapp design step by stepsketch 3是一款优秀的矢量设计和图形程序，很适合用于设计ios应用程序。在这个视频中，设计师使用sketch 3来设计一个iphone app用户界面。
《》这篇文章是进阶版的app 设计教程，从理论到具体的例子讲解，非常受益。
4.sketch app tutorial – build a music app landing page insketchsketch 作为当下主流的设计工具，似乎有超越photoshop的趋势。本视频介绍的是如何使用sketch来制作一个音乐app登录页设计，可以说是手把手的教程，每一步都非常的详细细致，非常适合初学者。
看了前面的音乐类app登录界面的教程， 你是否也想设计出一个属于自己的音乐app呢？接下来我将介绍如何通过结合sketch和原型设计工具设计一款音乐类的app（prototype an music app with prototyping tool）
timing这款原型音乐类的app在mockplus设计大赛中斩获头筹，设计师通过采用sketch以及mockplus的结合，做出了高保真原型。这个app主要体现一种复古的视觉效果，磁带转动的效果是这次视觉上的设计重点。
必读的手机界面ui设计好文1.the 10 principles of mobile interface design计算机和手机是人们日常工作和生活必备的通讯工具。但在许多方面，手机往往更加强大，手机更加的私人化，与我们的联系更紧密。鉴于移动手机和计算设备之间的许多差异，移动设计与桌面设计的设计大不相同。这篇文章详细的向我们介绍了移动界面设计的基本原则，帮助设计师们开发移动应用程序的独特力量。
2.uidesign do’s and don’tsios良好的优化了用户面设计，并提供给用户优质且具有吸引力的用户体验。在开始你的ios设计之前，一定要清楚apple官网的关于ios常见的设计原则，来在增强手机应用的可用性和吸引力。更多关于优秀的ios界面设计，请阅读《》。
3.how to use colors in uidesign颜色可以说在ui设计中至关重要。用的好，那就成功了一半，用不好，可能导致整个应用失败。在你的配色方案中，最好只使用三种主色跳，使用的颜色越多。越难实现平衡。这篇文章不但提到基础的用色知识加上实例解释，还有常用的工具介绍。
4.10 best app uidesign for your inspiration每位ui设计师都梦想着做出最出色的界面（ui）设计， 能够脱颖而出的手机界面设计则少之又少。设计师们在设计ui界面时，往往会参考来自不同设计师的设计，这篇文章列出了2017年最出色的的10个手机应用界面设计范例，给设计师们谋福利。
总结移动设计不断地在发展，如果你想跟上这个时代，你需要不断阅读和观看高质量的教程或文章。在本文中，我收集12个最佳教程的示例来教初学者如何学习手机ui界面设计，希望你们能从中受益。
mockplus
作者：jongde
