架构设计
文章平均质量分 87
摹客
这个作者很懒,什么都没留下…
展开
-
如何做出技术和测试都喜欢的需求文档?
有一些产品经理提供的需求文档,在静态的原型图上标记了各种复杂的业务逻辑说明,包含一些业务跳转,细节规则等,这类需求文档看起来比上面说的满满的全是文字稍微好一些,但是还是有些复杂,一些稍微复杂一些的业务逻辑,可能这几个静态的原型页面上不足以完全的表达。使用摹客RP工具当中的需求文档,你插入的原型稿或设计稿的图片或者,如果后续你针对原型稿或设计稿进行了更新,那么你需求文档中的插入的相关图片会一并更新,不需要你再反复更新最新版本的图片,以免造成偏差。在产品的工作中,需求文档的撰写是我们日常工作中必不可少的一环。原创 2022-11-09 14:28:21 · 332 阅读 · 0 评论 -
12 款适用于开发人员的最佳 Web 开发软件
如果您正在寻找最好的 Web 开发软件,那么您可能会对从哪里开始构建网站感到有些困惑。对于我们大多数人来说,构建网站或做任何与 Web 开发相关的事情都是一项艰巨的任务。好吧,没有必要担心,因为我们可以利用技术来创建一个功能齐全且美观的网站,并使用正确的 Web 开发或设计软件。这里列出了 12 款最好的网站开发软件,包括免费和付费。它们将使您能够毫不费力地创建、编辑和更新网页。而且,如果您是新手或没有编码经验,您可以使用此集合中包含的 WYSIWYG 编辑器编辑/创建网页。1.WordPre...原创 2022-03-10 11:11:35 · 21510 阅读 · 0 评论 -
10分钟了解下这个Sketch插件,高效工作,快乐摸鱼
上班摸鱼算是打工人们每天最喜欢做的事了,最近我看到了一则新闻,一位设计师竟因为上班摸鱼被开除了! 要说,公司后台监控软件不足为奇,毕竟可能出于安全防范的考量。不过,居然还统计鼠标点击次数和键盘敲击次数,合着没事用ipad练会画图也不行?!于是,我不禁陷入沉思:同样身为一名设计师,我该如何高效摸鱼不被公司干掉?思考良久后,我得出一个结论:即使摸鱼,但一定要有高质量产出,你总不能指望老板招你来上班是做慈善吧?在此,大家要明确一个...原创 2021-10-12 13:44:52 · 249 阅读 · 0 评论 -
作为产品经理的你,画原型图时崩溃过吗?
身为一名高质量PM的你,经历过这种绝望吗?为了让原型图美观一些,你纠结各种细节,但与此同时,效率低、工作周期延长这必定是你的锅;为了让原型图逼真一些,你思考各种组件布局,结果leader一句话让你回到现实:干嘛画这么精细,这个功能还没评审…… Emmmmm,产品经理画的原型要达到什么程度才不会被骂,这真是经久不衰讨论的话题!其实这个问题我们从其本质出发就能找到线索——画原型目的为何?设计原型的目的画原型图是产品经理必须...原创 2021-10-06 09:52:00 · 172 阅读 · 0 评论 -
UI这样标注切图,再也不用加班了!
UI和前端之间的相(xiang)爱(hu)相(zhe)杀(mo),想必作为老互联网人都是有所耳闻的。例1:UI设计了一个效果,想让前端完成,结果前端残忍地告诉你:做不了!例2:来自前端的灵魂拷问:“这里的间距是多少,为什么没标注?”“图片间隔多少?”“这的icon为什么没有宽和高呢?”“这个字要多大的字号?”……(以上均来源于真实的工作场景~) 以上这两个例子虽然是导致UI和前端“互相看不惯”的主要原因,...原创 2021-09-30 11:40:41 · 567 阅读 · 0 评论 -
如何成为一个人见人爱的产品经理
如何成为一个人见人爱的产品经理????公费5G冲浪的我来啦。今天又看到了一个超级有意思的话题,简直让我忍不住乐开了花~除了在第一时间 @张三 以外,也让我忍不住开始沉思:身为一个产品经理,我要怎样才能不被干掉呢?考虑到这是一个性命攸关的问题,所以我约出了我的PM小伙伴们,大家都是一条船上的浪子,遇到事儿还不得一起想办法!在推杯换盏,酒过三巡之后,我们终于整理出了这本《产品经理的自保秘籍》《产品经理的自我修养》要如何成为一个人见人爱的产品经理,经我们的不完全统计,主要得做到原创 2021-09-21 20:10:38 · 125 阅读 · 0 评论 -
快速原型工具,帮你从0开始画原型图!
最近5G冲浪的时候,我常常会接触到这样一些问题,例如“该不该画高保真的原型图”、“有必要把原型做成demo的形式吗?”“产品经理不写PRD,只画原型合适吗?”那当然不合适啦! Emmmmm 私以为,这些想法也许都还有那么点欠妥!尤其是对很多PM萌新来说,这样的内容可能会给大家在初识这个事物的时候带来一些困扰,于是在一开始就不太确定,自己到底需要产出一个怎样的成果。就比如说我,当初实习的时候,就是因为看了很多高保真的案例,而试图绘制同样一个高保真的原型。但现在回过头去看,才觉得自己在实现页原创 2021-09-02 17:45:27 · 725 阅读 · 0 评论 -
深度解析B端设计规范如何落地?
哈喽,今天小摹想要和大家分享的则是关于设计规范的内容。那么具体该怎样将设计规范做到落地呢?来看看小摹推荐的深扒好文吧!以下文章来源于UI头条作者 |Weiyehehttps://www.zcool.com.cn/article/ZMTIyMTgxMg==.html在B端设计中,设计规范怎么建立才能落实下去之前一直困扰着包括我在内的广大设计师老铁们。设计师期望参与产品的每一个角色(产品,设计,前端开发,测试)都能遵循设计规范,结合设计规范内的内容,保证前端开发页面的还原度。因此从.转载 2021-08-30 14:08:37 · 1713 阅读 · 0 评论 -
大厂设计师的交付细节全公开
5年前,我毕业进入一家业内知名的设计外包公司,正式开启了UI设计师的生涯。在这段经历中,给我的最大感悟就是:千万不能在整个过程中只是被动地画图,然后将成品丢给甲方/程序员就觉得万事大吉。后续的“设计交付 + 走查”缺位,极易造成还原度崩盘。设计稿和成品巨大的反差会加重需求方的不满意,最终导致项目夭折和回款困难。之后的几年,我又陆续经历了数家中型互联网公司的磨炼后,最终加入了某“福报”大厂。期间我也更看清了高阶设计师贡献输出的主要方式,即:顶级的设计产出 + 无懈可击的交付过程。...原创 2021-07-19 10:09:36 · 202 阅读 · 1 评论 -
哪些工具或者习惯能极大提升产品经理的工作效率?
产品经理的工作内容复杂多样,既要负责产品管理、市场调研、需求分析,又要协调研发、运营,确定和组织实施相应的产品策略。面对杂乱的工作,很多产品经理都会觉得工作效率极其低下,经常有迷失感。作为一个仍在学习中的新手产品经理,我根据自己的工作经验,归纳了几个可以有效提升工作效率且简单易养成的习惯,以及总结了几款比较好用的效率工具,分享给大家。习惯篇理清任务缓急——四象限时间管理法则对于产品经理来说,工作永远不会是单线闯关,我们可能需要同时面对多个需求方和多条任务,那么可能会出现这样的情况:任原创 2021-07-14 13:08:21 · 212 阅读 · 1 评论 -
如何设计出色的网站后台原型?
我们常常听到这类型的需求:“数据面板设计”, “控制面板设计”, “仪表盘设计”或“后台界面设计”,它们基本都属于网站后台设计范畴。相比前端设计,网站后台原型设计难度往往更高。为什么后台比前端原型设计更难?我找到一个高赞回答:用户只要大量地使用过别的产品,便会建立起相应的心智模型。然而后台对于很多人而言却非常陌生,毫无心智模型可言,也难以做竞品调研。说的很透彻,后台设计难点在于:很难找到参考的竞品。我们如何才能设计出出色的网站后台原型?一个不错的后台原型设计得满足功能性要原创 2021-06-08 15:34:32 · 1078 阅读 · 0 评论 -
低保真原型vs高保真原型,哪一种更适合你的设计?
有没有纠结过在设计产品的过程中是使用低保真原型还是高保真原型?两者有哪些区别?分别在什么时候使用最合适?在这篇文章中,和大家一起讨论低保真原型和高保真原型之间的主要差异,最恰当的使用时机以及两种原型的案例分析。1.什么是低保真原型?低保真原型是在纸上画的的草图或原型,也可以是在电脑上设计的产品页面。低保真原型的作用是表现产品中最重要的用户流程和功能所涉及的页面关系。在设计低保真前,我们会先进行用户研究并收集一系列产品需求,这些工作做完后,接下来就要考虑产品的功能。基本功...原创 2021-05-22 16:21:07 · 1273 阅读 · 0 评论 -
5款前端切图工具大比拼:谁是最强切图神器
前端切图是前端工程师们还原设计稿的过程中必不可缺的一环。不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付;设计师则认为前端工程师给的要求太多太杂,不如他们自己动手来得专业。不过随着专业切图工具的发展,切图工作从几年前的“刀耕火种”,进化到了如今的“一键到位”,设计师和前端工程师之间的“纷争”自然也逐渐消散。那么近年来崛起的多款前端切图工具中,又有哪些能称得上是真正的“切图神器”呢?我们一起来盘点一下。摹客前端工程师和设.原创 2021-02-05 13:45:47 · 6010 阅读 · 0 评论 -
QQ音乐 vs 网易云音乐,用户体验哪家强?
作为一个音乐爱好者,QQ音乐和网易云音乐是小摹的手机必备APP。QQ音乐诞生于2005年,拥有非常丰富的音乐版权,在音乐类APP下载排行榜上始终立于不败之地。网易云音乐则发布于2013年,凭借着优质的个性化推荐及音乐社交功能迅速打入市场。这两款老牌APP之间的“纷争”,多年间从不间断。今天小摹就来简单分析一下两款APP的使用感受,看看到底哪款APP的用户体验设计更贴心。登录后的首页(注:左-QQ音乐,右-网易云音乐)首先来看看两款APP登录后的首页。QQ音乐优先显示音乐馆,ban..原创 2020-09-18 21:10:01 · 1201 阅读 · 1 评论 -
网页设计中栅格的应用
以下内容由摹客团队翻译整理,仅供学习交流,摹客是设计+协作一站式云平台,从产品、设计到开发,摹客来解决。如果你曾经有过关于设计中网格的运用的疑问, 这篇文章就是为你量身定做的。文章中,我们不仅会介绍基础的理论和术语,还会通过真实的网站例子分析帮助你快速学习到网格在实际运用中的技巧。主题文章中我们会介绍以下的主题:● 网格是什么● 术语● 三分法则● 12列栅格● 重点突出● 局限性● 脑图什么是栅格?栅格组成了...翻译 2020-09-15 14:05:15 · 511 阅读 · 0 评论 -
提升用户体验?指示性设计元素不可或缺
日常生活中,当有人向你问路时,最好的办法就是给他们指出方向和路线。在web和app界面设计中也一样,设计师可以利用各种指示性设计元素引导用户,帮助用户找到自己想要的内容或完成某项必要的操作。本文就UI界面中常见的指示性设计元素做了一些整理,希望可以帮助到各位设计师。什么是指示性设计元素?众所周知,道路上的指示标志是用来指示车辆和行人该如何通行。同理,在UI界面中,指示性设计元素就是用来告知、引导、指示用户的设计元素,因此,只要是在视觉上可以提示特定的交互或内容,从而让用户更快、更..原创 2020-08-07 17:11:54 · 537 阅读 · 0 评论 -
Sketch or Figma谁才是UI设计软件的未来?
谈起UI设计软件,首先想到的大概是Sketch。伴随移动互联网的兴起,Sketch的发展可谓一骑绝尘。相比曾经的大哥Photoshop,Sketch虽功能不及其强大,但胜在更加轻量,更高效率,迅速俘获了UI设计圈的青睐。一时间,几乎所有国内外主流设计团队都将Sketch作为主要的生产力工具,也使其成为了UI设计领域的新霸主。近两年,一款名叫Figma的设计工具异军突起。根据UX Tools 针对全球数千名设计师年度问卷调查,Figma从2017年爱用度排名第七到2018年一下爆冲到第二名,并荣登2019原创 2020-06-29 15:06:12 · 600 阅读 · 0 评论 -
2020年网站首屏设计:最佳实践和例子
以下内容由摹客团队翻译整理,仅供学习交流,摹客设计+协作一站式云平台,从产品、设计到开发,摹客来解决。首屏在网站的设计中起着非常关键的作用,它奠定了网站整体的基调。 特别是极简主义盛行的这个时代,各种花里胡哨的东西往往不被看好。所以有时没有其他东西可以吸引眼球,网站首屏设计就变得更加重要。考虑到创造性和生产力,网页设计师在设计网站的这一部分时付出了大量的努力。因为消费者对品牌的认识就从这里开始。但据谷歌统计,消费者对一个网站的意见只需50毫秒就能形成,甚至有的只需17毫秒。要了解如何设计一个有效原创 2020-06-09 09:00:31 · 400 阅读 · 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 评论 -
灵感分享|10个优秀网站设计实例赏析及原型分享
网页设计师们经常会浏览高质量的网页设计作品分享网站,来解决灵感枯竭的问题。因为在这些优秀的网站设计实例中可以看到某些趋势,诸如:扁平化设计、视差滚动、响应式设计、流行配色设计等等。今天小摹为大家带来10个优秀网站设计实例,希望能为网页设计师们带来好的灵感。01.Ester在这个网页设计中,采用了流行的插画风格,动态的草图插画使这些插画的纹理非常的清晰,有非常明显的手工迹象,...原创 2019-10-31 20:03:25 · 7654 阅读 · 0 评论 -
功能播报|PRD可以在线审阅啦!让文档管理更轻松~
PRD是产品人员最经常接触到的文档。在产品项目启动之前,必须要通过评审来确定PRD文档。通常PRD文档需要经过多次评审修改,在这个过程中往往会产生十几甚至几十个版本!文档管理起来非常困难,出错率极高。为了帮助产品经理解决PRD文档管理的难题,摹客iDoc对文档功能进行了全新升级~支持pdf、doc、docx格式的文档在线上传、预览、评论及历史版本管理,轻松解决了产品经理对于需求文档版本难...原创 2019-10-28 13:51:06 · 212 阅读 · 0 评论 -
工具推荐|2019年UI设计师必备工具清单
UI设计师一直是IT行业最热门职位之一,因其薪资待遇较高,学习门槛较低而广受欢迎。在百度指数搜索“UI设计”来看,从2012年开始,UI设计的搜索呈明显上升趋势,尤其是在2016年左右出现“井喷式”增长。另外,从知名网站“职友集”中我们可以看到,UI设计师在像“北上广”这样的一线城市中,月薪轻松过万。虽然现在UI设计师没以前那么火,但是每年仍然有大量新手设计师涌入这个行业。...原创 2019-10-25 11:42:43 · 847 阅读 · 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(摩客)
去年10月份,我发布了一篇短文《你所不知道的原型图工具Mockplus》,快大半年过去了,为什么又要写这款软件呢,我觉得有必要推荐给大家,和大家一起分享,它确实是一款简单高效的原型图制作工具,经过近半年的使用,我总结了一以下几点:1 简单。就是说容易上手,不同于其他原型图工具,你不需要花很长的时间来学习这款软件。只要你有点原型制作基础,马上就可以使用。就是算是一点都不懂的,也不是问题。我遇到几原创 2015-04-14 13:49:47 · 800 阅读 · 0 评论 -
Mockplus: 让小白产品经理上手就用的原型图设计工具
近5年来,PC软件和移动软件呈井喷趋势。任何软件应用,都离不开原型设计和原型设计工具。Mockplus应运而生,除用于移动开发,还可以制作PC、网页的原型,它帮助设计师在最短的时间内完成产品原型图的设计。Mockplus的快速、高效和易操作满足了设计师在快速迭代过程中迅速制作出原型图的需求,无论是资深产品老鸟,或者是小白PM,都可以轻松使用Mockplus协助工作。 “国内用户的需求和热情原创 2015-04-16 15:40:51 · 1088 阅读 · 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 · 8045 阅读 · 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 · 833 阅读 · 0 评论 -
【Mockplus视频教程】《10分钟玩转Mockplus》
地址:http://doc.mockplus.cn/?p=152原创 2015-08-18 15:19:24 · 2198 阅读 · 0 评论 -
【Mockplus教程】安装Mockplus
MAC上安装Mockplus1 下载进入摩客官网桌面端下载页面,选择MAC版本下载;2 安装下载完成后,打开dmg包,将Mockplus图标拖动到Applications快捷图标上面即可完成安装。整个过程见下方视频:进入摩客官网桌面端下载页面,选择对应的版本(windows/MAC)下载。下载完成后,即可按照向导开始安装。原创 2015-08-18 15:27:02 · 3211 阅读 · 0 评论 -
【Mockplus教程】界面闪烁花屏怎么办?
在个别笔记本电脑上,运行Mockplus桌面版出现软件界面闪动或者界面出现黑色块。在这种情况下,请更新您的显卡驱动程序,问题一般可解决。或者,如果你有多个显卡,尝试切换到集成显卡。如何切换显卡:http://ask.zol.com.cn/q/9630.html原创 2015-08-18 15:25:35 · 1329 阅读 · 0 评论