移动开发
文章平均质量分 74
摹客
这个作者很懒,什么都没留下…
展开
-
嘿嘿嘿,10个我经常逛的“小网站”,不骗人
在我们日常开发的过程中,会遇到一些简单CSS动画的需求,如果为了一两个动画引入库可能会感觉得不偿失,若每次在网上搜相关的代码又显得太过费时费力,因此,CSS3的价值就体现出来了!最有意思的是,插画的颜色可以根据你页面的主题色进行统一修改,系统预设了6种配色方案,你也可以自定义颜色,下载支持PNG和SVG两种格式,支持免费商用,用户体验超好der!原创 2022-12-09 15:33:17 · 8137 阅读 · 0 评论 -
产品经理需不需要懂技术
看到这个问题的第一时间,我就想到了在高中学习《我为什么而活着》时,语文老师给我们介绍罗素的场景:英国哲学家、数学家、逻辑学家、历史学家、文学家,分析哲学的主要创始人,世界和平运动的倡导者和组织者。可以看到,优秀的人,永远都不会认为自己已经懂得够多了。所以,懂技术,甚至懂设计,其实都会是产品经理的破壁路上,能够握在手里的强大底牌。真不是人人都能做产品经理给大家聊点真事儿,就我身边一朋友,化工专业,大二的时候产生了一些专业焦虑,觉得化工很难找到整体各方面都还不错的工作。想转院结果没成,就原创 2021-11-24 11:00:00 · 383 阅读 · 0 评论 -
摹客插件,自动识别画板大小!
Hi,各位小伙伴,又到了每半月一次的摹客新功能播报时间!本次更新,推出了多个亮点功能:再也不用纠结上传前该选择哪个画板尺寸啦!摹客插件会自动识别你的设计稿;可将项目内的某个模块单独分享;在线设计中新增了标尺和参考线,让设计更高效~下面就一起来看看吧!关键信息摹客协作1、【新增】摹客插件支持自动识别画板大小2、【新增】公开分享允许设置“仅分享当前版块”3、【新增】消息通知新增“与我相关”模块4、【新增】任务管理支持隐藏“未关联设计稿”摹客在线设计1、【新增】支持标尺和参考线原创 2021-03-02 11:52:18 · 412 阅读 · 1 评论 -
从0到1教你画原型图
引言相信很多刚入行的产品新人,接到的第一项工作任务就是针对公司产品需求画一份原型图出来,怎么样才能顺利的完成任务呢?这篇文章预计花费你五分钟时间,它将带你系统地认识原型图。一、什么是原型图原型图普遍应用在互联网软件设计领域,在这个领域,一个想法从诞生到实现需要经历以下几个流程:原型图的使用普遍是在需求环节,用于想法的呈现和传达。在产品领域,需求的呈现有两种形式:a.制作PRD文档(产品说明书)b.绘制原型图从本质上讲,原型图是沟通工具。它如同一座桥梁,连接产品经.原创 2021-03-04 15:05:40 · 5286 阅读 · 1 评论 -
2020年设计大事件盘点
2020年已过去了一大半,时光如水也好,岁月如梭也罢,在过去的十个月里,不仅我们的生活发生着巨大的变化,设计市场同样不断经历着更迭。年终来临之际,我对设计市场过去十个月发生的重大事件进行了盘点,作为对2020年的提前回顾和总结。原创 2020-11-04 13:50:48 · 1458 阅读 · 1 评论 -
UI设计师是如何工作的?
眼下正值就业的“金九银十”,又有大批新人小伙伴要涌入UI设计这片红海啦。然而在某度搜索“UI设计师”会发现,其实大部分人对这一行并不是十分了解。笔者作为一名正奋斗在一线的UI设计师,给准备入行或已经入行却仍然迷茫的小伙伴们解析一下,UI的工作内容以及流程究竟是怎样的。UI设计师具体做什么?UI设计师又称用户界面(User interface)设计师,在软件开发团队中负责产品视觉设计工作。其工作的目标简单来说就是让软件界面变得更美观更好用。在具体工作中,设计师不仅需要很硬的专...原创 2020-10-21 12:07:11 · 1934 阅读 · 0 评论 -
APP设计实例解析,深色模式为什么突然就火了?
苹果在2019年6月发布的iOS13中增加了“黑暗模式”,用户打开“黑暗模式”后,应用界面将会变为深色,随后Google Android 10的发布同样搭载“黑暗模式”。为了适配系统,不少APP纷纷推出了深色模式。使用OLED屏幕的设备,在纯黑色下可以有效降低耗能,进一步延长续航时间。除此之外,深色模式还可以有效解决OLED屏烧屏、费眼的问题。小摹对几款常用APP的深色模式进行了体验,并为大家分享我的体验感受。从这些案例中,或许我们可以找到深色模式流行的原因。微 信...原创 2020-09-28 11:37:35 · 629 阅读 · 0 评论 -
为设计工具付费到底值不值得?
如今,越来越多的设计工具从免费转向了付费,越来越的设计师和公司也接受了付费的使用模式。不过,行业主流的设计工具往往来自欧美,定价通常都非常“不近国情”。拮据的国内设计师们,大多都只能投入“破解版”的怀抱,才能继续自己的设计事业。对于提供设计工具的互联网公司来说,同样面临困境。早期拓展市场时,公司通常会免费提供工具给用户使用,但生产这样的工具,往往需要投入大量研发、设计、运维等人力和财力成本。在此过程中,太多公司因为找不到商业模式,最终难以存活。由此可见,设计工具只有找对了商业模式,才能在市场存活下去,对原创 2020-06-03 15:41:47 · 822 阅读 · 0 评论 -
设计前必须和客户确认的20个问题,你问了吗?
以下是设计产品之前需要咨询客户的20个基本问题。这些问题不仅可以让客户觉得自己参与了设计过程,还可以帮助你快速清理项目背景,并按照正确的方向进行设计。翻译 2020-05-09 21:24:41 · 1198 阅读 · 0 评论 -
电商管理系统客户端原型分享
如何画电商管理系统原型,一起来看吧。(资源可下载)原创 2020-04-26 18:05:59 · 1532 阅读 · 0 评论 -
为什么单选按钮和复选框不能共存?
单选按钮和复选框长期以来一直都是容易导致用户困惑的组件。这两个组件通常用于相同的情景下,但看起来又完全不同。设计人员和开发人员一般比较清楚两者的区别,因为他们在工作中会接触到。那么,普通用户知道吗?翻译 2020-04-24 14:36:07 · 405 阅读 · 0 评论 -
摹客专访|摹客如何帮助五五来客做好用户体验设计?
自2015年初摹客正式发布第一个版本以来,摹客一直致力于为产品设计团队提供更快更简单的设计和协作方式。原创 2020-04-20 18:01:06 · 295 阅读 · 0 评论 -
远程办公是否会成为设计团队的发展趋势?
春节假期结束以来,许多互联网公司都选择了远程形式进行办公,围绕远程办公产生的争执也层出不穷。国内外远程办公的现状究竟如何?有哪些利弊?是否会成为未来发展趋势?相信大家对这些问题一定会感兴趣,今天我们就一起来聊聊远程办公这一话题。原创 2020-04-03 16:54:57 · 621 阅读 · 0 评论 -
2020年最值得推荐的10款UI动效设计工具
动效设计在最近几年的各种网页设计和App设计中的表现相当抢眼。各种令人惊叹的创意和流畅自然的动作设计迅速捕获了用户的视线,极大地提升了品质感和转化率。而要制作出效果卓绝的UI动画效果自然也需要优秀的软件。UI动效工具开始在设计师的工作中发挥越来越大的价值。动效设计有哪些优势? 节省屏幕空间 提升产品可用性 为产品增加创造性和趣味性 便捷互动 ...原创 2020-03-09 14:32:57 · 3882 阅读 · 0 评论 -
提名推荐!15个2019年最佳CSS框架
开发网站或web应用时,网页开发工程师往往都需要编写CSS,如果每个项目都是从0开始,将会花费大量的时间和精力,并且还会处理很多重复性工作。渐渐地,工程师们意识到,可以拿出抽象的模块来重复使用,以此来提升开发速度。于是乎,CSS框架便应运而生,并且得到了越来越多的工程师的青睐。本文精选了15个2019年最佳CSS框架,如果你想要更快更简单地开发网站或web程序,一定不要错过哦~H...原创 2019-11-25 18:58:57 · 2777 阅读 · 0 评论 -
摹客食堂|你真的会做交付文档吗?
设计人员和开发人员之间存在着不可避免的设计交付工作,设计和开发的沟通优劣会直接影响一款产品的好坏。完美的设计交付是产品迈向成功的一个里程碑,然而在实际的工作中,设计和开发的交付却存在很大问题,沟通难、协同难、设计意图被误解等问题困扰着很多设计团队。但其实,这些问题是可以很好解决的,我们一起来看看设计和开发之间究竟该如何协作。1. 邀请开发人员参与设计流程在项目最...原创 2019-11-01 19:29:23 · 247 阅读 · 0 评论 -
灵感分享|10个优秀网站设计实例赏析及原型分享
网页设计师们经常会浏览高质量的网页设计作品分享网站,来解决灵感枯竭的问题。因为在这些优秀的网站设计实例中可以看到某些趋势,诸如:扁平化设计、视差滚动、响应式设计、流行配色设计等等。今天小摹为大家带来10个优秀网站设计实例,希望能为网页设计师们带来好的灵感。01.Ester在这个网页设计中,采用了流行的插画风格,动态的草图插画使这些插画的纹理非常的清晰,有非常明显的手工迹象,...原创 2019-10-31 20:03:25 · 7650 阅读 · 0 评论 -
功能播报|PRD可以在线审阅啦!让文档管理更轻松~
PRD是产品人员最经常接触到的文档。在产品项目启动之前,必须要通过评审来确定PRD文档。通常PRD文档需要经过多次评审修改,在这个过程中往往会产生十几甚至几十个版本!文档管理起来非常困难,出错率极高。为了帮助产品经理解决PRD文档管理的难题,摹客iDoc对文档功能进行了全新升级~支持pdf、doc、docx格式的文档在线上传、预览、评论及历史版本管理,轻松解决了产品经理对于需求文档版本难...原创 2019-10-28 13:51:06 · 212 阅读 · 0 评论 -
【案例分析】解密停车App(Pazi)的“前世今生”
如今,随着移动端APP的功能越来越丰富,一些专门针对安全性问题的软件应用也不断涌现。今天,我们就一起来看看:一款安全停车App(Pazi)是如何一步步设计而成,并了解和学习其背后的UX&UI设计经验和技巧。文章将从设计理念、用户场景、UX线框图以及UI设计等方面进行展开。希望对大家有所帮助。项目设计背景现今,世界各地、数以万计的汽车司机都被相似的问题困扰着:车辆...翻译 2019-10-16 18:00:33 · 329 阅读 · 0 评论 -
原型图利器 – Mockplus的审阅功能
Mockplus是一款简洁快速的原型图工具 (http://www.mockplus.cn),最近推出了审阅功能。审阅,旨在解决团队项目原型设计中的沟通和协作的问题。没有孤立的原型,更没有一次成型的原型 。当第一张原型图被设计出来之后,总是要通过讨论、修正、上报、签批等沟通活动来完善,继而发挥它的作用。怎样才能简单、高效、安全、低成本地沟通?一般的方式中原创 2014-11-21 10:09:47 · 605 阅读 · 0 评论 -
Mockplus:如何调整图标的大小和方向?
使用属性面板上的大小设置,可以很方便地调节图标大小。调整方向还是通过属性面板来完成:另外:有些图标调整了大小之后可以用做特别的用途哟,比如 Smile 图标调大后非常适合做圆形头像。原创 2015-01-20 10:16:56 · 1417 阅读 · 0 评论 -
【Mockplus使用技巧】怎样在Mockplus中锁定背景
在设计时,我们会发现,有时候,作为背景的图片或者容器(比如面板组件),因为面积比较大,或时不时地影响到它上面的组件的操作。这个时候,我们可以锁定这个图片或者容器。这样,它就不会响应鼠标操作了,你就可以轻松地对它上面的其它组件进行选定、修改操作,如下:“锁定”操作,对于web和桌面版本都适合。原创 2015-02-12 09:32:30 · 2243 阅读 · 0 评论 -
【技巧】Mockplus快速改变组件的叠放顺序
我们可以通过几种方式,来快速改变组件的叠放顺序。1 快速置顶和置底。选中组件,然后右键菜单中“置顶”或“置底”。或者,使用热键: Ctrl+shift+向上方向键、Ctrl+sift+向下方向键。2 快速向上一层或向下一层。选中组件,然后使用热键Ctrl+向上方向键、Ctrl+向下方向键。演示如视频:原创 2015-03-17 19:47:34 · 1112 阅读 · 0 评论 -
Mockplus 的主要应用人群
Mockplus Mockplus 是最好的原型设计工具之一。http://www.mockplus.cn简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。Mockplus的主要价值是:在正式制作真实软件产品前,通过原型给大家一个产品的模型展示,而这个模型你可以通过非常简单快速的方式得到。所以,M原创 2015-03-24 16:33:02 · 739 阅读 · 0 评论 -
Mockplus: 让小白产品经理上手就用的原型图设计工具
近5年来,PC软件和移动软件呈井喷趋势。任何软件应用,都离不开原型设计和原型设计工具。Mockplus应运而生,除用于移动开发,还可以制作PC、网页的原型,它帮助设计师在最短的时间内完成产品原型图的设计。Mockplus的快速、高效和易操作满足了设计师在快速迭代过程中迅速制作出原型图的需求,无论是资深产品老鸟,或者是小白PM,都可以轻松使用Mockplus协助工作。 “国内用户的需求和热情原创 2015-04-16 15:40:51 · 1088 阅读 · 0 评论 -
你应该知道的原型图工具Mockplus(摩客)
去年10月份,我发布了一篇短文《你所不知道的原型图工具Mockplus》,快大半年过去了,为什么又要写这款软件呢,我觉得有必要推荐给大家,和大家一起分享,它确实是一款简单高效的原型图制作工具,经过近半年的使用,我总结了一以下几点:1 简单。就是说容易上手,不同于其他原型图工具,你不需要花很长的时间来学习这款软件。只要你有点原型制作基础,马上就可以使用。就是算是一点都不懂的,也不是问题。我遇到几原创 2015-04-14 13:49:47 · 800 阅读 · 0 评论 -
在Mockplus中使用收藏功能,提高工作效率
在Mockplus中,对于你经常要使用的组件、页面或者图片素材,你可以把它们收藏起来,以便下次重复使用,提高工作效率。现在我们来看看如果收藏一个页面:1 在当前页面空白处,鼠标右键菜单,选择“把本页收藏为模版”;2 此时,工作区左侧的页面收藏面板会出现,当前页面已经被收藏;3 在收藏面板的列表中,选择刚才收藏的页面,直接拖动到工作区。你会发现已经新建了一个和收藏原创 2015-05-11 10:59:37 · 599 阅读 · 0 评论 -
好用原型設計軟體 Mockplus 免費畫互動 App 與網頁
前幾天在友站小眾軟件上看到一個免費易用的原型設計軟體:「 摩客 Mockplus 」,由大陸團隊開發,在去年(2014)下半年推出,是一個同時具備線上版、 Windows 與 Mac OS X 電腦版的 Prototype 設計工具, Mockplus 自詡為:「 如果把 Axure 看作一頭大象,Mockplus 是一隻輕快的小鹿。」原型( Prototype )設計,可以幫助專案企转载 2015-05-06 14:48:59 · 745 阅读 · 0 评论 -
在Mockplus中使用标尺和参考线
1 显示或隐藏标尺和参考线2 设置标尺选项3 设置参考线颜色主菜单 -> 选项 -> 系统4 添加或删除参考线原创 2015-06-24 11:42:27 · 1269 阅读 · 0 评论 -
在 Mockplus 设置页面链接,实现页面交互
在Mockplus中,可以轻松设置页面链接,方法有二: 一、直接拖拽1 点击某个组件,此时组件上方出现小工具栏。2 拖拽(点击后不放手)小工具栏上的那个闪电图标,一直拖到右侧的项目树中某个页面上。3 行了,链接已经设置好。如下视频:二、手工详细设置1 点击某个组件,此时组件上方出现小工原创 2015-06-04 11:46:22 · 8044 阅读 · 0 评论 -
10分钟玩转Mockplus
Mockplus官方教程视频已经出来,先睹为快!地址点击打开链接原创 2015-07-27 13:42:07 · 999 阅读 · 0 评论 -
【Mockplus教程】为什么 Windows XP 无法安装?
微软官方已经声明不再维护Windows XP系统,Mockplus出于长远考虑,积极支持Windows 7 / 8 / 10。对于还在使用Windows XP系统的用户,可以使用Mockplus Web轻便版来做原型设计。原创 2015-08-18 15:21:48 · 571 阅读 · 0 评论 -
【Mockplus教程】MAC 安全提示无法安装怎么办?
在 Mac 上安装时可能会出现上图中的提示导致无法安装。这个时候,只需要按住 Control 键,然后点按该程序的图标,选择打开。就可以安装了。原创 2015-08-18 15:23:11 · 832 阅读 · 0 评论 -
【Mockplus视频教程】《10分钟玩转Mockplus》
地址:http://doc.mockplus.cn/?p=152原创 2015-08-18 15:19:24 · 2198 阅读 · 0 评论 -
【Mockplus教程】界面闪烁花屏怎么办?
在个别笔记本电脑上,运行Mockplus桌面版出现软件界面闪动或者界面出现黑色块。在这种情况下,请更新您的显卡驱动程序,问题一般可解决。或者,如果你有多个显卡,尝试切换到集成显卡。如何切换显卡:http://ask.zol.com.cn/q/9630.html原创 2015-08-18 15:25:35 · 1329 阅读 · 0 评论 -
【Mockplus教程】安装Mockplus
MAC上安装Mockplus1 下载进入摩客官网桌面端下载页面,选择MAC版本下载;2 安装下载完成后,打开dmg包,将Mockplus图标拖动到Applications快捷图标上面即可完成安装。整个过程见下方视频:进入摩客官网桌面端下载页面,选择对应的版本(windows/MAC)下载。下载完成后,即可按照向导开始安装。原创 2015-08-18 15:27:02 · 3204 阅读 · 0 评论 -
【Mockplus教程】为什么删除多个页面的时候会有提示,如何取消提示?
为了防止误操作,在删除三个及以上页面的时候,Mockplus默认会给出输入“delete”字符完成删除的确认提示,如下图:要去掉这个提示,在设置中去掉这个选项即可,如下图:原创 2015-09-10 17:28:20 · 715 阅读 · 0 评论 -
【Mockplus教程】如何创建页面的子页面?
Mockplus中是按照分组的方式来管理页面,将多个页面放入一个分组中,就像Windows文件夹的管理方式。具体分组的创建请参照“页面”->“分组”的讲解。原创 2015-09-10 17:29:23 · 1626 阅读 · 0 评论 -
【Mockplus教程】页面属性
每个页面都具有独自的属性,通过页面属性对话框可以设置页面的背景、统一字号以及相应平台的页面尺寸等。打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图:在弹出的页面属性对话框中编辑对应的属性,完成后点击“应用”按钮,根据提示进行保存操作即可。完整演示如下:原创 2015-09-10 17:30:54 · 5361 阅读 · 0 评论 -
【Mockplus教程】备注
每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图:在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按钮,根据提示进行操作即可完成,如下图:原创 2015-09-10 17:32:00 · 1054 阅读 · 0 评论