web前端
文章平均质量分 85
摹客
这个作者很懒,什么都没留下…
展开
-
嘿嘿嘿,10个我经常逛的“小网站”,不骗人
在我们日常开发的过程中,会遇到一些简单CSS动画的需求,如果为了一两个动画引入库可能会感觉得不偿失,若每次在网上搜相关的代码又显得太过费时费力,因此,CSS3的价值就体现出来了!最有意思的是,插画的颜色可以根据你页面的主题色进行统一修改,系统预设了6种配色方案,你也可以自定义颜色,下载支持PNG和SVG两种格式,支持免费商用,用户体验超好der!原创 2022-12-09 15:33:17 · 8137 阅读 · 0 评论 -
如何做出技术和测试都喜欢的需求文档?
有一些产品经理提供的需求文档,在静态的原型图上标记了各种复杂的业务逻辑说明,包含一些业务跳转,细节规则等,这类需求文档看起来比上面说的满满的全是文字稍微好一些,但是还是有些复杂,一些稍微复杂一些的业务逻辑,可能这几个静态的原型页面上不足以完全的表达。使用摹客RP工具当中的需求文档,你插入的原型稿或设计稿的图片或者,如果后续你针对原型稿或设计稿进行了更新,那么你需求文档中的插入的相关图片会一并更新,不需要你再反复更新最新版本的图片,以免造成偏差。在产品的工作中,需求文档的撰写是我们日常工作中必不可少的一环。原创 2022-11-09 14:28:21 · 332 阅读 · 0 评论 -
2 种不合格的 PRD
之前帮几个我星球内的同学看了下他们的 PRD,尽管他们来自不同公司,做的项目也不一样。但是,我在他们的 PRD 中却发现了一些共性问题。总结起来主要有 2 类,今天在这也跟你们聊聊。如果你是产品经理,也可以对照自查一下自己的 PRD 是否存在类似的问题。第一类,缺乏需求背景描述,只有悬空的功能设计。我发现很多产品经理的 PRD 都有一个普遍问题,就是内容为功能服务,而不是为需求服务。在这类 PRD 里,你只能看见满篇的功能介绍、功能逻辑、详细设计。但看不到这个功能是解决什么问题、满足原创 2021-10-09 20:00:57 · 143 阅读 · 0 评论 -
深度解析B端设计规范如何落地?
哈喽,今天小摹想要和大家分享的则是关于设计规范的内容。那么具体该怎样将设计规范做到落地呢?来看看小摹推荐的深扒好文吧!以下文章来源于UI头条作者 |Weiyehehttps://www.zcool.com.cn/article/ZMTIyMTgxMg==.html在B端设计中,设计规范怎么建立才能落实下去之前一直困扰着包括我在内的广大设计师老铁们。设计师期望参与产品的每一个角色(产品,设计,前端开发,测试)都能遵循设计规范,结合设计规范内的内容,保证前端开发页面的还原度。因此从.转载 2021-08-30 14:08:37 · 1708 阅读 · 0 评论 -
5款前端切图工具大比拼:谁是最强切图神器
前端切图是前端工程师们还原设计稿的过程中必不可缺的一环。不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付;设计师则认为前端工程师给的要求太多太杂,不如他们自己动手来得专业。不过随着专业切图工具的发展,切图工作从几年前的“刀耕火种”,进化到了如今的“一键到位”,设计师和前端工程师之间的“纷争”自然也逐渐消散。那么近年来崛起的多款前端切图工具中,又有哪些能称得上是真正的“切图神器”呢?我们一起来盘点一下。摹客前端工程师和设.原创 2021-02-05 13:45:47 · 6005 阅读 · 0 评论 -
你真的了解这4款协作设计吗
协作设计是当下设计行业比较流行的方向,也是一个热门话题。目前在协作设计领域使用最广泛的4款协作设计有:zeplin、invision、摹客、蓝湖。下面笔者就来介绍下这4款工具的功能详情,如果你还没有开始使用,不妨先来了解下。Zeplin网址:https://zeplin.io/这款软件由4名在伊斯坦布尔的开发者制作。Zeplin是一款以核心功能为标注、Style Guide、备注文档与简单的团队协作与原型设计软件,使用对象是设计师和前端开发人员;设计师通过插件(仅支持Sketch和P原创 2021-02-03 10:16:53 · 486 阅读 · 0 评论 -
一款好用的程序员切图标注神器
我这里推荐的是摹客,摹客是设计+协作(All in One)的一站式云平台,为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。目前整个设计领域只有zeplin和摹客拥有设计+协作。摹客协作设计平台的特点:- 高保真原型设计:在线设计创作,支持矢量绘图、交互设计、流程图等- 设计稿交付:支持交付 Sketch / PS / XD / Figma / Axure 设计稿,解放双手- 全流程协作:自动标注切图、在线评论审阅、设计任务管理- 设计规范管理:轻松定制规范,高效原创 2021-01-20 10:31:37 · 370 阅读 · 2 评论 -
设计师和开发为什么要使用设计规范
设计规范由何而来伴随着互联网产业的飞速发展,各类App产品层出不穷。一款APP产品动辄好几十张页面,此外,设计师还要针对不同的机型做设计稿尺寸的适配。单是Android就有多套尺寸,再加上iOS各类机型,设计师的工作量极大。但留给UI设计师的时间并不多,一般在2周左右,没有设计规范是很难保质保量完成任务的。另外,在通常情况下,一个产品的设计往往不是由一个人包揽的,部分设计工作会分解给多位设计师协作完成。没有一个共同的标准来制约,最终一定是各显神通,千奇百怪。于是,设计规范由此而生。.原创 2021-01-12 11:16:00 · 829 阅读 · 0 评论 -
【干货】不容错过!前端工程师必备的10款优质工具
前端开发是创建 Web 页面或移动端等前端界面呈现给用户的过程,需要通过 HTML,CSS,JavaScript 以及衍生出来的各种技术、框架和解决方案,来实现互联网产品的用户界面交互。市面上有许多不同类型的前端开发工具,可以加速产品研发进程。今天就为大家介绍10款优秀的前端开发工具,学会使用这些工具,不仅能提高开发效率,还能更清晰地将自己的研发思路呈现出来。1. 远程开发 - VSCodeVSCode 是目前最受开发人员欢迎的编码工具之一,具备强大便捷的远程开发能力。与其它远程开发工具...原创 2020-12-16 17:35:06 · 901 阅读 · 0 评论 -
打造设计师的“第二张脸”:25个精选作品集网站赏析
打造设计师的“第二张脸”:25个精选作品集网站赏析对于设计师来说,作品集不只是实力的最好证明,更是求职时的金牌敲门砖。一份集特色、美观、实用于一体的作品集,往往能在设计师求职过程中发挥重要的作用。如今,越来越多的设计师选择将作品集放在线上,以个人网站的形式展示。那么如何做出一个好的个人作品集网站呢?别着急,小摹为大家精选了25个优秀的作品集网站,一定能让你灵感爆表。1.Charlie WaiteCharlie Waite 目前就职于 Uber ,曾担任 GoPro 的UX...原创 2020-11-17 13:50:44 · 515 阅读 · 0 评论 -
摹客 XD 插件,支持固定区域切图!
Hi!各位小伙伴!又到了摹客的新功能播报时间。本次更新,在摹客协作部分,XD插件支持固定区域切图;设计稿与设计规范关联更紧密;团队管理进一步优化等。在原型部分,新增离线编辑功能,再也不怕网络波动影响进度啦!另外还对组件和页面相关功能进行了优化。下面就一起来看看吧!关键信息摹客协作XD插件新增固定区域大小切图功能 开发模式中新增展示设计规范中颜色的变量名 支持批量添加整个部门成员参与项目 支持使用邮箱直接添加成员进入团队 文档中PDF支持缩放查看 Axure原型上传摹客后,支持显示交互区原创 2020-10-21 11:56:22 · 674 阅读 · 0 评论 -
【活动】你有创意我有奖!摹客X飞书2020产品设计大赛邀你来战
过去五年,摹客秉承着“让设计更快更简单”的理念,实现了“设计+协作”,All in one,帮助全球200万产品人打造着梦想。可期的未来,产品设计又将会朝着哪个方向发展?我们还能做什么?我们还可以创造什么?金秋十月,摹客携手字节跳动旗下办公平台「飞书」,共同开启2020产品设计大赛参与比赛,show出你的创意,下一个十年,将由你来定义!大赛地址:https://www.mockplus.cn/ux2020大赛惊喜本次大赛奖品价值、奖项设置均为历届最佳。...原创 2020-10-13 17:27:41 · 331 阅读 · 0 评论 -
摹客融合项目:一场工作模式的变革
2020年的夏天,摹客搞了点事情:摹客正式发布了融合项目的版本 —— 这个版本,对于摹客有着非比寻常的意义。标志着摹客经过了两年的沉淀,“企业级设计协作 + 交付”的产品形态终于初步成型。 摹客的蜕变6年前,摹客自研出一款轻量的原型设计工具Mockplus,迅速风靡全球。国外的老牌原型工具Axure从此不再一家独大。工具应该是轻快、高效、好用的。而对于国内的广大产品经理,Axure的学习和使用成本明显偏高。洞悉了这一点的摹客,以“为用户提供更...原创 2020-09-22 10:55:25 · 265 阅读 · 0 评论 -
网页设计中栅格的应用
以下内容由摹客团队翻译整理,仅供学习交流,摹客是设计+协作一站式云平台,从产品、设计到开发,摹客来解决。如果你曾经有过关于设计中网格的运用的疑问, 这篇文章就是为你量身定做的。文章中,我们不仅会介绍基础的理论和术语,还会通过真实的网站例子分析帮助你快速学习到网格在实际运用中的技巧。主题文章中我们会介绍以下的主题:● 网格是什么● 术语● 三分法则● 12列栅格● 重点突出● 局限性● 脑图什么是栅格?栅格组成了...翻译 2020-09-15 14:05:15 · 511 阅读 · 0 评论 -
设计师一定喜欢这样的标注切图工具
对于设计师来说,标注和切图是工作中非常重要的一部分。最早的标注切图都是由设计师手动进行,不仅浪费时间精力,还极容易遗漏出错。随着设计流程不断被简化,越来越多的标注切图工具应运而生。摹客作为新一代的产品协作设计平台,快速简单的智能标注和自动切图功能,完美地解决了产品开发流程中标注和切图的难题,更是凭借多种“独门绝技”,成为许多设计师日常工作中必不可少的工具之一。今天,就跟随小摹的脚步一起来看看,摹客在标注、切图部分有哪些独家功能吧~「自动+手动」标注更全面熟悉摹客的小伙伴们对摹客的标注..原创 2020-07-22 09:05:54 · 406 阅读 · 0 评论 -
2020年网站首屏设计:最佳实践和例子
以下内容由摹客团队翻译整理,仅供学习交流。首屏,究竟对网页有多重要呢?最佳实践和例子奉送给您。翻译 2020-05-28 15:00:42 · 453 阅读 · 0 评论 -
超好看的30款网站侧边栏设计
网站的布局和导航十分重要,想要兼顾美观简洁的设计又要保障友好的用户体验,使用侧边栏导航会是一种不错的选择。目前,已经有大量的网站摈弃了传统的导航模式,改为使用侧边栏导航,今天我们精选了其中的30个作为灵感案例,一定会给你带来启发。原创 2020-05-19 10:12:33 · 8193 阅读 · 0 评论 -
必读!2020年10篇优质设计文章
文字不仅能抒发情感,也能促进思维发展,现如今,越来越多的设计师也喜欢用文字来记录自己的设计心得,设计文章便自然而然成为了设计师分享经验的有效途径之一。本文精选了2020年的10篇优质设计文章,值得泡上一杯咖啡,用最舒服的姿势阅读。原创 2020-05-18 16:08:53 · 1444 阅读 · 0 评论 -
摹客 PS 插件,支持自定切图尺寸!
关于切图,我们一直追求更好更简单原创 2020-05-15 13:30:43 · 997 阅读 · 0 评论 -
干货!网页设计中最常用的5种配图
翻译 2020-05-06 17:34:55 · 1532 阅读 · 0 评论 -
搞定UI中报错信息设计,轻松提升用户体验
报错几乎是用户体验设计中不可或缺的一部分,关键在于设计师和开发工程师如何处理这些错误信息。翻译 2020-04-30 14:40:57 · 531 阅读 · 0 评论 -
设计前必须和客户确认的20个问题,你问了吗?
以下是设计产品之前需要咨询客户的20个基本问题。这些问题不仅可以让客户觉得自己参与了设计过程,还可以帮助你快速清理项目背景,并按照正确的方向进行设计。翻译 2020-05-09 21:24:41 · 1199 阅读 · 0 评论 -
电商管理系统客户端原型分享
如何画电商管理系统原型,一起来看吧。(资源可下载)原创 2020-04-26 18:05:59 · 1532 阅读 · 0 评论 -
摹客专访|摹客如何帮助五五来客做好用户体验设计?
自2015年初摹客正式发布第一个版本以来,摹客一直致力于为产品设计团队提供更快更简单的设计和协作方式。原创 2020-04-20 18:01:06 · 295 阅读 · 0 评论 -
搞定UI中报错信息设计,轻松提升用户体验
在数字产品的用户体验设计中,只有在最理想的情况中,才能做到让用户和应用程序百分之百地顺畅交互,并且不出现任何错误、技术故障以及其他不可预测的状况。但实际的情况是,在用户体验设计中,总是会或多或少地出现各种不可避免的错误。报错几乎是用户体验设计中不可或缺的一部分,关键在于设计师和开发工程师如何处理这些错误信息。第一部分常出现的报错有哪些?当界面或...翻译 2020-03-12 16:32:12 · 400 阅读 · 0 评论 -
产品思维|我的产品观:用户(上)
以下文章来源于:阿翘AKIU ,作者:阿翘在这里。最近在给一些应届生讲产品经理基础课,不少人都问我,为什么从来不给他们讲产品经理工具怎么用。这些难道不是产品经理的基本功吗?突然意识到很多同学陷入一个误区,就是把产品经理当成传统行业的岗位一样,把工具学会了就能上岗工作了。实际上工具只是表达思维的方式,比起产品技能更重要的是产品能力。我始终认为,产品经理最基本的能力只有...转载 2019-12-11 13:29:58 · 266 阅读 · 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 评论 -
【案例分析】解密停车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(摩客)
去年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 · 8044 阅读 · 0 评论