热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

产品设计太难了!别怕,给你5个优秀案例照着学

每周一篇「素材播报」,获取最新原型设计。又到了来给刀友们上新的时间,今天准备了5个好用又好看的原型,参考复用都可以。恰逢六周年&双十一

每周一篇「素材播报」,获取最新原型设计。

又到了来给刀友们上新的时间,今天准备了5个好用又好看的原型,参考复用都可以。

恰逢六周年&双十一,所以看完了,别忘了官网还有一大波优惠券等你拿哦~

在这里插入图片描述

企业移动一点通

作者:jonnie

原型链接:https://modao.cc/square/mtkgir15w2sbkd9a

这是一个关于企业报税的 APP 原型。

它有着大部分企业工具类软件的特点:界面设计简洁,流程逻辑清晰,功能页面完整等等。

在这里插入图片描述

不仅如此,它的登录注册流程和分享上传流程等,也极其详细完善。适合检验自己的流程,或者参考复用页面。

在这里插入图片描述

sou sou

作者:ggyy

原型链接:https://modao.cc/square/mtkghd42hdmq6lh8

交通出行类的软件在我们日常生活中使用的非常频繁,之前我们也分享过很多这个类型的原型,不过大多是关于打车、租车服务的。

这个原型则另辟蹊径,选择了停车这个方向。

在拥挤的车库中,你是否也想拥有一个帮你快速定位车位的软件,它就是。包含了订阅、预约、导航、寻车等相关功能。

在这里插入图片描述

页面不多,但设计干净,并且有很多组件都具有极高的复用价值。

「美食类app」食味

作者:5

原型链接:https://modao.cc/square/mtkga85lz1r4g56b

美食类的 APP 是「本地生活」中常涉及的主题。

今天推荐的这个原型是这个主题下一个不错的作品,它包含了排队拿号、社区分享、团购等功能。

在这里插入图片描述

整个原型页面不多,但足以展现相关的功能页面,设计上保持着一以贯之的风格,颜色上采用了餐饮类不太主流的紫色,反而显示其的小众。

在这里插入图片描述

Kevin Technology

作者:言可喻

原型链接:https://modao.cc/square/mtkgcbe3szkohmus

这个原型是管理智能手环的关联APP,整个原型页面多达40+,涉及到的功能包含查看设备、管理设备、充值等等。

它的大部分页面都做了一定的动态效果,比如菜单栏中的 home 键、卡片的弹出…连支付过程中效果也展现了出来,在视觉和交互体验上都给人留下深刻的印象。

在这里插入图片描述

这类动态效果页面虽然在制作上不太困难,但操作上需要耗费一定的时间,所有有相关需求的刀友们,可以直接参考复用。

在这里插入图片描述

智能家居小屏设备

作者:小铅笔

原型链接:https://modao.cc/square/mtkgbyayklaz7wjr

本作品从功能上看是展现了智能家居设备的一些常见页面要素,如管理灯光效果模式、空调设置温度等。

它的页面并不多,但是设计简约百搭,还是时下流行的暗黑模式,所以完全可以将它的卡片式设计,视为页面组件的构成,直接在工作中插入修改后使用。
在这里插入图片描述

如何快速复用原型

第一步,在素材广场中寻找到所需的目标页面,点击保存。
在这里插入图片描述
第二步,点击素材找到刚保存的素材,置入当前页,或是,在右边组件中,直接拖拽到工作区。
在这里插入图片描述


推荐阅读
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • 本题涉及一棵由N个节点组成的树(共有N-1条边),初始时所有节点均为白色。题目要求处理两种操作:一是改变某个节点的颜色(从白变黑或从黑变白);二是查询从根节点到指定节点路径上的第一个黑色节点,若无则输出-1。 ... [详细]
  • 本文详细介绍了如何使用jQuery防止事件冒泡,确保子元素的点击事件不会触发父元素或祖先元素的相应事件。通过具体的代码示例和解释,帮助开发者更好地理解和应用这一技术。 ... [详细]
  • 在Python开发过程中,随着项目数量的增加,不同项目依赖于不同版本的库,容易引发依赖冲突。为了避免这些问题,并保持开发环境的整洁,可以使用Virtualenv和Virtualenvwrapper来创建和管理多个隔离的Python虚拟环境。 ... [详细]
  • PostgreSQL 10 离线安装指南
    本文详细介绍了如何在无法联网的服务器上进行 PostgreSQL 10 的离线安装,并涵盖了从下载安装包到配置远程访问的完整步骤。 ... [详细]
  • 京东云图片上传注册指南
    本文详细介绍了如何在京东云平台完成账号注册并实现图片上传功能,涵盖从注册到配置的完整流程。 ... [详细]
  • 使用 GitHub、JSDelivr、PicGo 和 Typora 构建高效的图床解决方案
    本文详细介绍了如何利用 GitHub 仓库、JSDelivr CDN、PicGo 图床工具和 Typora 编辑器,搭建一个高效且免费的图床系统。通过此方案,用户可以轻松管理和上传图片,并在 Markdown 文档中快速插入高质量的图片链接。 ... [详细]
  • 本文详细介绍了 Flink 和 YARN 的交互机制。YARN 是 Hadoop 生态系统中的资源管理组件,类似于 Spark on YARN 的配置方式。我们将基于官方文档,深入探讨如何在 YARN 上部署和运行 Flink 任务。 ... [详细]
  • 本文介绍了一种适用于小型创业公司的小规模每日数据备份及健康检查的自动化解决方案。通过简单的Shell脚本实现本地数据库的每日全量备份,并将备份文件上传至中心备份服务器。同时,编写了自动检测脚本来确保备份的完整性和及时性,一旦发现异常,会通过邮件和短信通知相关人员。 ... [详细]
  • 深入解析Java虚拟机(JVM)架构与原理
    本文旨在为读者提供对Java虚拟机(JVM)的全面理解,涵盖其主要组成部分、工作原理及其在不同平台上的实现。通过详细探讨JVM的结构和内部机制,帮助开发者更好地掌握Java编程的核心技术。 ... [详细]
  • docker镜像重启_docker怎么启动镜像dock ... [详细]
  • MainActivityimportandroid.app.Activity;importandroid.os.Bundle;importandroid.os.Handler;im ... [详细]
  • 时间序列分析入门:平稳性与白噪声检验
    本文详细介绍了时间序列分析中的两个基本概念——平稳性和白噪声的检验方法,帮助读者更好地理解和应用这些技术。 ... [详细]
  • Python Django大学生心理健康管理系统开发(含源码、文档)
    本项目包含完整的源代码、设计文档、数据库结构以及详细的安装指南,旨在为计算机专业的学生提供一个全面的心理健康管理系统解决方案。 ... [详细]
author-avatar
手机用户2602916917
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有