- 博客(785)
- 收藏
- 关注
RSS订阅
原创 一款好用的程序员切图标注神器
我这里推荐的是摹客，摹客是设计+协作（All in One）的一站式云平台，为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。目前整个设计领域只有zeplin和摹客拥有设计+协作。摹客协作设计平台的特点：- 高保真原型设计：在线设计创作，支持矢量绘图、交互设计、流程图等- 设计稿交付：支持交付 Sketch / PS / XD / Figma / Axure 设计稿，解放双手- 全流程协作：自动标注切图、在线评论审阅、设计任务管理- 设计规范管理：轻松定制规范，高效
2021-01-20 10:31:37
356
2
原创 高端操作！Figma + 摹客打造实用设计平台
红透UX设计圈的在线矢量设计工具Figma，在最近两年几乎成了“真香”的代名词，这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户，糟糕的连接速度、极度缺失的本地化支持都让Figma较难发挥真正的协作优势。国外厂商往往不重视中国市场的需求和本地化体验即使困难重重，仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的：按人数收费的订阅机制，价格不菲；为保持连接体验，“梯子”和相关费用也是必不可少；最后，Figma自身的交付能力较弱，所以还得另购其他产品...
2020-12-17 17:43:33
871
原创 20款精美APP和Web设计模板素材（附演示链接）
好的设计模板素材总是多多益善，有了模板的助力，设计师就能快速获得灵感，轻松设计出满意的产品。今天小摹为大家分享一波优秀的APP&Web设计模板，希望它们能在这个冬天，给忙于完成各种设计的UI设计师们带来帮助。闲话少叙，我们一起来看看吧~10个APP设计模板1. 音乐类APP-Music Streaming这是一款风格简约的音乐播放器模板，白色背景搭配渐变色元素，既保证了整体风格清新简单，又突出了界面中的重点信息。这款素材包含8个页面，可以为设计...
2020-12-17 12:10:35
2103
原创 【干货】不容错过！前端工程师必备的10款优质工具
前端开发是创建 Web 页面或移动端等前端界面呈现给用户的过程，需要通过 HTML，CSS，JavaScript 以及衍生出来的各种技术、框架和解决方案，来实现互联网产品的用户界面交互。市面上有许多不同类型的前端开发工具，可以加速产品研发进程。今天就为大家介绍10款优秀的前端开发工具，学会使用这些工具，不仅能提高开发效率，还能更清晰地将自己的研发思路呈现出来。1. 远程开发 - VSCodeVSCode 是目前最受开发人员欢迎的编码工具之一，具备强大便捷的远程开发能力。与其它远程开发工具...
2020-12-16 17:35:06
870
转载 【经验】超全面：这份设计师晋升答辩指南 值得收藏！
最近收到好几位同学的问题：晋升述职ppt好难做、答辩要怎么说才能提高通过率、好几次晋升都失败了是什么原因……..有道是一文钱难倒英雄汉，几个字几句话难倒了大片设计师。设计师总是沉浸在设计技能的精通和创意的实现，而忽略了自己其他素质的发展。很多设计师对写文嗤之以鼻，设计师要会像作家一样字字珠玉吗？要会像销售一样口若悬河吗？当然不用，但是作为一个在职场中的商业设计师，必须要会表达自己，你不是梵高，你必须在活着的时候展示自己的价值。所以文字和语言是你除了作品以外，另外两种展示自己能力的方式，非常重
2020-10-27 11:37:43
1987
原创 UI设计师是如何工作的？
眼下正值就业的“金九银十”，又有大批新人小伙伴要涌入UI设计这片红海啦。然而在某度搜索“UI设计师”会发现，其实大部分人对这一行并不是十分了解。笔者作为一名正奋斗在一线的UI设计师，给准备入行或已经入行却仍然迷茫的小伙伴们解析一下，UI的工作内容以及流程究竟是怎样的。UI设计师具体做什么？UI设计师又称用户界面（User interface）设计师，在软件开发团队中负责产品视觉设计工作。其工作的目标简单来说就是让软件界面变得更美观更好用。在具体工作中，设计师不仅需要很硬的专...
2020-10-21 12:07:11
1914
原创 全面Web化！2024年UI设计师必会工具清单
时光如梭，笔者在UI / UX设计领域从业已经超过10年了。回想早期设计师们的主要工具都是单机软件（如Sketch、Photoshop等），其他工具主要都是围绕它们的一些插件。而10年后，整个，各种设计场景的解决方案均开始使用Web-App作为新的载体。如果你是一位想要进入UI和体验设计行业的新人，笔者认为。后文我将从：主力UI设计、特定素材制作、团队设计工作流、素材和规范管理这四个方面总结15款当下UI设计师必会的工具，供各位读者参考。
2024-07-17 10:34:45
654
原创 AI绘画杀死了设计师！？恰恰相反……
与大多数人想象的不同，ChatGPT等各种AI工具爆火之后，受到冲击最大的居然是设计师、作家、翻译等具有创造性的工作，以体力劳动为主的蓝领反而最不易被替代。以城市数据团做过的一项研究为例，他们对中国1639种职业进行了GPT替代风险分析，下面是数据调研结果：AI替代率最高的职业是翻译，其次是保险核保专业人员以及剧作家，这三个职业，被AI替代的风险高达90%以上；接下来，视觉传达设计人员、装饰美工、美术编辑、广告设计师、剪辑师，这些与美术、视频、作图相关的职业，被AI替代的风险高达80%以上；
2024-07-10 15:13:46
803
原创 干货！一文读懂10种主流的图片格式
近年来，很受欢迎的表情包就大多是GIF，这种格式更具表现力，能为你的交流增添幽默和趣味，而且GIF比视频小很多，更容易加载，也就更容易在社交媒体上分享。RAW文件格式，通常被称为"原始图像文件"，是一种摄影中使用的图像文件格式，它记录了相机图像传感器捕获的未处理的图像数据，没有经过任何压缩或颜色处理，因此提供了最大的灵活性和图像质量。它支持无损和有损压缩，并且可以包含透明背景。）：完全免费，更适合国内设计师的矢量编辑工具，可以创建高质量的矢量图形和插图，上手简单，还能在线实时协同，轻松完成设计。
2024-07-04 11:53:19
618
原创 2024年设计师必须尝试的8款XR设计工具！
2024年XR（扩展现实）技术的不断发展，越来越多的设计师开始涉足XR设计领域，期间苹果发布的头显设备“Vision Pro”更是让这个领域热度飙升。对于XR设计领域的初学者来说，选择合适的工具非常重要。本文将为大家介绍一些XR实际设计工作中常用的工具，让各位读者能快速上手。
2024-07-01 14:52:56
763
原创 如何设计出比小米SU7 还酷炫的中控大屏?
最近，国内新能源汽车的热度是一波又一波，比亚迪大降价、小米SU7横空出世…… 智能驾舱，车载设计也受到越来越多人的关注。作为一名软件产品经理或设计师，你可能正在相关行业工作，或准备进入汽车领域。那你一定想了解车载设计（HMI）相关的方法和工具，今天就一起来盘点下车载设计的经典设计思路~
2024-06-25 10:14:56
870
原创 学会情感化设计，让用户舍不得离开！
情感化设计是指能够唤起用户情感反应，提升用户体验的设计。这种设计理念不仅关注产品的功能和实用性，更重视产品如何与用户产生情感共鸣，以创造出令人愉悦的使用体验。它可以分为三个层次：本能层、行为层和反思层，三个层次不是各自独立的，而是相互关联影响。1、本能层本能层是情感化设计的最底层，它指的是用户对产品设计的本能反应或第一印象。这一层主要关注产品的外观，比如简洁的用户界面会让人感觉舒适，使用高饱和度的橙色会给人快乐、活力的感觉。2、行为层。
2024-06-13 10:30:40
970
原创 6种经典的网页布局设计，你最喜欢哪个？
网页布局，是指网页中文本、图片、按钮和图标等元素的组织和排列方式。这种布局决定了用户浏览网页时的视觉体验和交互效果。可以说，网页布局就是一个网页中各元素的组织方式。在设计网页布局时，设计师需要考虑多种因素，例如目标受众、网站目的、内容优先级以及用户的浏览习惯。布局不仅要考虑视觉效果的吸引力，还要确保网页的可用性和可访问性，使所有用户都能顺畅地访问和使用网站。
2024-05-29 14:30:46
994
原创 产品经理如何用ChatGPT提高工作效率？给你15个例子！
ChatGPT爆火一年了，但真正能在日常工作生活中高频使用它，并且帮助自己提升工作效率的人还是太少了。我问了一些小伙伴，大都是问了几个问题后觉得用处不大，也懒得深入研究。作为一名已经习惯使用ChatGPT的资深产品经理，决定整理出这大半年的使用心得，真正帮助产品经理们把AI用起来，节省出来的时间多睡会儿不香吗？废话不多说，我们开始进入正题。
2024-05-17 11:18:46
1033
原创 如何撰写一份优秀的产品需求文档？看完真的不用加班了！
产品需求文档是以需求为单位的描述性文档，用于记录和分析用户需求的使用场景、用户故事、业务流程、功能设计、产品原型、数据要求、影响范围等内容，详情见下方脑图。并非所有内容都要写，需要结合团队要求、实际场景进行选择，过于杂乱的需求文档最终只有在写的时候会被查看，后续无人问津，相信这是很多产品的疑惑。不能将产品需求文档搞成了形式，需要切实的解决产品研发过程中信息传递的问题。我们可以一起探讨下，产品需求文档有什么作用？
2024-05-11 10:49:21
1719
原创 吐血整理！最新最全产品经理常用工具清单
作为一名工作5年的半资深产品经理，最近开始带小团队了，刚刚入行的组员经常问我：“XXX用哪个工具好呢？借此契机，我分门别类整理了产品经理常用的工具，包含：了解需求、验证需求、产品需求文档、绘制原型、评审、跟进开发、测试、产品上线等产品人工作流中，所有会用到的优秀工具，希望对大家有所帮助。
2024-04-24 11:05:02
1445
原创 如何拿捏2024年的B端设计？（附工具推荐）
以上就是笔者结合自己的真实经验，给出的B实战建议。B端产品设计是一个复杂而有挑战的领域，需要设计者具备全新的设计思维和更多的专业技能。只有紧密围绕客户业务价值开展设计，并与技术研发、市场营销等环节高效协同，才能为企业客户打造出卓越的产品和服务。最后，送大家一个大大大福利~ 本人吐血搜集整理，全网最全产品设计学习资料！只要花1分钟填写问卷1、产品经理必读的100本书2、UI/UX设计师必读的115本书3、30G互联网人知识礼包4、50G热门流行的AI学习大礼包5、30G职场必备技能包。
2024-04-16 14:04:48
871
原创 知名设计神器InVision关停，还有哪些更好的设计工具？
Abstract专注于设计团队的协作与版本控制，能够帮助团队更好地管理设计文件、快速协作和进行有效的版本控制。设计团队可以在Abstract进行多人协作编辑、实时更新以及自动备份，极大提高团队的工作效率和协作质量。相比之下InVision，Abstract提供了更全面的设计协作和版本管理功能。如果团队需要更有效的设计协作、版本控制和更好的工作流程管理，Abstract是一个可以考虑的选择。Pro：32美元/月学习难度：★★★MacOS推荐评级：★★☆。
2024-04-10 15:48:19
751
原创 除了Sora，这8大AI工具值得每个设计师和产品经理尝试！
AI Colors是一个人工智能色彩调色板生成器，它可以根据你的描述生成贴心的配色方案，同时你也可以参考提供的配色案例，每一种配色方案都有对应的效果展示，让你能够快速找到想要自己的配色方案。Whimsical是一款多功能的在线设计工具，它可以帮助用户完成思维导图、流程图、线框图的制作，成品逻辑清晰，层次分明，还能帮助设计师及时标记灵感，是一款万能的专业辅助设计工具。Khroma是一款利用人工智能技术来生成配色方案的工具，它能根据你的喜好和需求，提供高效、直观的配色解决方案，并创建无限的调色板让你尽情探索。
2024-03-25 14:39:50
1024
原创 手把手教你从0开始搭建B端设计系统
设计系统（Design System）是一套旨在提高设计效率、确保设计一致性和加强品牌形象的规范化系统。它是由一系列设计原则、组件库、样式指南、交互规范等组成的集合体，旨在为设计团队提供统一的设计语言和资源，以便在不同项目中保持一致的视觉风格和用户体验。设计系统通常包括设计原则、色彩规范、字体排版、图标库、组件库、界面样式指南、交互规范等内容，这些构成了一个完整的设计体系。
2024-03-12 15:49:50
989
原创 2024年UI排版风格解析，经典模板一键复用！
在UI设计工作中，如何保证。经过了多年的设计工作后，笔者发现新人设计师的尤其容易陷入对流行趋势的简单模仿，缺失对排版本身的逻辑性认知。在这篇文章中，笔者将盘点10个经典UI排版案例，并分析这些版式能成为“经典”的原因。此外，所有的案例都将提供一键复用的链接，方便读者自行进行更细致的研究和学习。
2024-03-05 10:29:37
894
原创 这10款设计工具，助你轻松搞定主视觉设计！
我们浏览网站、App或其他数字产品时，页面或屏幕上最显著最重要的部分，比如设计风格、颜色、排版、图片和元素等信息，就是数字产品的主视觉，也是用户首次接触产品时最能直观感受的部分。由此可见，主视觉设计有多重要！它可以引导用户视线，吸引注意力，传达信息和品牌形象。好的主视觉设计能够让用户对产品产生良好的第一印象，激发用户的兴趣并吸引他们留存下来继续使用产品。
2024-02-26 10:55:53
869
原创 全网Bento和3D？点评2024年UX/UI设计趋势
UI（用户界面设计）设计是UX（用户体验设计）的子集，前者更聚焦数字界面的视觉表现，后者则需要关注用户在实现某个目标时全流程的感受。总结来说：UI关注产品的外观和交互细节，注重界面的美观和易用性。UX关注用户在使用产品时的整体体验，注重用户的需求、目标和情感。虽然UI和UX是两个设计领域，但实际工作中有很大的重叠空间。以国内的实际情况来看，新入行的设计师没必要去纠结这两者的区别，提升自己的“设计手活”和“专业知识”在是才最要紧的。以上就是笔者为大家总结并点评的2024年UX/UI设计趋势。总体来说，
2024-02-18 14:36:42
1271
原创 如何提高设计还原度？做好这5个方面就够了！
设计还原度是指设计以及最终产品符合顶层设计理念和设计规范，在不同界面、不同系列的产品中，保持相应的一致性，严格还原设计稿。设计还原度除了指界面上的还原度外，交互和动效设计的还原度也包含在内，今天我们重点分析UI设计和交互设计的还原度问题。在业内，我们常说设计还原度低，是指最终开发完成的产品未还原设计。常见的设计还原度问题包括：基本界面还原问题，通常以不符合4大基本设计原则（亲密、对齐、重复、对比）的形式出现。界面一致性问题，比如不同界面的按钮尺寸、样式不一致，颜色存在细微差异等。
2024-02-08 11:10:39
911
原创 不是能画原型就叫会“快速原型”的，好吗？
快速原型来源于英文词组“Rapid Prototyping”，是指在产品或项目开发的早期阶段通过创建一个简单的模型，以便用于验证和测试设计概念、功能及界面。广义的快速原型适用于各个领域。而在软件行业中，快速原型只专指对软件应用的原型项目制作。其实了解了这一概念，大家就能发现，快速原型与我们当前常说的原型设计已经没有太大的区别。因为原型设计本身，就是讲求快速高效的。但即便如此，也不是会画原型的人都能真正做到快速原型。不少原型设计老手的项目产出效率和质量都不高，实在很难称得上“快速原型”。
2024-01-30 10:20:14
806
原创 年度盘点！15款互联网人必备的AI工具，效率提升200%
2023年，随着ChatGPT等AI工具的爆火，各路散播焦虑的言论层出不穷，比如什么产品经理、设计师、程序员等等，都要被质问一遍，AI会取代他们吗？在笔者看来并不会，AI取代人类还很遥远，但学习和掌握AI工具，确实能大幅提升效率。未来，只分为懂AI和不懂AI的人，两者间的差距也会越来越大。本文，笔者将为你推荐15款互联网行业人士必备的AI工具，从内容创作到市场营销，从数据分析到项目管理，从图片编辑到智能原型，这些工具涵盖了工作的各个方面，助你工作效率提升200%！
2024-01-24 11:35:07
1184
原创 交互设计用哪个软件好？推荐这11款交互设计工具
其特色包括丰富的设计和布局功能，用户可以借助这些功能，轻松创建响应式设计，预览在不同设备上的效果，以确保设计的一致性和灵活性。用户对Figma强大的协作功能和灵活的交互原型设计倍加推崇，同时也赞扬了其跨平台、实时同步、版本管理和自动保存等强大的云端功能，此外，Figma还提供了丰富的在线教程，帮助用户快速上手并发挥设计创意。原型设计工具Marvel 简洁易用，提供了丰富多样的原型设计功能，覆盖了常见的原型设计场景，用户可以快速简便地创建交互原型，并直接演示，进行用户测试和审核。
2024-01-18 10:47:26
1113
原创 2024最新网页设计趋势，十大预测抢先看！
以后产品经理或设计师在设计网页时，会更多考虑到聊天机器人的应用，比如提供更多交互，自动化生成产品描述，优化用户搜索体验，提供即时的购物建议等。此外，深色背景配以对比鲜明的文字和元素，还给网页带来不同的现代时尚的外观。今年，ChatGPT等AI产品的爆火，对各行各业都产生了巨大影响，设计也不例外，AI不仅改变了设计师的工作方式，也为网页设计带来了前所未有的创新可能。可以看到，在2024年的设计趋势中，人工智能影响力越来越大，数字化日益成熟，网页设计已不仅仅是视觉艺术的展示，更是技术创新和用户体验的结晶。
2024-01-12 10:21:33
978
原创 产品经理是如何做好产品规划的
而当团队存在营收压力，需要通过各种方式提高销量时，那么我们可能就要暂时放缓产品常规功能的迭代考虑，而更关注市场侧的需求，如何更好地配合营销推广就是我们需要通过产品规划来回答的问题。当使用原型项目进行可用性测试的时候，需要确保原型项目的交互效果足够完善，否则可能导致产品功能的使用体验的还原度不够，影响用户的感知结果。产品经理可以通过原型项目，将产品界面与交互设计表现出来，最大程度地模拟软件的使用功能、流程，让用户能直接地对产品、功能进行体验，从而得到更真实的感受，并以此收集用户的意见和反馈。
2024-01-05 10:31:08
921
原创 15款高效网页制作工具，助你快速建站！
以上就是本次推荐的15款高效网页制作，这些网页设计工具覆盖了各种需求，无论您是一名初学者还是经验丰富的专业网页设计师，都可以找到适合自己的工具来进行高效网页设计哦，希望大家喜欢本次的推荐~
2023-12-29 11:44:08
1425
原创 效率翻倍！2023年度 Figma 插件大盘点！
以上就是关于 Figma 插件的大盘点啦，这就是为什么越来越多的设计师倾向于使用 Figma 做设计了，它除了给用户带来丝滑的操作体验、协同设计，还有很重要的因素就是公共社区了，大量的资源和插件，让设计师提高了设计效率，追求更好的设计体验！
2023-12-19 10:54:30
1119
原创 一文打尽！摹客RP动态面板全攻略
据不完全统计，原型项目中最常用到的交互效果是弹出效果，其次是内容切换效果。作为一款简单易用的原型设计工具，当然也为用户提供了制作内容切换效果的方式，并且也在不断完善相关功能与特性。今天小摹要为大家介绍的正是一款为内容切换效果而生的容器——动态面板。它不仅拥有和内容面板相同的作用，还提供更为方便易用的操作方式。想知道你是否已经完全掌握了制作内容切换效果的技巧？那得看完这篇文章才说得准哦！
2023-12-15 09:42:06
238
原创 防职业掉坑必看，电商设计主要做什么？
如今电子商务行业发展迅猛，电商设计师的发展前景和机遇也是毋庸置疑的。不过，快速发展也意味着不断地变化，尤其是在新的技术、新的机制涌现时，电商行业对电商设计师的能力要求也会不断迭代。只有对这个行业、这份职业有全面的认识，并不断提升个人技能与竞争力，才能在多变的大环境中立于不败之地。
2023-12-13 09:55:31
114
原创 超全面测评！国内有多少软件能替代Axure？
在确定测评对象时，我有两大基础的选品标准：1、有足够的中国用户适配度。即产品的功能与语言是适合国内用户使用的，因此不提供中文语言且没有任何汉化版本，或国内用户太少的工具不在我的考虑范围。2、支持导入Axure项目。因为我的团队有大量Axure存量资产需要迁移到新工具，而且这一能力也很能反映测评对象与Axure之间的异同。基于此，我最终锁定了以下五款设计工具。前两款是明确了原型设计工具定位的产品；
2023-11-15 10:12:17
591
原创 生产力爆炸！盘点15款全球最佳的AI设计助手
最新版的Adobe Firefly已经深入对接了Photoshop和Illustrator这两款平面设计师常用的产品，提供文字生成和自适应生成能力，可以自动识别选择范围附近的图像来生成最合适的方案，同时提供多种备选并支持矢量化生成，这些能力在同类设计软件中都是独一无二的。加入了AI设计助手后，近年来非常流行的3D设计风格门槛被大幅度降低，人人都可以通过文字描述来生成3D的模型或场景、纹理甚至动画，再也不需要为了一些临时的3D需求去学习C4D或者Blender这些专业级的3D软件了。
2023-11-08 10:42:27
369
原创 Figma 怎么切图？新手入门教程详解
Figma 切图插件 Heron Handoff 可以设计师导出离线设计标注，导出的文件可以直接交付给开发，开发可以很轻松地查看间距、尺寸、色值、文字等信息并导出 WebP 格式切图，也可以自定义切图导出命名风格，自定义平台、像素密度和单位等功能，是一款常用的 Figma 插件。除了设计师常用的自带切图功能，Figma 插件市场也有很多切图插件，可提高切图效率，这里推荐几款常用的切图插件，能够通过便捷的工作方式帮助设计师完成 Figma 的切图标注等工作，提高工作效率，快来尝试一下吧！
2023-11-06 12:02:39
742
原创 产品运营是做什么的？新手运营必读篇
产品运营的核心是用户体验管理、数据驱动决策、市场推广与用户增长、竞争分析与市场调研以及协调与沟通等方面。产品运营需要具备市场调研、体验设计、数据分析、营销推广等专业能力，好的产品运营可以让产品活得更好更久。虽然产品运营偏向市场，但是产品运营专业人员也应该要具备一定的体验设计能力，如用户洞察、基础原型设计等。最后大家可以结合一些专业书籍，并在工作中进行总结，不断提升自己。
2023-11-03 09:39:14
137
原创 超全面测评！2023年最常用的15款原型设计工具
好的设计工具能够让你的设计工作事半功倍。所以，不管你对原型设计的掌握程度如何，都请确保你选择了最适合你的原型设计工具。相信今天为你呈现的15款设计工具，总有一款能让你满意。
2023-10-27 10:00:16
975
原创 超好看的12款AI头像生成器！免费也有好效果！
AI头像生成器通过先进的AI算法和深度学习模型，为用户提供了创造多样化、逼真、艺术化的头像的机会。上述盘点的12款超好看的AI头像生成器，无论是卡通风格、矢量化风格、像素风格还是真实头像，都能满足不同用户的需求。此外，这些生成器大多都提供了丰富的可调选项，让用户最大化地控制生成头像的效果，并且基本都提供了充足的免费试用机会。无论您是想要个性化的头像，还是将头像转化为艺术作品，这些AI头像生成器总有一款能满足你的需求。不妨尝试一下，让您的头像从此与众不同吧！
2023-10-20 10:12:40
607
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人