陌北默

@王二麻?移动互联网时代,我们的工作方式也发生了很大的变化,全面进入了高效移动办公时代。移动办公可以让工作人员摆脱时间和空间的束缚,随时进行公司管理、团队沟通以及协同办公,让企业内部沟通和商务沟通更加高效安全。

而目前在各大公司使用最广泛的就是阿里出品的智能移动办公APP「钉钉」。本次我们就给大家分享「钉钉」的高保真和低保真原型,做企业管理、商务、移动办公等类型APP或者业务??榈牟吠灰砉?。

原型包含「消息」、「DING」、「工作」、「联系人」、「我的」几大一级页面,其中还有「密聊」、「钉钉电话」、「新建DING」、「签到」、「考勤打卡」、「应用推荐」、「企业定制」、「企业管理」、「创建团队」、「组织架构」、「通讯录」、「企业广场」、「邀请同事」、「外部联系人」等次级页面,还包含「图文卡片」、滑动切换页面的「图标宫格」、「标签」、「分段器」、「打卡流程」、「按地点签到」、「单选框」、「选择器」「轮播图banner」等许多丰富的组件和动画,各种组件和图标可以说非常高保真了~复用性非常高哦!赶快来下载使用吧!~

 

高低保真原型对比展示

mobile-app-nail-prototype 01

 

预览一波gif——

mobile-app-nail-prototype 02

预览完整原型请点击→xiaopiu-钉钉高保真原型预览

 

高保真组件库展示

mobile-app-nail-prototype 03

 

利用组件库快速搭建页面

在精选广场的组件库里搜索?钉钉?,在搜索出的组件库右下角点击「引用为我的公用库」

mobile-app-nail-prototype 04

也可以戳这里直接进入组件库→?xiaopiu-搜索钉钉高保真组件库

之后点击右上角的「引用按钮」~

mobile-app-nail-prototype 05

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

这个组件库到底有多方便呢?看看这个动态演示↓

mobile-app-nail-prototype-06

 

资源地址

高保真原型预览:xiaopiu – 钉钉高保真原型预览

低保真原型预览:xiaopiu – 钉钉低保真原型预览

原型下载:?xiaopiu – 钉钉高低保真原型下载

高保真页面库下载:?xiaopiu – 钉钉高保真页面库

低保真页面库下载:?xiaopiu – 钉钉低保真页面库

组件库引用:?xiaopiu – 钉钉高保真组件库

 

其他资源分享

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场

除了以上的原型模板,我们还有Ant Design、哔哩哔哩、百词斩、知乎、喜马拉雅FM、天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo News Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车几十款精选多行业高品质原型模板等你来用哦!

 

原文地址:知乎

作者:王二麻

转载请注明:学UI网—UI设计师学习教程平台 » 移动办公app「钉钉」原型分享

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
「Ant Design」原型资源分享「Ant Design」原型资源分享
视频APP「哔哩哔哩」原型分享视频APP「哔哩哔哩」原型分享
如何制作统一可复用iOS/Material Design元件库?(附源文件)如何制作统一可复用iOS/Material Design元件库?(附源文件)
在线教育APP「网易云课堂」原型分享在线教育APP「网易云课堂」原型分享
以手机淘宝为例,看原型图易缺失的交互场景以手机淘宝为例,看原型图易缺失的交互场景
背单词APP「百词斩」原型分享背单词APP「百词斩」原型分享
对于UX设计,你不必知道一切对于UX设计,你不必知道一切
问答社区「知乎」APP原型分享问答社区「知乎」APP原型分享
不能错过的Sketch实用新技巧和资源集锦不能错过的Sketch实用新技巧和资源集锦
App搜索功能探析(附原型模板)App搜索功能探析(附原型模板)
?