9

20款精美APP和Web设计模板素材(附演示链接)

 1 year ago
source link: http://www.chanpin100.com/article/113218
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

小摹为大家整理的20款优秀的产品设计模板素材,无论是设计风格,还是设计理念和思路,都非常值得学习和参考。希望在2020年即将结束之际,能为各位设计师小伙伴带来更多创作灵感。

好的设计模板素材总是多多益善,有了模板的助力,设计师就能快速获得灵感,轻松设计出满意的产品。今天小摹为大家分享一波优秀的APP&web设计模板,希望它们能在这个冬天,给忙于完成各种设计的UI设计师们带来帮助。闲话少叙,我们一起来看看吧~

10个APP设计模板

1. 音乐类APP-Music Streaming

这是一款风格简约的音乐播放器,白色背景搭配渐变色元素,既保证了整体风格清新简单,又突出了界面中的重点信息。这款素材包含8个页面,可以为设计师提供很好的视觉搭配参考。

素材地址:https://dribbble.com/shots/5668067-Music-Streaming-App-Freebie-Day-341-365-Project365

2. 社交类APP-Meetio

0

Meetio是一款社交类移动应用程序,丰富的滑动交互和卡片式设计,独特而富有个性。UI kit资源包内包含超过80个页面,可根据用户的需求进行选择。

素材地址:https://www.behance.net/gallery/72907227/Meetio-UI-Kit?ref=uistore.design

3. 酒店预订类APP-ROOK

这是一款使用摹客在线设计完成的酒店预定类APP原型模板,共有15个可以复用的页面。这套模板包含包含了欢迎页、注册登录页、酒店房间列表页、房间详情页等,交互丰富,值得参考。

素材地址:(我还没传)

4. 微信小程序-喜茶

近两年,微信小程序的发展无疑大大提升了用户体验,以喜茶为例的传统餐饮行业也纷纷推出了小程序,来解决排队点餐的问题。这款喜茶的小程序模板也是使用摹客在线设计完成的,有16个可复用的页面素材,包括首页、点单、收货地址、订单查看等。

素材地址:(我还没传)

5. 购物类APP-Shopping

0

这款设计简洁的购物APP素材共包含5个可编辑的页面,可自由编辑图层颜色,修改组件及图标,像素完美。

素材地址:https://dribbble.com/shots/6531942-Shopping-App-Free-UI-Kit?ref=uistore.design

6. 音乐类APP-L'euphorie

0

这是一款酷炫的音乐APP,极简时尚的设计极具现代感。配色别出心裁,在一众桃红柳绿的音乐播放器中显得独树一帜。

素材地址:https://dribbble.com/shots/5596849-L-euphorie-Music-UI-Kit-freebie?ref=uistore.design

7. 优惠券和折扣信息APP

优惠券和折扣信息是我们常见的促销方式。随着互联网的发展,优惠券和折扣在电商领域也变得非常普遍。这款专门发布促销信息的APP,摈弃了电商行业常见的大红大紫配色,风格活泼有趣,令人眼前一亮。

素材地址:https://dribbble.com/shots/5491647-Coupons-Discounts-App-Freebie-Day-306-365-Project365

8. 生活类APP-随收鲸

这是本届摹客设计大赛冠军作品。选题围绕新环保法的发布和城市垃圾分类的全面推广展开。这款APP设计⻚面交互逻辑清晰,整体配色舒适,插画设计极具特色。包含64个页面和完整的产品文档。

素材地址:https://www.mockplus.cn/ux2020/work/aalrv

9. 网上银行APP

这是一个为美国银行设计的网银APP,包含账户信息、历史账单、卡包、交易等常用的业务页面。配色保留了美国银行的标准配色,以及将银行LOGO作为了主屏幕的图标,是一款功能完善,设计合理的实用APP模板素材。

素材地址:https://dribbble.com/shots/14708230-Bank-of-America-Online-Banking-Mobile-App-Concept

10. 房地产类APP

这是一款房地产售卖APP,可为全球高收入消费者提供高端公寓、别墅等售卖信息。这套APP主色调选择了高端大气的紫色,突出了图片和价格等重要信息,图片、图标都进行了圆角化处理,给用户营造了很好的视觉体验。

素材地址:https://dribbble.com/shots/14736084-Real-Estate-Mobile-App-UI

10个web设计模板

11. 在线支付网站

在线支付目前已成为了一种深入骨髓的生活方式,可以让一切支付行为都变得简单。而对应的界面设计也绝对是用户体验的重要一环。这款在线支付网站的界面设计在同类型网站中也显得相当出色,值得借鉴参考。

素材地址:https://dribbble.com/shots/14737248-online-payments-landing-page

12. 插画资源管理网站

这是一款为创作者提供插画资源管理的网站,因此精美的插画是页面中不可或缺的元素。页面其它元素的配色都与插图的色调相呼应,既不会喧宾夺主,又保证了视觉上的统一性。

素材地址:https://dribbble.com/shots/14735165-ReDraw-Illustration-Asset-Website-Design

13. 新闻资讯网站-CoLab

这是一个风格独特的新闻资讯类网站设计模板。设计排版参考了古早的报纸风格,带领用户一秒回到上个世纪。

素材地址:https://dribbble.com/shots/14738567-CoLab-News-CSS-Grid

14. 协同办公平台-钉钉

这款协同办公平台原型,使用摹客在线设计完成,包含登录注册、工作首页、项目管理、邮件管理、日程等11个可复用的页面。主页面采用了左右结构框架,业务逻辑条理清晰,功能全面。是一款值得参考的客户端模板。

素材地址:(还没传)

15.电商后台业务管理系统

这款电商后台业务管理系统通过摹客在线设计完成,包含登录注册、数据统计、信息管理、邮件等11个重要页面,每个页面都具备必要的交互设计,较好地呈现了电管理系统的基础功能。

素材地址:(还没传)

16. 房地产网站

这款为房地产商打造的网站,包含图文、表单、下拉菜单等常见的网页元素。网站布局合理,色彩搭配丰富,图文并用,生动形象,便于浏览者快速访问相关版块。

素材地址:https://dribbble.com/shots/14736850-Real-Estate-Landing-Page

17. 慈善网站-Graisena

这是慈善网站Graisena的重设计,无论是暖色调的配色和配图,还是圆角图标按钮,都十分贴合网站的调性。

素材地址:https://dribbble.com/shots/13441155-Graisena-Landing-Page-Redesign

18. AI Web仪表板模板

众所周知,AI人工智能是互联网领域的未来趋势之一,因此关于AI智能的互联网产品设计也越来越流行。这款AI web仪表盘的设计,将人工智能和互联网产品设计很好地结合了寄来,既保证了功能的呈现,也保证了舒适的视觉搭配。

素材地址:https://dribbble.com/shots/14510797-AI-web-dashboard

19. 通讯企业网站-Nextiva

这是通讯企业网站Nextiva的重设计。这一设计主要突出了Nextiva为用户提供的多样化交流体验信息,采用了卡片式布局,整体风格简洁大方。

素材地址:https://dribbble.com/shots/14734387-Home-Page-Preview

20. 任务管理器-QERJA

合理规划时间是高效工作的必备技能。这款网站设计使用了渐变色作为背景,在满足任务管理的功能需求之上,也可以第一时间让用户产生兴趣,提高产品的体验和竞争力。

素材地址:https://dribbble.com/shots/14735446-QERJA-Task-Manager

以上是小摹为大家整理的20款优秀的产品设计模板素材,无论是设计风格,还是设计理念和思路,都非常值得学习和参考。希望在2020年即将结束之际,能为各位设计师小伙伴带来更多创作灵感。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK