Skip to main content

想要设计出一款优秀的iOS或Android系统app, 其中UI和UX设计护绝对是至关重要的环节。这就是为什么很多设计师经常花费大量的时间搜集查看各种各样的免费或付费app设计范例,试着从中找到一些灵感。下文中,我们将向你介绍10款2018年最新的App的界面设计实例,希望它能给正在苦思冥想做设计的你带来一些启发。

YONO. MP3 -音乐APP


*Designers: Anton Shmatko, Green Shark Studio, Pavel Khenkin

本着“App for connecting people through music”的设计理念,YONO.Mp3 是一款结合了听音乐,收听电台,查看最新趣事要闻的的音乐软件。在这里用户可以分享喜欢的音乐,发现很多优秀的歌曲,专辑和音乐人,同时结识很多爱好相同的音乐伙伴。

设计亮点:软件界面十分干净,吸睛,有着十分酷炫同时舒适的配色。每个界面都有着黑,红两种对比色的精彩运用,使软件整体看起来很有时尚感。不仅如此,其中的一些小按键,元素等运用了同样的配色方案,不仅帮助用户更好地聚焦于主要内容,同时使页面看起来更有层级感。


作为软件的核心功能,播放器页面运用了美丽,具有流动感的波浪元素,不仅极大地增强了UI效果,同时可以直观的显示歌曲播放进程。


通过其中的社交功能,你可以了解到一个人的音乐偏好,听过的音乐,follow与你有着相同喜好的朋友。同时用户还可以查看多少人刚刚收听了自己的音乐。

Watering Tracker App-生活类App


Water Tracker是一款生活类App提醒用户定期定时给植物浇水。同时,用户还可以通过软件追踪查看每棵植物的浇水情况。对于植物种植爱好者来说绝对是一款非常实用的软件。

设计亮点:浇水提醒和浇水记录查询不失为一个好点子。同时,背景中的不同植物图案运用看起来十分生动,给用户带来良好的使用心情。软件中还提供了很多植物的详细知识,帮助用户更加了解不同植物各方面的种植情况,比如湿度,气温,光照等等。除此之外,软件的黑色背景,白色绿色图标,按键都呼应了绿色植物的主题,形成很好的视觉效果。


首先,用户可以在App中添加需要浇水的植物类型,左边屏幕中图片下方将显示所添加的植物列表,上方文字是植物的名字。右上角水滴形图标则告诉用户该植物近期需要浇水。相反,对勾图案表示该植物已经浇过水。同时,信息栏中显示的天数代表下一次浇水应该在多少天之后。

用户可以在一两秒内添加自己的植物,只需要打开相机给植物拍张照片,系统会自动识别植物种类和相关信息,包括名字,相关图片背景,种植温度,湿度,光照要求等等。如果系统识别不到该种植物,用户可以自行添加,并填写相关信息。

Listen-音乐App


*Designer: CD UXT

Listen致力于为不同曲风的音乐爱好者提供愉悦的体验。软件不仅有着干净的界面,同时方便用户从很多不同的频道和场景(如:最新歌曲,电台,主题,专辑。驾驶,沐浴,运用,工作,约会等等。)快速找到自己喜爱的歌曲。此外,用户还能在根据自己的心情在相应界面中找到符合心情的歌曲。

设计亮点:宝蓝色的背景色和白色的图片文字完美融合在一起。用生动的插画风格表现不同场景和频道,使页面看起来十分有趣。每个图标和按键图案都带有发光的阴影效果,方便用户直观辨认阅读。不同元素的巧妙的交互性设计能够带给用户流畅同时愉悦的使用体验。

NightOwl coffee-咖啡点单app


Designer: Queble Solutions

Coffee Ordering App 是一款为用户提供咖啡下单服务的软件。用户可以在软件上快速选择不同杯型以及种类的咖啡下单。

设计亮点:页面有种独特的漫画风格。卡通的咖啡机有着美丽的颜色和几何形的平面元素,使页面整体看起来十分精巧可爱。纯白色的背景和简单的灰色,黄色平面图案看起来非常干净整洁。同时,软件也非常易于操作。

Roomframes app-管理类App


*Designer: Adrain Rudzik

Roomframes是一款ios系统应用,帮助人们记录自己曾经去到过得地方,珍藏每一段美好的记忆。尤其是在旅行中曾居住过那些不想遗忘的小房间。因此,这款app更倾向于提供管理类功能。

设计亮点: 软件采用多种框架设计,方便用户添加不同的场景地点,比如酒店,办公环境等等。在每个场景中,用户都可以添加很多详细的文字,图片,和其它帮助纪录难忘经历的信息。纯白色的背景可以很好地凸显出添加的图片,标签,以及文字描述。

用户可以把带着珍贵记忆的相片存入相册,或者直接用软件内的相机拍照。同时,你可以在图片下添加坐标,题目,tags等等。

Slide Car-生活类App


*Designer: Melany Roa

Slide Car是一款ios端应用,帮助用户分类查找汽车信息,实现在线交易。同时,用户还能在软件中找到兴趣相投的汽车爱好者。

设计亮点:纯色的背景能让用户更加集中阅读内容信息,比如汽车图片,价格,描述,车主信息等。搜索页面也十分方便用户快速找到心仪车型。总体来说,软件操作十分简单,页面干净,具有很高的实用性。

Karoline-购物app

*Designer: Varduhi Adami

Karoline是一款购物App,方便用户尤其是女性消费者买到自己心仪的裤子,外套,连衣裙等。

设计亮点:可爱浅粉色的背景对女性用户来说十分具有吸引力,看起来十分舒适。其中的图标和按键也被设计地非常简单精致,便于用户按照自己的需求进行搜索,找到服装的详细信息。不仅如此,软件包括丰富的界面,如主页,我的账户,我的订单,购物车,我喜欢的,我邀请的朋友,设置等等。

Space-管理类App


*Designer: Doeun Shin

Space目的在于帮助用户更加有效率的管理自己的生活。软件会提供人们很多符合用户习惯,日程安排的信息。比如早上提供交通路况和天气信息,晚间提供迎合用户心情的主题和提示音等等。

设计亮点:界面很有插画风格,并且带有十分生动的动态按键,图片等。特殊的蓝紫色运用无论昼夜都会带来良好舒适的视觉效果。除此之外,多样且可爱的功能页面可以切实地帮助用户管理自己的生活,比如心情日记,日常服务,语音日记,每日小记等。

大部分人会发现我们能难去表达自己的想法和情绪。Space就像一本日记,帮助那些习惯隐藏自己真实想法的现代人表达感情。在一天快结束时,人们可以诉说一整天内自己的心路历程和真实故事。

用户可以通过语音日记记录一天的心情,同时系统还会进行情绪分析,聆听你的故事并自动更换夜间主题,同时给予一句安慰的话语。


软件支持移动佩戴设备,方便用户随时随地记录心情。

QuickBee-广告App


*Designer: Monish Mohanan

QuickBee 是一款广告类App,为用户提供各类信息。包括汽车,房地产,工作,服务,教育等。用户可以自行选择感兴趣的分类并查看相应的趋势信息和广告。

设计亮点:干净精致的界面十分出彩。简单富有活力的颜色很好地从视觉上将信息进行分类,清晰的框架非常有条理的展示出各类广告内容。各种矢量图形十分方便理解。软件主要包括一些十分实用的界面,比如登录,搜索,分类信息,以及细节展示页面等。

用户可以获取很多所选商品的细节信息,包括价格,地址,文字描述介绍等。也可以在页面上直接与物品所有者沟通。

Wallet-理财类app


*Designer: uixNinja

Wallet 是一款很好的理财app,可以有效地帮助用户管理个人资金。

设计亮点:页面中背景色和各种元素的色彩带来舒适美观的视觉效果。简单的图标和彩色的几何元素使页面看起来非常简洁。

翻译:Cecilia|马克笔设计留学
原文地址:https://www.mockplus.com/blog/post/mobile-app-ui-design-in-2018
如果你对于设计专业留学作品集和院校准备方面有任何问题或者疑问,也可以随时与马克君沟通(微信:13718574833)也可以随时关注我们的公众号(搜索:马克笔设计留学)这里有最专业的免费教程和素材,希望能帮助更多设计专业的同学完成他们的名校留学梦。

欢迎关注公众号:马克笔设计留学,更多院校信息以及作品集攻略都在这里哦!

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments