aimeeth的博客

面对与前端/后端/测试等开发人员进行需求传递时，不仅要在结构层确定各种功能特性还要考虑功能的范围边界，数据的流转形式如何体现，所以产品在设计构思时，不仅要表达出来的页面信息，而且其中抽象化的业务逻辑，需求可视化更加具体生动的表现出来，所以我觉得原型是PM，将文字化的需求转换成图形稿，其内在的数据流转、逻辑说明是原型方案的表达，不单是单产品功能与内容的示意图，为最终产品创建感知体验提前感知到最终产品的立体雏形，是团队的主线参考及评估的重要依据。只是成功的途径之一，要始终牢记目标、受众和提供的价值。

对于用户来讲，一款工具类产品的核心价值就是简单、便捷，但对于企业来讲，一款产品如果很简单，就更容易被复制，所以存在一个天然的矛盾点，就是用户是独立的个体，客户又是一个群体（公司），而自己企业本身做产品的核心目的还是盈利。一款产品的诞生肯定有其主要的目标用户，对摹客来讲，目标用户的群体也大致分为三类：产品经理、UX设计师、UI设计师，对UX和UI的使用体验可以交给专业的同学来分析，对于产品经理这部分，可做进一步的用户细分，分为：刚入行还没有使用过任何原型工具的用户，有使用某款原型工具多年的用户。

从原型设计角度出发，主要是原型设计工具，如何设计原型，设计边界，设计规范以及PRD结合这几个方面阐述。

抽象来看，“道术器”其实是人与世界互动的三层境界，任何一个领域都可以从道、术、器去拆解，“道”是思维，“术”是方法，“器”是工具。“道” 是思维，是原型设计的思维方式与底层逻辑，是原型设计的指导思想。原型设计思维帮助我们建立对原型的全局视角，并学会如何从战略眼光去看待原型设计工作。“术” 是方法，指原型设计的设计方法与策略，直接影响产品经理原型设计的技能优劣、效率高低。我们都知道“选择比努力重要”，好的方法可以让我们沿着正确的路径去决策，使工作事半功倍。

和传统流程图工具不同的是，这款工具制作的流程图可以和自带的 PRD 文档工具进行联动，可实现直接在文档里插入流程图，而且变动也是同步的。其实你去他们官网查看就知道，他们有面向企业的付费服务，包括多团队协作的版本、私有化部署的版本，但是对于个人用户都是免费的。我今天看的这份 PRD 就有这个问题，两三个静态页面摆在那，其余的交互逻辑全用文字描述，很多地方的描述还不清晰。除此之外，这款工具还支持丰富的素材库，基本上各种类型的素材这里都能找到，提高了原型设计的效率和美观度。一图胜千言，图示的作用很关键。...

说到图表，在很多大屏的原型中图表的使用率是很高的，因为大屏的数据为了得到更好的展示效果，通常都会把枯燥的文字数据替换成由图表来展示，图表可以更加直观的向用户展示数据，深受甲方爸爸的喜爱。有了这些图表组件的支持，画出上面的８个不同风格的组件，我也可以比别人快上很多，而且所有的图表数据，都可以通过工具内置的表格来进行编辑，数据的修改会实时在图表上进行展现。但是，说到图表组件，Axure就尴尬了，官方的工具是无法简单的实现图表功能的，虽然可以通过中继器、外部组件库来实现，总觉得不是那么原汁原味了，有点儿遗憾。

产品要不要懂技术，准确地说，不懂问题不大，但是你懂了对你很有帮助。许多新加入产品经理在群里都会提到这个问题，以前我的回答是，懂不懂无所谓，但是现在我慢慢地发现，要想做好产品，一定要懂技术，这里说的懂不是精通，而是对某项技术基本的理解。场面一度尴尬，最后问题还是没有解决，因为产品的确不懂技术，明明知道开发是在忽悠，但是你又给不出解决方案，只能不了了之，大概率是按照开发的方法修改需求。除非遇到搅屎棍开发，坚决不做，或者开发在公司拥有话语权，这样的公司我奉劝你还是早点离开，不要耽误自己的青春，没有前途的。

自我介绍是面试的第一步，关键是展示自己的能力和工作成果，最重要的是要围绕岗位的匹配度来介绍，为了方便大家记忆，我总结成了一个公式。

伪需求到底是什么？简而言之，伪需求就是用户听上去想要这个，实际上需要的是另外的，表面需求与实际需求并不一致，甚至是相互冲突的。作为1名产品经理，搜集用户需求是最基础的工作，但在这个过程中，常收到不少啼笑皆非的需求，一定程度上干扰了我们对产品的规划，称之为“伪需求”。1、健康码不仅可以扫场所码，还希望能识别周围的音乐并自动播放：2、晚上在37楼洗热水澡的时候，希望水温可以迅速升至100摄氏度；3、在家里的电脑上Ctrl C文件后，希望可以粘贴到公司的电脑上。……我们举一个外卖点单时用户的需求反馈进行说明。1、

因为做产品本身就是一件伟大而且值得自豪的事情，好的产品不仅帮数百万用户解决了很多问题，也教了我很多为人处事的道理，受益匪浅。

图片列表是产品经理常用的展示方式，今天就和大家分享一下，在摹客RP里如何制作一个鼠标hover到图片上能够查看大图的图片列表。先看看效果：鼠标hover到图片上时，图片有一个放大的效果，鼠标离开图片后，图片恢复原来的尺寸。上图是知乎文章详情页面下的“推荐阅读”，用的就是这种效果，下面我就以这个来说说怎么做的交互。01 准备工作需要准备的组件：图片组件本地图片：4张02 交互制作1）设置好尺寸，选中图片，拖动图片组件右上角的链接点给自己做一个交互。...

这一次一口气分享七个模板：1)Clarity UI Library - dark 5.0.02)ADS Components3)Slack UI Kit4)信息服务平台APP5)银行类APP6)登录/注册流程精选合集7)大屏数据可视化其中有大量日期、形状、列表、分页器、表格等组件都可以被反复使用的内容快来保存到自己项目中去！1 Clarity UI Library - dark 5.0.0UI Kit for Clarity - dark 5.0.0是一套..

首先要弄清楚PX和CM是什么。像素的单位是“个”，CM是长度单位。1CM不会等于多少像素，只能1CM包含多少像素。像素和厘米不能换算，是要看分辨率的，通常分辨率是两种表达方法：一种是：像素/英寸；一种是：像素/厘米。例如大多数网页制作常用图片分辨率为72，即每英寸像素为72，1英寸等于2.54厘米，那么通过换算可以得出每厘米等于28像素；又如30x30厘米长度的图片，等于840*840像素的长度。下面列表是常用的尺寸，仅供参考。宽高比：3:4 4:3 16:9...

一、论坛类原型 -摹客论坛摹客论坛是一个专门针对研发人员的论坛社区，可在社区中进行问答、学习课程、参与线上/线下活动。本原型将网站论坛类原型进行高保真还原，使用大量的图片组件及自带的图标，展示效果精美。添加了各页面之间的必要的跳转，还原真实使用效果。本次论坛类原型中，用的最多的组件是下拉框、输入组件、内容面板，使用了大量RP自带的图标，利用内容面板、辅助面板实现了图片轮播的效果。原型中使用的文字、制作好的组件已存为资源，可直接复用到项目中使用。下载地址：https://www.m..

嗨，欢迎来到《摹客互联网工坊》第一期~前不久，小摹联手南京艺术学院工业设计学院交互系，推出了“摹客互联网工坊”活动，给高校的莘莘学子们带去了数节线上视频课程，取得了不错的成果。课后，同学们积极参与产品原型设计，通过摹客RP产出了一批优质的原型素材，让从业多年的小摹都直呼专业！今天，小摹就先挑选了几款视觉新颖的作品，一起来看看作者的分享吧~1、《传奇永不熄灭》原型（作者：乐乐侠/既有日光）设计灵感还记得英雄联盟S11中国战队...

作为一只职场老鸟，什么带薪入厕、电脑切屏、吃零食、拿着笔记本闲聊这些常见的摸鱼方法早就用烂了，已经无法满足我对“摸鱼事业”的渴求。于是，我把目光投向了摸鱼APP，几番搜寻尝试之后，选了几款让自己还算满意的 APP。持续半小时的摸鱼时间让我心情愉悦，各种趣闻资讯看得我眼花缭乱。舒服了，但没有完全舒服~因为这几款APP推送的内容不同，有的侧重视频，有的侧重段子，我需要在不同APP中反复跳跃浏览，这让我的摸鱼体验直线下降！长达半分钟的“评估”之后，我卸载了这些APP..

众所周知，当下很多产品经理都会做“画原型”的工作。这一工作要使用到的工具很多，像Axure、AdobeXD、Sketch等工具都是比较常用的。但总有些“大神”会使用一些神奇的工具完成原型的工作。于是乎，PPT、Word、脑图各式各样的原型设计方式层出不穷！所以，今天就跟大家一起来盘点：那些五花八门的的产品原型设计方式。 PPT版原型 PPT是一种神奇的工具，不仅可以制作各种飞入飞出的特效、华丽的艺术字，竟然还可以画原型，一些简易的页面交互动效都是可以实现的。这种另辟蹊径的做

产品经理的工作中有一些事情是需要特殊注意的，不仅影响自己，甚至还会影响到产品的研发进度。究竟是哪些事情如此“烫手”？今天我们就一起来盘点一下：01.原型追求色彩丰富产品经理通常不具备UI / UE设计师专业的设计能力，黑白灰色调的低保真产品原型，既能够表达产品经理的想法，也能最小限度的影响UI / UE设计师的工作。 所以，产品经理输出的原型可以优先使用「黑」、「白」、「灰」这三个基础色，或者使用单一的颜色，优先级通过...

看了小米的新logo，米粉不淡定了。纷纷表示我上我也行，雷总被骗了，甚至建议小米赶紧报警。其实，从表面上看，新Logo只是从方变圆，但其背后融入了日本国际著名设计师原研哉对于“Alive”设计理念的思考。具备“超椭圆”数学之美的小米新LOGO，不再局限于画面的一角，仿佛有了生命。【关于超椭圆】在设计圈内，超椭圆其实已经出现多时了。安卓机型上很多主题都早已尝试过超椭圆的风格，三星的默认主题图标就采用了几乎完全相同的风格。【超椭圆到底是什么】超椭圆往往都是依靠一些数学的公式.

在高速发展的互联网时代，网站设计的重要性不言而喻。对于设计师来说，一个好的个人网站可以很好的为自己展示UI/UX设计作品集；对于企业来说，一个好的网站可以为自己持续带来流量以及品牌曝光；网页设计师们总会热衷于追随最新的设计趋势，因为在这些优秀的网站设计实例中可以看到某些趋势，诸如：扁平化设计、视差滚动、响应式设计、流行配色设计等等。那么接下来我们就一起来剖析看看2018年年度最佳的10个优秀网站设...

什么？你还在一张张处理？？？ 切图和标注一直是多数设计师最耗时且最不愿意做的事情，PS快速切图新技能，教你解放双手，快上车。 本文纲要规则切图 不规则切图 快速批量切图 快速批量切出不同平台各种尺寸的图 高清大图，给用户带来良好用户体验的同时，也会刺激用户的购买冲动，所以是电商平台、企业平台常见的展示方式，但是图片太大影响网页的加载速度，反过来也会影响用户体验和网站...

​​本文翻译自 Behance 的年度推荐好文 2019 Design Trends Guide， 作者 Milo 整理了 2018 下半年的 Behance 上的知名作品，包含了 UI、动效、插画。​ source: https://www.behance.net/gallery/71481981/2019-Design-Trends-Guide​我们尝试研究在数位设计领域即...

我是如何学会停止担心和热爱机器人的?以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。你之所以能够来这里看我的文章，是因为你是一个在科技行业工作的有创造力的人，而且，你可能已经听说过机器人正在为我们工作了。在这篇文章里，你可能期待看到的是，你的工作是“安全的”，你不必担心机器自动化而取代你的工作位置。这种观点是

毫无疑问，设计人员和开发人员之间存在着不可避免的设计交付工作，设计和开发的沟通优劣会直接影响一款产品的好坏。完美的设计交付必然是产品迈向成功的一个里程碑，然而在实际的工作中，设计和开发的交付却存在很大问题，沟通难、协同难、设计意图被误解的问题困扰着很多设计团队。 但其实，这些问题是可以很好解决的，我们一起来看看设计和开发之间究竟该如何协作。 1. 邀请开发人员参与设计流程 ...

追逐潮流是每个行业都必做的一件事，对于直接影响数字产品定位和用户感知方式的UX设计也是如此。 不论你赞成与否，一年中仅仅发生一两次破坏性变化的日子已经一去不复返了，所以跟随大流已是大势所趋。如今的科技领域比以往任何时候都更具活力，同时也更具有竞争性。只有密切关注行业潮流才能更好的满足用户预期。若想在这个竞赛中拔得头筹，那你必须先发制人。 所以，在这篇文章里面，我们将对2018年UX...

如果没有设计基础，怎样才有高效工作？今天就介绍几个易用的前端设计工具，并根据不同的用途，从配色、原型设计、字体、图片、以及切图标注五大方面进行分类介绍。前端设计配色工具1、ColorSupplyyy ColorSupply是一款可以一键生成扁平化设计配色方案的网页设计软件。用鼠标拖动取色杆，旁边会显示相应的色卡方案。色卡旁边的小圆点，是该工具的一大亮点，点击可以显示提供该色...

 以下内容由摹客（https://www.mockplus.cn）团队翻译整理，仅供学习交流，摹客设计系统是国内独家设计规范制作平台。  事实上，过去的几年里，我时常会被问及各种设计系统相关问题。在经过长时间的深思熟虑之后，对于如何设计，构建和呈现产品（例如Mockplus，Marvel， Bantam and Modulz）相关设计系统方面,有了一些自己的想法和心得。这里就和大家分享一下...

免费使用摹客设计系统作为UI设计师，整理设计规范也是设计能力的一种体现。所以，无论是自己设计创作的阶段还是和程序员沟通推动产品开发阶段，你的设计规范是否完善，对产品的质量起着决定性的关键作用。 在UI设计的过程中，设计规范是一个关键步骤。如何通过设计规范提高品牌一致性和推动开发高度还原设计？ 这里，为大家整理了20个设计精细并且优质的设计规范模板，干货多多，有助于你整理设计规范的时...

最近刮起了一股“养蛙儿子”的风潮。独特的UI设计、萌萌的画风和简洁的用户体验吸引了大批的用户。在不少人直呼“哇，我的蛙儿子好可爱，好萌”的背后，我们可以看到一个高质量的UI设计对于提高应用下载量有着非常重要的作用。在此，小编为大家整理了几款好用的安卓UI界面设计工具，希望能为大家在设计Android UI界面的时候有所帮助。1. Android Developers (Free) 优势：全面的Ma...

由于代码技术的限制，普通大众往往在网站建设方面总是一站难求。但是，想要拥有一个自己的网站，真的必须由程序员通过代码实现？哼，在当今满满科技感的新时代，这个问题不存在的~ 小编为大家整理了个人认为最好用的免费网站设计工具。新的一年，拥有一个自己设计的网站不是问题！根据经验来讲，糟糕的软件，也一定会导致糟糕的工作效率和成果。如果你不是专业人员，光是前期工具的选择就足够让人头痛了。正确的网页设计

不知大家是否还记得那个最具情怀的辞职信“世界那么大，我想去看看”。我想我们现在都还没有这个勇气辞职，背起行囊来一场说走就走的旅行。说起旅行，就想起去年在某著名旅行网站上的体验。网站的设计巧妙，特别是图片有特色也很精美，当时去的是三亚，看了这些图片和介绍后毫不犹豫的就去了。为了更多的订单量，网站设计也会想尽一切办法来“留住”用户。在我看来，旅游网站的设计的图片选择是更能打动用户，当然用户体验不能太糟

为感谢大家对Mockplus的喜爱与支持，给大家送福利了！送送送，见者有份！参与活动，三分钟时间，均可最高获赠专业版1个月使用时间。见者有份！领福利步骤：1. 扫码关注微信公众号：Mockplus。2. 进入微信，点击自动回复中的【立即领取福利】或下方菜单栏"新年送福利"。3. 领奖。Mockplus 团队--------

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。我13岁时开始学习平面设计。我从网上课程学会了设计网站，并习惯于全天使用Photoshop和Affinity Designer进行设计。那些经历教会了我如何像设计师那样思考。我设计和开发应用程序将近有一年时间了。我参加了麻省理工学院的一个项目，与一个团队合作开发Universeaty。

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。每个新项目都是从学习开始的。 就像设计师需要了解一个特定的客户和他们的设计目标一样，客户需要了解设计师带给他们的是什么东西，以及他们的用户体验如何影响设计师做出决定。当为每个项目设计用户体验时，这一点尤为重要。用户体验通过多次测试、重复和广泛的用户信息来提升，这些信息将始终

创业公司往往意味着活力、惊喜，其别开生面的商业运营模式和独具风格的产品服务，都是其在市场中立足的根本。而创业公司的网站，则是凝聚公司产品、形象、企业文化和核心价值的橱窗，也是承载公司业务和运营的基础平台。对于初创公司来说，往往只有一次给用户留下印象的机会，网站作为公司的窗口，需要尽全力把握每次机会。优秀的创业公司会在设计上保持极高的重视，呈现出高度个性化，每个元素都一丝不苟。这里我们来盘点

VUE是一款短视频拍摄和剪辑App，是视频社交达人必备神器。它的配色简单鲜明。第一次进入App首页时，会有简单的操作引导说明，这在Mockplus中即可使用单独的一个页面来制作，又可使用弹出面板来制作。其次是录制视频时，点击开始按钮，会出现视频录制进度条，这里使用的是调整尺寸动画，将进度条（可以用形状组件表示）原始宽度设置到最小，然后调整进度条宽度即可实现。先简单看看动图：

根据Payscale的调查显示，现在的APP开发人员的年薪达到：$66,851。这也是为什么那么多初学的开发都想跻身到APP开发这行业的主要原因之一。每当你打开App Store时候，看着琳琅满目的APP，你肯定会被它们精致的外观和巧妙的设计吸引住。而作为一个初学开发人员，如何才能系统学习制作一个属于自己的APP，成为一个APP开发？首先我们要清楚APP开发的岗位职责是什么：1、负责Andro

网站原型设计是我们在设计网页过程中必不可少的一步，激烈的市场竞争让我们不得不对产品进行快速迭代，如何高速有效的进行原型设计成为了设计师头疼的问题。本文将以unsplash网站为实例，教大家快速搞定web网站原型设计。在网站原型设计之前，我们先来了解一下unsplash，它可能是目前全世界最大的免费图库，使用者可以里面免费下载海量的高画质相片。此外，网站为开发者提供 Unsplash API 用...

现如今，越来越多的移动和桌面端应用开始应用HTML、JS和CSS进行开发，对于网页开发和设计更是如此。目前这种局面也催生了更多新的网页技术，包括React.js、Angular以及Node.js这样的库。此外，随着需求及项目的进一步细化，开发者社区几乎每天都会出现新的库和开发工具，作为网页开发者或设计师的你，自然很有必要去了解和掌握当下最新的、实用的工具，持续优化工作方法、有效提高开发进度。以下小...

追随最新的网页设计趋势，紧跟设计潮流是设计师们必做的功课之一。快速更迭的网页设计趋势和网页开发技术对2019年的网页设计趋势来说必将产生直接的影响。 回顾2018年的网页设计趋势，不难看出许多设计趋势都是周期性和持续性的，例如盛行不衰的极简主义和响应式设计。那么，2019年它们的流行度也将丝毫不减，并且随着移动端网络的兴盛，会更加注重移动端网页设计的界面美观度和用户体验。那么，具体2019...