2021年01月_摹客

原创一款好用的程序员切图标注神器

我这里推荐的是摹客，摹客是设计+协作（All in One）的一站式云平台，为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。目前整个设计领域只有zeplin和摹客拥有设计+协作。摹客协作设计平台的特点：- 高保真原型设计：在线设计创作，支持矢量绘图、交互设计、流程图等- 设计稿交付：支持交付 Sketch / PS / XD / Figma / Axure 设计稿，解放双手- 全流程协作：自动标注切图、在线评论审阅、设计任务管理- 设计规范管理：轻松定制规范，高效

2021-01-20 10:31:37 370 2

原创到底UI和UX在设计有哪些区别

现在越来越多公司都在提倡UX体验设计，那么到底什么是UX体验设计？和UI有哪些区别？感觉这个词语熟悉又陌生，那么今天我和大家分享下我的理解，仅代表我个人的观点和大家互相交流探讨，如有不对的地方欢迎多交流。一、什么是UI？什么是UX？1. 什么是UI？简单理解就是界面+交互。什么属于UI呢？这个我想大家都已经很熟悉，就是我们每天使用的产品的界面外观设计，无论是视觉效果，还是品牌个性，还是页面的交互设计，都属于UI范围内。很多同学会问，交互设计不是属于交互么？怎么划分在UI了？其

2021-01-29 16:52:49 936

原创今天，我想为产品经理说说话

回溯产品经理这个名词，它最早出现在1927年的美国宝洁公司，那个时候的产品经理是偏重营销的。今天的产品经理主要是指互联网行业的产品经理，他们有很多称呼和头衔：“原型仔”、“打杂的”、“产品汪”、“修电脑的”，甚至还有“设计生产品牌推广市场财务的激励总指挥”这种炸裂title。嬉笑怒骂间，产品汪强撸灰飞烟灭，微笑逐渐消失。被群嘲的产品汪心里有苦也无处诉说，是不是大家伙都认为产品经理工作谁都能做？今天我就为产品经理说说话。人人真的都是产品经理吗？那些年，因为一本《人人都是产品经理》的热卖，...

2021-01-29 16:42:58 196

原创摹客在线设计，支持下载离线演示包！

摹客在线设计，支持下载离线演示包！Hi，各位小伙伴，又到了摹客的新功能播报时间！本次更新，在线设计部分，推出了“下载离线演示包”的功能！摹客协作部分，新增“快速入门”模块，还支持切图代码自动生成等。下面一起来看看吧！关键信息摹客原型支持下载离线演示包摹客协作新增“快速入门”模块新增识别切图的样式代码，并支持一键复制代码任务指派人增加“最近使用”的分类项目内可查看消息通知项目列表增加右键菜单摹客原型在线设计支持下.

2021-01-29 16:33:25 375

原创超全面的 UI 工作流程指南（四）：切图标注

当界面设计定稿之后，设计师需要对图标进行切片，提供给开发工程师。切图与标注是为了能够满足开发人员对于效果图的高度还原需求，直接影响到工程师对设计效果的还原度，并且也是设计师重要的输出物之一。合适、精准的切图可以最大限度地还原设计图，起到事半功倍的效果。通常我们只需要对icon与图片进行切图即可，文字、线条和一些标准的几何形状是不需要切图的，例如搜索框只需要在标注中描述它的尺寸、圆角大小、背景色值、不透明度即可，开发工程师可以用代码实现这种效果。切图基本规范切图的尺寸必须为偶数；同一模块内..

2021-01-29 11:40:32 1647

原创超全面的 UI 工作流程指南（三）：设计规范

产品发展日趋平稳时，产品定位和品牌形象已进入稳定状态，参与设计的人越来越多，设计的统一性和效率的问题也渐渐显现。因此，为了保证平台设计统一性，提升团队工作效率，打磨细节体验，就需要我们定义和整理设计规范。确定规范内容UI 设计中，设计规范是一个关键步骤。知名大厂基本上都有一套自己的完整规范体系，在整理设计规范时，以大平台规范体系作为参考，针对产品自身情况增删，整理出我们自己所需要的规范内容，能有效地避免规范内容遗漏缺失。色彩规范颜色是设计中最重要的元素，颜色的运用与搭配决定设..

2021-01-27 14:01:55 610

翻译 UI&UX17个小技巧合集

17个小提示让你的设计瞬间升级【文末有福利】我了解设计一个既漂亮又实用的界面的过程 — 通常较长，而且需要反复修改。大多数设计师都有类似的经历。不过，多年的经验积累下来，我发现一些比较通用的小技巧和界面修改方式，能够让设计在短时间内提升非常大。这篇文章当中，我总结了过去一年里，我的文章当中最受欢迎的 UI & UX 设计技巧，它们的使用简单快捷，不但能够帮你提升你的界面本身，还可以在整体用户体验优化上有不错的表现。我们开始吧。1. 通过一个细边框让你的设计元...

2021-01-26 14:50:32 175

原创 UI & UX 小提示合集 -- 第一集

UI & UX 小提示合集 -- 第一集17个小提示让你的设计瞬间升级我了解设计一个既漂亮又实用的界面的过程 — 通常较长，而且需要反复修改。大多数设计师都有类似的经历。不过，多年的经验积累下来，我发现一些比较通用的小技巧和界面修改方式，能够让设计在短时间内提升非常大。这篇文章当中，我总结了过去一年里，我的文章当中最受欢迎的 UI & UX 设计技巧，它们的使用简单快捷，不但能够帮你提升你的界面本身，还可以在整体用户体验优化上有不错的表现。我们开始吧。..

2021-01-22 11:58:04 212

原创产研团队福音！摹客「设计任务管理」独家上线（文末有福利）

一款优秀的互联网产品，需要设计团队多人通力合作，并与甲方或公司内部充分沟通、交换信息、批阅审核。摹客此前帮助大家解决了产品、设计、开发、测试等环节协同工作的难题。但流水线上每一个环节的质量如何保障，如何保证成员按照既定的流程来执行？面对设计任务多而杂的情况，大部分团队对产品、设计任务的管理仍然面临着“在设计工具之间来回奔波”、“管理效率低下”、“任务流程固化、复杂”等诸多问题。一：任务信息触手可及任务的四大信息要素——目标、执行人、期限及交付物，摹客帮你轻松...

2021-01-20 18:18:08 231

转载超全面的 UI 工作流程指南（二）：原型设计

本篇为工作流程第二节：原型设计。上期回顾：《超全面的 UI 设计工作流程指南（一）：需求分析》原型设计的主要作用，是用户体验设计师与 PM、网站开发工程师沟通最初的产品设想的重要工具，展示产品内容和结构及粗略的布局，说明用户将如何与产品进行交互，而不是视觉设计。在大厂中，职位分工更为细致明确，大多原型都是由产品经理制作的，而中小企业里，更多的是设计师也要具备制作原型的能力。原型图阶段中设计师需要和产品经理沟通需求，并不是产品经理向设计师下发需求，而是需要相互就自己擅长的方面进行沟通。..

2021-01-15 16:54:45 1275

转载超全面的 UI 工作流程指南（一）：需求分析

UI 设计工作，包括 APP 设计、网页设计、小程序设计等方面。而一个产品完整的 UI 设计流程，是指拿到一个新的项目需求后，从设计思考开始，产品前期分析，设计产品，设计评审，用户测试，直至产品上线。我们的工作流程如下：以上的流程都是与设计师密切相关的内容，我们的关注点不能只有视觉效果，孤立的设计容易脱离产品，反复修改，因此前期分析与后期支持都值得我们重视。产品立项后的第一阶段是需求分析阶段，当我们拿到一个新的需求时，首先要了解的就是产品的需求是什么，了解市场背景、产品定位、..

2021-01-13 15:04:30 632 1

原创带交互的 iOS 产品原型可以用什么软件制作？

文末有福利哦这5款软件可以让你在最短的时间内产出带交互的高质量iOS原型，墙裂推荐。AxureAxure，老牌原型设计工具，覆盖的功能非常全面，使用Axure制作原型比较锻炼思维能力。如果你只是做简单线框，Axure是可以比较快产出原型的。如果你需要变量、条件判断、中继器这种非常复杂的交互，Axure也能够满足你（但需要花费一定的学习和时间成本）。如果你想在很短时间内完成iOS原型的绘制和交互的添加，建议选择更简单的工具，除非你对Axure的使用已经非常熟悉了。目前正版Axure需要付.

2021-01-13 13:54:43 312

原创设计师和开发为什么要使用设计规范

设计规范由何而来伴随着互联网产业的飞速发展，各类App产品层出不穷。一款APP产品动辄好几十张页面，此外，设计师还要针对不同的机型做设计稿尺寸的适配。单是Android就有多套尺寸，再加上iOS各类机型，设计师的工作量极大。但留给UI设计师的时间并不多，一般在2周左右，没有设计规范是很难保质保量完成任务的。另外，在通常情况下，一个产品的设计往往不是由一个人包揽的，部分设计工作会分解给多位设计师协作完成。没有一个共同的标准来制约，最终一定是各显神通，千奇百怪。于是，设计规范由此而生。.

2021-01-12 11:16:00 829

原创一看就会，效率翻倍！摹客在线设计必会技能（基础篇）

【文末有福利哦】摹客在线设计作为2020年国内设计工具新秀，一经推出就斩获了一大批产品经理和设计师的青睐。除了功能强大、能力全面的特点外，摹客团队在工具的易用性方s面也做了非常多的努力。其中不少功能可以极大地提高用户的工作效率，真正做到让设计更快更简单。今天我们就一起来盘点一下摹客在线设计中，那些遍布各处的惊喜。本期内容从最常用的基础操作入手，后续还会为大家介绍更多高阶功能和技巧。选中有技巧选中操作几乎是所有编辑操作的第一步，只要掌握以下的选中小技巧，效率翻倍绝非纸上谈兵。相交选中.

2021-01-08 11:48:12 676

原创一看就会，效率翻倍！在线设计必会技能（基础篇）

【文末有福利哦】摹客在线设计作为2020年国内设计工具新秀，一经推出就斩获了一大批产品经理和设计师的青睐。除了功能强大、能力全面的特点外，摹客团队在工具的易用性方s面也做了非常多的努力。其中不少功能可以极大地提高用户的工作效率，真正做到让设计更快更简单。今天我们就一起来盘点一下摹客在线设计中，那些遍布各处的惊喜。本期内容从最常用的基础操作入手，后续还会为大家介绍更多高阶功能和技巧。选中有技巧选中操作几乎是所有编辑操作的第一步，只要掌握以下的选中小技巧，效率翻倍绝非纸上谈兵。.

2021-01-08 11:43:24 244

设计“1+2”，摹客就够了！