自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

设计“1+2”,摹客就够了!

用原型勾画人生

  • 博客(780)
  • 收藏
  • 关注

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

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

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

原创 高端操作!Figma + 摹客打造实用设计平台

​红透UX设计圈的在线矢量设计工具Figma,在最近两年几乎成了“真香”的代名词,这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户,糟糕的连接速度、极度缺失的本地化支持都让Figma较难发挥真正的协作优势。国外厂商往往不重视中国市场的需求和本地化体验即使困难重重,仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的:按人数收费的订阅机制,价格不菲;为保持连接体验,“梯子”和相关费用也是必不可少;最后,Figma自身的交付能力较弱,所以还得另购其他产品...

2020-12-17 17:43:33 865

原创 20款精美APP和Web设计模板素材(附演示链接)

好的设计模板素材总是多多益善,有了模板的助力,设计师就能快速获得灵感,轻松设计出满意的产品。今天小摹为大家分享一波优秀的APP&Web设计模板,希望它们能在这个冬天,给忙于完成各种设计的UI设计师们带来帮助。闲话少叙,我们一起来看看吧~10个APP设计模板1. 音乐类APP-Music Streaming这是一款风格简约的音乐播放器模板,白色背景搭配渐变色元素,既保证了整体风格清新简单,又突出了界面中的重点信息。这款素材包含8个页面,可以为设计...

2020-12-17 12:10:35 2055

原创 【干货】不容错过!前端工程师必备的10款优质工具

前端开发是创建 Web 页面或移动端等前端界面呈现给用户的过程,需要通过 HTML,CSS,JavaScript 以及衍生出来的各种技术、框架和解决方案,来实现互联网产品的用户界面交互。市面上有许多不同类型的前端开发工具,可以加速产品研发进程。今天就为大家介绍10款优秀的前端开发工具,学会使用这些工具,不仅能提高开发效率,还能更清晰地将自己的研发思路呈现出来。1. 远程开发 - VSCodeVSCode 是目前最受开发人员欢迎的编码工具之一,具备强大便捷的远程开发能力。与其它远程开发工具...

2020-12-16 17:35:06 863

转载 【经验】超全面:这份设计师晋升答辩指南 值得收藏!

最近收到好几位同学的问题:晋升述职ppt好难做、答辩要怎么说才能提高通过率、好几次晋升都失败了是什么原因……..有道是一文钱难倒英雄汉,几个字几句话难倒了大片设计师。设计师总是沉浸在设计技能的精通和创意的实现,而忽略了自己其他素质的发展。很多设计师对写文嗤之以鼻,设计师要会像作家一样字字珠玉吗?要会像销售一样口若悬河吗?当然不用,但是作为一个在职场中的商业设计师,必须要会表达自己,你不是梵高,你必须在活着的时候展示自己的价值。所以文字和语言是你除了作品以外,另外两种展示自己能力的方式,非常重

2020-10-27 11:37:43 1949

原创 UI设计师是如何工作的?

眼下正值就业的“金九银十”,又有大批新人小伙伴要涌入UI设计这片红海啦。然而在某度搜索“UI设计师”会发现,其实大部分人对这一行并不是十分了解。笔者作为一名正奋斗在一线的UI设计师,给准备入行或已经入行却仍然迷茫的小伙伴们解析一下,UI的工作内容以及流程究竟是怎样的。UI设计师具体做什么?UI设计师又称用户界面(User interface)设计师,在软件开发团队中负责产品视觉设计工作。其工作的目标简单来说就是让软件界面变得更美观更好用。在具体工作中,设计师不仅需要很硬的专...

2020-10-21 12:07:11 1908

原创 学会情感化设计,让用户舍不得离开!

情感化设计是指能够唤起用户情感反应,提升用户体验的设计。这种设计理念不仅关注产品的功能和实用性,更重视产品如何与用户产生情感共鸣,以创造出令人愉悦的使用体验。它可以分为三个层次:本能层、行为层和反思层,三个层次不是各自独立的,而是相互关联影响。1、本能层本能层是情感化设计的最底层,它指的是用户对产品设计的本能反应或第一印象。这一层主要关注产品的外观,比如简洁的用户界面会让人感觉舒适,使用高饱和度的橙色会给人快乐、活力的感觉。2、行为层。

2024-06-13 10:30:40 934

原创 6种经典的网页布局设计,你最喜欢哪个?

网页布局,是指网页中文本、图片、按钮和图标等元素的组织和排列方式。这种布局决定了用户浏览网页时的视觉体验和交互效果。可以说,网页布局就是一个网页中各元素的组织方式。在设计网页布局时,设计师需要考虑多种因素,例如目标受众、网站目的、内容优先级以及用户的浏览习惯。布局不仅要考虑视觉效果的吸引力,还要确保网页的可用性和可访问性,使所有用户都能顺畅地访问和使用网站。

2024-05-29 14:30:46 934

原创 弹窗也有大学问,一文讲透产品弹窗设计!

开始设计之前,首先要确定弹窗的目的和内容,是为了通知、警告还是其他?我以一个比较常见的模态通知弹窗为例。

2024-05-20 15:20:43 775

原创 产品经理如何用ChatGPT提高工作效率?给你15个例子!

ChatGPT爆火一年了,但真正能在日常工作生活中高频使用它,并且帮助自己提升工作效率的人还是太少了。我问了一些小伙伴,大都是问了几个问题后觉得用处不大,也懒得深入研究。作为一名已经习惯使用ChatGPT的资深产品经理,决定整理出这大半年的使用心得,真正帮助产品经理们把AI用起来,节省出来的时间多睡会儿不香吗?废话不多说,我们开始进入正题。

2024-05-17 11:18:46 970

原创 如何撰写一份优秀的产品需求文档?看完真的不用加班了!

产品需求文档是以需求为单位的描述性文档,用于记录和分析用户需求的使用场景、用户故事、业务流程、功能设计、产品原型、数据要求、影响范围等内容,详情见下方脑图。并非所有内容都要写,需要结合团队要求、实际场景进行选择,过于杂乱的需求文档最终只有在写的时候会被查看,后续无人问津,相信这是很多产品的疑惑。不能将产品需求文档搞成了形式,需要切实的解决产品研发过程中信息传递的问题。我们可以一起探讨下,产品需求文档有什么作用?

2024-05-11 10:49:21 1128

原创 吐血整理!最新最全产品经理常用工具清单

作为一名工作5年的半资深产品经理,最近开始带小团队了,刚刚入行的组员经常问我:“XXX用哪个工具好呢?借此契机,我分门别类整理了产品经理常用的工具,包含:了解需求、验证需求、产品需求文档、绘制原型、评审、跟进开发、测试、产品上线等产品人工作流中,所有会用到的优秀工具,希望对大家有所帮助。

2024-04-24 11:05:02 1305

原创 如何拿捏2024年的B端设计?(附工具推荐)

以上就是笔者结合自己的真实经验,给出的B实战建议。B端产品设计是一个复杂而有挑战的领域,需要设计者具备全新的设计思维和更多的专业技能。只有紧密围绕客户业务价值开展设计,并与技术研发、市场营销等环节高效协同,才能为企业客户打造出卓越的产品和服务。最后,送大家一个大大大福利~ 本人吐血搜集整理,全网最全产品设计学习资料!只要花1分钟填写问卷1、产品经理必读的100本书2、UI/UX设计师必读的115本书3、30G互联网人知识礼包4、50G热门流行的AI学习大礼包5、30G职场必备技能包。

2024-04-16 14:04:48 865

原创 知名设计神器InVision关停,还有哪些更好的设计工具?

Abstract专注于设计团队的协作与版本控制,能够帮助团队更好地管理设计文件、快速协作和进行有效的版本控制。设计团队可以在Abstract进行多人协作编辑、实时更新以及自动备份,极大提高团队的工作效率和协作质量。相比之下InVision,Abstract提供了更全面的设计协作和版本管理功能。如果团队需要更有效的设计协作、版本控制和更好的工作流程管理,Abstract是一个可以考虑的选择。Pro:32美元/月学习难度:★★★MacOS推荐评级:★★☆。

2024-04-10 15:48:19 749

原创 除了Sora,这8大AI工具值得每个设计师和产品经理尝试!

AI Colors是一个人工智能色彩调色板生成器,它可以根据你的描述生成贴心的配色方案,同时你也可以参考提供的配色案例,每一种配色方案都有对应的效果展示,让你能够快速找到想要自己的配色方案。Whimsical是一款多功能的在线设计工具,它可以帮助用户完成思维导图、流程图、线框图的制作,成品逻辑清晰,层次分明,还能帮助设计师及时标记灵感,是一款万能的专业辅助设计工具。Khroma是一款利用人工智能技术来生成配色方案的工具,它能根据你的喜好和需求,提供高效、直观的配色解决方案,并创建无限的调色板让你尽情探索。

2024-03-25 14:39:50 944

原创 手把手教你从0开始搭建B端设计系统

设计系统(Design System)是一套旨在提高设计效率、确保设计一致性和加强品牌形象的规范化系统。它是由一系列设计原则、组件库、样式指南、交互规范等组成的集合体,旨在为设计团队提供统一的设计语言和资源,以便在不同项目中保持一致的视觉风格和用户体验。设计系统通常包括设计原则、色彩规范、字体排版、图标库、组件库、界面样式指南、交互规范等内容,这些构成了一个完整的设计体系。

2024-03-12 15:49:50 986

原创 2024年UI排版风格解析,经典模板一键复用!

在UI设计工作中,如何保证。经过了多年的设计工作后,笔者发现新人设计师的尤其容易陷入对流行趋势的简单模仿,缺失对排版本身的逻辑性认知。在这篇文章中,笔者将盘点10个经典UI排版案例,并分析这些版式能成为“经典”的原因。此外,所有的案例都将提供一键复用的链接,方便读者自行进行更细致的研究和学习。

2024-03-05 10:29:37 803

原创 这10款设计工具,助你轻松搞定主视觉设计!

我们浏览网站、App或其他数字产品时,页面或屏幕上最显著最重要的部分,比如设计风格、颜色、排版、图片和元素等信息,就是数字产品的主视觉,也是用户首次接触产品时最能直观感受的部分。由此可见,主视觉设计有多重要!它可以引导用户视线,吸引注意力,传达信息和品牌形象。好的主视觉设计能够让用户对产品产生良好的第一印象,激发用户的兴趣并吸引他们留存下来继续使用产品。

2024-02-26 10:55:53 839

原创 全网Bento和3D?点评2024年UX/UI设计趋势

UI(用户界面设计)设计是UX(用户体验设计)的子集,前者更聚焦数字界面的视觉表现,后者则需要关注用户在实现某个目标时全流程的感受。总结来说:UI关注产品的外观和交互细节,注重界面的美观和易用性。UX关注用户在使用产品时的整体体验,注重用户的需求、目标和情感。虽然UI和UX是两个设计领域,但实际工作中有很大的重叠空间。以国内的实际情况来看,新入行的设计师没必要去纠结这两者的区别,提升自己的“设计手活”和“专业知识”在是才最要紧的。以上就是笔者为大家总结并点评的2024年UX/UI设计趋势。总体来说,

2024-02-18 14:36:42 1222

原创 如何提高设计还原度?做好这5个方面就够了!

设计还原度是指设计以及最终产品符合顶层设计理念和设计规范,在不同界面、不同系列的产品中,保持相应的一致性,严格还原设计稿。设计还原度除了指界面上的还原度外,交互和动效设计的还原度也包含在内,今天我们重点分析UI设计和交互设计的还原度问题。在业内,我们常说设计还原度低,是指最终开发完成的产品未还原设计。常见的设计还原度问题包括:基本界面还原问题,通常以不符合4大基本设计原则(亲密、对齐、重复、对比)的形式出现。界面一致性问题,比如不同界面的按钮尺寸、样式不一致,颜色存在细微差异等。

2024-02-08 11:10:39 904

原创 不是能画原型就叫会“快速原型”的,好吗?

快速原型来源于英文词组“Rapid Prototyping”,是指在产品或项目开发的早期阶段通过创建一个简单的模型,以便用于验证和测试设计概念、功能及界面。广义的快速原型适用于各个领域。而在软件行业中,快速原型只专指对软件应用的原型项目制作。其实了解了这一概念,大家就能发现,快速原型与我们当前常说的原型设计已经没有太大的区别。因为原型设计本身,就是讲求快速高效的。但即便如此,也不是会画原型的人都能真正做到快速原型。不少原型设计老手的项目产出效率和质量都不高,实在很难称得上“快速原型”。

2024-01-30 10:20:14 797

原创 年度盘点!15款互联网人必备的AI工具,效率提升200%

2023年,随着ChatGPT等AI工具的爆火,各路散播焦虑的言论层出不穷,比如什么产品经理、设计师、程序员等等,都要被质问一遍,AI会取代他们吗?在笔者看来并不会,AI取代人类还很遥远,但学习和掌握AI工具,确实能大幅提升效率。未来,只分为懂AI和不懂AI的人,两者间的差距也会越来越大。本文,笔者将为你推荐15款互联网行业人士必备的AI工具,从内容创作到市场营销,从数据分析到项目管理,从图片编辑到智能原型,这些工具涵盖了工作的各个方面,助你工作效率提升200%!

2024-01-24 11:35:07 1131

原创 交互设计用哪个软件好?推荐这11款交互设计工具

其特色包括丰富的设计和布局功能,用户可以借助这些功能,轻松创建响应式设计,预览在不同设备上的效果,以确保设计的一致性和灵活性。用户对Figma强大的协作功能和灵活的交互原型设计倍加推崇,同时也赞扬了其跨平台、实时同步、版本管理和自动保存等强大的云端功能,此外,Figma还提供了丰富的在线教程,帮助用户快速上手并发挥设计创意。原型设计工具Marvel 简洁易用,提供了丰富多样的原型设计功能,覆盖了常见的原型设计场景,用户可以快速简便地创建交互原型,并直接演示,进行用户测试和审核。

2024-01-18 10:47:26 1087

原创 2024最新网页设计趋势,十大预测抢先看!

以后产品经理或设计师在设计网页时,会更多考虑到聊天机器人的应用,比如提供更多交互,自动化生成产品描述,优化用户搜索体验,提供即时的购物建议等。此外,深色背景配以对比鲜明的文字和元素,还给网页带来不同的现代时尚的外观。今年,ChatGPT等AI产品的爆火,对各行各业都产生了巨大影响,设计也不例外,AI不仅改变了设计师的工作方式,也为网页设计带来了前所未有的创新可能。可以看到,在2024年的设计趋势中,人工智能影响力越来越大,数字化日益成熟,网页设计已不仅仅是视觉艺术的展示,更是技术创新和用户体验的结晶。

2024-01-12 10:21:33 958

原创 产品经理是如何做好产品规划的

而当团队存在营收压力,需要通过各种方式提高销量时,那么我们可能就要暂时放缓产品常规功能的迭代考虑,而更关注市场侧的需求,如何更好地配合营销推广就是我们需要通过产品规划来回答的问题。当使用原型项目进行可用性测试的时候,需要确保原型项目的交互效果足够完善,否则可能导致产品功能的使用体验的还原度不够,影响用户的感知结果。产品经理可以通过原型项目,将产品界面与交互设计表现出来,最大程度地模拟软件的使用功能、流程,让用户能直接地对产品、功能进行体验,从而得到更真实的感受,并以此收集用户的意见和反馈。

2024-01-05 10:31:08 903

原创 15款高效网页制作工具,助你快速建站!

以上就是本次推荐的15款高效网页制作,这些网页设计工具覆盖了各种需求,无论您是一名初学者还是经验丰富的专业网页设计师,都可以找到适合自己的工具来进行高效网页设计哦,希望大家喜欢本次的推荐~

2023-12-29 11:44:08 1243

原创 效率翻倍!2023年度 Figma 插件大盘点!

以上就是关于 Figma 插件的大盘点啦,这就是为什么越来越多的设计师倾向于使用 Figma 做设计了,它除了给用户带来丝滑的操作体验、协同设计,还有很重要的因素就是公共社区了,大量的资源和插件,让设计师提高了设计效率,追求更好的设计体验!

2023-12-19 10:54:30 1077

原创 一文打尽!摹客RP动态面板全攻略

据不完全统计,原型项目中最常用到的交互效果是弹出效果,其次是内容切换效果。作为一款简单易用的原型设计工具,当然也为用户提供了制作内容切换效果的方式,并且也在不断完善相关功能与特性。今天小摹要为大家介绍的正是一款为内容切换效果而生的容器——动态面板。它不仅拥有和内容面板相同的作用,还提供更为方便易用的操作方式。想知道你是否已经完全掌握了制作内容切换效果的技巧?那得看完这篇文章才说得准哦!

2023-12-15 09:42:06 210

原创 防职业掉坑必看,电商设计主要做什么?

如今电子商务行业发展迅猛,电商设计师的发展前景和机遇也是毋庸置疑的。不过,快速发展也意味着不断地变化,尤其是在新的技术、新的机制涌现时,电商行业对电商设计师的能力要求也会不断迭代。只有对这个行业、这份职业有全面的认识,并不断提升个人技能与竞争力,才能在多变的大环境中立于不败之地。

2023-12-13 09:55:31 105

原创 超全面测评!国内有多少软件能替代Axure?

在确定测评对象时,我有两大基础的选品标准:1、有足够的中国用户适配度。即产品的功能与语言是适合国内用户使用的,因此不提供中文语言且没有任何汉化版本,或国内用户太少的工具不在我的考虑范围。2、支持导入Axure项目。因为我的团队有大量Axure存量资产需要迁移到新工具,而且这一能力也很能反映测评对象与Axure之间的异同。基于此,我最终锁定了以下五款设计工具。前两款是明确了原型设计工具定位的产品;

2023-11-15 10:12:17 335

原创 生产力爆炸!盘点15款全球最佳的AI设计助手

最新版的Adobe Firefly已经深入对接了Photoshop和Illustrator这两款平面设计师常用的产品,提供文字生成和自适应生成能力,可以自动识别选择范围附近的图像来生成最合适的方案,同时提供多种备选并支持矢量化生成,这些能力在同类设计软件中都是独一无二的。加入了AI设计助手后,近年来非常流行的3D设计风格门槛被大幅度降低,人人都可以通过文字描述来生成3D的模型或场景、纹理甚至动画,再也不需要为了一些临时的3D需求去学习C4D或者Blender这些专业级的3D软件了。

2023-11-08 10:42:27 320

原创 Figma 怎么切图?新手入门教程详解

Figma 切图插件 Heron Handoff 可以设计师导出离线设计标注,导出的文件可以直接交付给开发,开发可以很轻松地查看间距、尺寸、色值、文字等信息并导出 WebP 格式切图,也可以自定义切图导出命名风格,自定义平台、像素密度和单位等功能,是一款常用的 Figma 插件。除了设计师常用的自带切图功能,Figma 插件市场也有很多切图插件,可提高切图效率,这里推荐几款常用的切图插件,能够通过便捷的工作方式帮助设计师完成 Figma 的切图标注等工作,提高工作效率,快来尝试一下吧!

2023-11-06 12:02:39 669

原创 产品运营是做什么的?新手运营必读篇

产品运营的核心是用户体验管理、数据驱动决策、市场推广与用户增长、竞争分析与市场调研以及协调与沟通等方面。产品运营需要具备市场调研、体验设计、数据分析、营销推广等专业能力,好的产品运营可以让产品活得更好更久。虽然产品运营偏向市场,但是产品运营专业人员也应该要具备一定的体验设计能力,如用户洞察、基础原型设计等。最后大家可以结合一些专业书籍,并在工作中进行总结,不断提升自己。

2023-11-03 09:39:14 122

原创 超全面测评!2023年最常用的15款原型设计工具

好的设计工具能够让你的设计工作事半功倍。所以,不管你对原型设计的掌握程度如何,都请确保你选择了最适合你的原型设计工具。相信今天为你呈现的15款设计工具,总有一款能让你满意。

2023-10-27 10:00:16 480

原创 超好看的12款AI头像生成器!免费也有好效果!

AI头像生成器通过先进的AI算法和深度学习模型,为用户提供了创造多样化、逼真、艺术化的头像的机会。上述盘点的12款超好看的AI头像生成器,无论是卡通风格、矢量化风格、像素风格还是真实头像,都能满足不同用户的需求。此外,这些生成器大多都提供了丰富的可调选项,让用户最大化地控制生成头像的效果,并且基本都提供了充足的免费试用机会。无论您是想要个性化的头像,还是将头像转化为艺术作品,这些AI头像生成器总有一款能满足你的需求。不妨尝试一下,让您的头像从此与众不同吧!

2023-10-20 10:12:40 561

原创 交互设计主要做什么?新手入门必读

交互设计充满着挑战和创造力,它是一个汇集了多种技能和知识的领域,伴随交互设计的不断发展,交互设计师也成为数字时代的关键人物,如果你有信心和兴趣成为一名交互设计师,并在实践中不断学习进步,完善自己的能力模型,甚至可以形成自己的风格,相信一定会有光芒万丈的职业生涯。交互设计软件。

2023-10-17 10:50:58 154

原创 10个在线Logo设计工具,轻松搞定Logo设计

想要建立有温度的品牌形象,Logo设计必不可少。好的Logo设计,可以让品牌的形象和标识变得独特,给消费者留下比竞品更深刻的印象。同时,Logo通过色彩、形状、字体等元素的搭配,也能够帮助品牌传达核心价值,体现个性特点,例如环保品牌的Logo常常会使用树叶、鸟等大自然的元素,颜色也会选用更健康的绿色,来强调他们对环境保护的承诺和关注。

2023-09-19 10:13:27 211

原创 远程办公效率神器!16款远程软件大盘点

以上就是本次分享的16款远程工具啦~ 希望能帮助到大家选择适合自己团队的工具,更好地实现进行远程办公,让协作变得更加紧密和无缝!当然啦,我们在远程办公环境中不仅要学会合理地利用这些工具,还要注意避免过度依赖,可以不时保持一些适当的线下交流。更加重要的是,要注意信息安全和隐私保护,选择有信誉的软件供应商,妥善管理文档和数据,让远程办公高效又安全!

2023-09-14 10:45:01 189

原创 UI设计怎么切图?初学者入门必读篇

本文主要介绍了UI设计中切图的相关知识和规范,包括切图的概念、目的、规范、流程和工具等。切图是UI设计中的一个重要步骤,通过将开发不能直接使用代码实现的设计元素分解成不同的图形元素,以便在开发过程中能够被编程语言所识别和应用。切图不仅包括图像元素的切割,还包括不同图形元素的组合和命名,以及与图形元素的链接和注释等。切图的规范包括格式、尺寸和命名等方面,掌握相关知识可以确保开发最终的还原度。常见具有切图能力的工具有Invision、Zeplin、摹客协作、摹客DT等。

2023-09-12 14:39:18 276

原创 2023年超爆火的15款AI设计软件

无论是原型、品牌、颜色、网页、人像、提示词、界面或包装设计,设计师们都可以根据自己的实际需求选择合适的软件来创作。以上就是本文为大家整理推荐的15款超好用的AI设计软件,它们可以为多行业的设计师提供诸多助力,没有尝试过的小伙伴们赶紧用起来吧。

2023-09-04 11:22:13 338

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除