- 博客(275)
- 收藏
- 关注
RSS订阅
原创 设计师如何成功地交付设计成果？
本文将分享关于设计师如何通过一些技巧来顺利完成团队在执行阶段的协作工作，即一个全面的设计交付指南。创造一个好产品是一个不断打磨和实现想法的过程，但完成一个有序且经过深思熟虑的设计开发过程并不简单。在执行阶段的后期，需要解决一些可能导致不必要的升级和重复修改的问题。作为设计师，我们是执行力的守护者，对成品中可能存在的瑕疵负有同等的责任。因此，对于设计师来说，在每次发布之前完成设计的构建...
2018-12-11 18:30:16
1102
原创 原型设计8大原则，大厂产品经理干货分享！
如果你经历过在项目中后期推翻方案、修改设计、频繁返工的痛苦，你一定会明白原型设计的重要性。多年产品职业生涯告诉我，每一个成功项目的背后，都离不开一个扎实的原型设计。通过原型，我们可以尽早发现问题，节省时间和金钱，让设计师和开发更轻松。接下来，我将从多年的实践经验出发，分享一些关于原型设计的核心原则，希望能对你有所启发。以下是想要设计出一个优秀原型的八大原则：原则 1：了解你的用户。原则 2：明确原型设计的重点。原则 3：选择合适的原型设计工具。原则 4：少计划，多实践。原则 5：放轻松！
2024-12-24 14:32:17
746
原创 仪表盘设计怎么做？附10个大厂经典案例
随着用户需求的多样化，仪表盘需要在不同场景中灵活适配，例如实时监控、数据分析或战略规划。一个优秀的仪表盘允许用户自定义设计，比如通过模块化布局和自定义功能，满足不同用户群体的需求和偏好，提升产品的适用性。
2024-12-16 09:33:24
2653
原创 Axure太贵？这10款Axure平替软件性价比更高！
提到原型设计工具，绕不开Axure，它2003年就面市了，最早占领了国内市场，逐渐成为相当一部分产品经理绘制原型图的主要工具。当然，Axure有不少优势，功能齐全，具备强大的交互制作能力，网页或手机端常见的交互动效基本都可以实现。但另一方面，Axure的缺点也很突出：功能过于复杂，用户上手难度很高；只能客户端使用，很不方便团队实时协作；每一次迭代版本都需要重新购买，定价也相对较高，一人一年要2500元，如果是团队使用，成本更高了。
2024-12-10 08:59:00
889
原创 2025最新UI设计趋势，8大预测抢先看！
你知道吗？高达88%的用户，在访问网页或使用APP体验不佳时，不会再回访网站，而体验感往往取决于产品设计。2025年，用户对产品体验的期待将达到新的高度，流畅丝滑吸引人只是基本要求，像AI个性化、3D与动画UI等设计，将会成为新的趋势。了解这些趋势对设计师来说很重要，可以打开思维，设计出更符合当下用户喜爱的产品。本文对2025年的UI设计趋势做了8大预测，一起来看看吧！
2024-12-02 19:25:10
2247
原创 网页原型设计怎么做？新手入门必看
网页原型设计是指在网站开发之前，通过低保真或高保真的可视化模型，来展示网站各个页面的结构、功能以及用户交互的流程。它是网站设计的第一步，也是至关重要的一步，能够在项目初始帮助团队明确项目需求、验证设计思路，并确保最终的网站符合预期。通过原型，设计师可以快速确定网页的各个模块、布局和元素的相对位置，确保信息的层次感和易用性。通过添加可点击的交互元素，原型设计需要模拟出用户的实际操作路径，便于提前发现潜在的体验问题。验证网站整体设计思路的可行性，减少后期返工的风险。
2024-10-29 10:49:53
848
原创 设计小白必看！一文教你区分原型图和UI图
产品设计过程中，产品经理或UI设计师常常需要在不同的设计阶段产出不同的原型图和UI图。初入职场的产品小白或UI小白很容易将原型图和UI图混淆，不能完全区分它们各自的作用，从而影响了设计流程的效率和效果。本文将详细解析原型图与UI图的定义与差异，并分别推荐几款绘制原型图和UI图常用的工具，帮助咱们产品经理和UI设计师在设计过程中更加高效地产出设计成果。
2024-10-17 15:02:10
2595
原创 实践出真知！8个案例速通栅格系统
栅格系统是一种将页面划分为多个列和行的布局结构，能显著提升视觉一致性和组织性。它的主要好处是：提高可读性：通过合理的布局，用户可以更容易地浏览和理解内容。简化设计过程：减少设计决策的复杂性，提升设计师排版效率。便于开发对接：栅格系统符合现代前端开发人员的编程习惯，更容易实现合理的响应式布局在数字设计中的“栅格”相比平面设计的“网格”更灵活一些，常常只制定纵向的分割规则。因为数字界面的高度不像纸张等实体媒介，不需要严格确定纵向高度。下图中就是最常见的一个数字界面栅格结构，包括：列（Column）
2024-09-24 14:57:48
1374
原创 产品原型设计该怎么优化？附6个优秀的原型案例
原型设计在产品开发过程中的重要性无需多言，网上也有很多“如何绘制原型”之类的教程。不过，完成原型设计只是成功的第一步，如何在此基础上进一步优化，确保产品在实际开发中更加顺畅、高效，才是原型设计更重要的一步。本文将从5个关键点出发，探讨如何优化原型设计，并分享一些优秀的原型设计案例，希望能帮助你提升原型设计水平~
2024-09-10 10:28:51
1292
原创 着陆页是什么？2024年十大必看经典着陆页设计
对一个网站而言，着陆页（Landing Page）直接决定了用户对其的第一印象。一个优秀的着陆页不仅能够抓住用户的注意力，还能留住用户，引导用户完成注册、购买等行为，甚至让用户爱上你的网站。那么，究竟什么样的着陆页才是好的、有效果的呢？本文将带你了解着陆页设计的关键要素，并分享一些实用的设计工具和优秀的设计案例，帮助你深入了解着陆页，设计出更受欢迎的页面！
2024-08-19 11:33:46
1407
原创 教你一秒学会黄金比例在设计中的应用
在设计领域，尤其是网页设计和UI设计中，黄金比例被誉为神奇的比例，它能够带来视觉上的和谐美感和吸引力。许多成功的设计作品中，都能找到黄金比例的身影。本文将深入探讨黄金比例在网页设计和UI设计中的应用，并通过实际案例展示其独特的魅力。
2024-08-12 14:52:49
1848
原创 一网打尽！大厂PM原型绘制技巧全公开
原型设计是产品开发过程中的一个关键环节，它是将产品概念可视化的一种方法。在软件和互联网产品开发中，原型通常指的是早期的产品界面和交互流程的模拟展示。它可以是简单的纸面草图，也可以是高保真的交互式设计稿，设计的精细度可以根据项目需求而变化。原型设计的主要目的是：1）验证产品概念：通过可视化的方式，快速验证产品想法的可行性2）促进沟通：为团队成员和潜在用户提供一个具象化、可讨论的产品方案，减少误解3）收集反馈：在开发初期就获得用户和团队的反馈，及早发现并解决问题。
2024-08-05 14:32:10
1144
原创 交互流程图怎么画？产品经理看这篇就够了！
流程图大家都知道，它是一种常见的图表，可以应用于多种领域，如项目管理、生产流程、供应链管理、软件开发、业务流程等，用来帮助组织和个人更好地理解、优化和管理流程。那交互流程图又是什么呢？顾名思义，它算是流程图中一个专业分类，主要用于用户体验设计领域，侧重用户在系统中的交互路径，关注用户操作和界面变化。可以说，一份好的交互流程图能帮助设计师和开发人员迅速get到产品的交互逻辑！本文，笔者就将为你详细介绍交互流程图，包括交互流程图的概念、绘制原则，以及优秀的交互流程图工具推荐，一起来看看吧~
2024-07-23 11:21:28
2289
原创 设计师如何高效进行设计验收？做好这4点就够了！
设计验收是产品设计过程中的关键环节，直接关系到最终产品的质量和用户体验。然而，设计验收并不是一个简单的过程，它往往会遇到各种各样的问题，影响项目进度和团队合作效率。因此，如何高效地进行设计验收，成为了每个设计师和团队需要面对的挑战。本文将深入探讨设计验收过程中常见的问题，并提供一些实用的解决方案，帮助设计师高效完成验收工作。一、设计验收会遇到哪些问题？在设计验收过程中，设计师可能会面临多种挑战和问题，这些问题可以归纳为以下几类：（1）沟通不畅设计验收往往需要设计师与产品经理、开发团队
2024-07-08 14:49:23
999
原创 超实用！新手必看的色彩设计指南
在UI设计中，色彩设计扮演着非常重要的角色，它不仅可以为用户带来视觉上的愉悦体验，还可以影响用户的情绪、行为和注意力。通过运用不同的色彩搭配和调性，设计师可以引导用户的注意力，突出重点内容或功能，提高用户体验和页面的可读性。好的色彩设计还可以帮助传达产品和品牌的价值观，从而建立品牌形象和认知。
2024-06-05 14:20:09
993
原创 强烈推荐！10款 PS 易用插件
Photoshop 提供了强大的图像编辑功能，可以对照片和图像进行裁剪、调整色彩、修复缺陷、应用滤镜等操作，从而实现图像的优化和改进。PS 强大的功能、丰富的特效和广泛的应用领域，成为了专业设计师和爱好者们不可或缺的创作工具之一，为用户提供了无限的创意和表现空间。本文将推荐10款不可或缺的PS插件，每款都能为你的设计工作提供巨大帮助！
2024-05-22 16:31:02
2625
原创 超实用！2024年必看的10个导航栏设计
如果说到UI设计中最常用的组件，一定有导航栏。对一个网站/APP来说，导航栏就像旅途中的指南针，告诉用户现在在哪里，可以到哪里去。一个直观、易用的导航栏能显著提升用户体验，增加网站的点击率和浏览量。不过，设计一个优秀的导航栏并没有想象中那么简单。本文，笔者将分享如何设计出一个用户体验极佳的导航栏，并为大家展示一些优秀的导航栏设计案例，希望能对你有所帮助。
2024-04-19 15:16:12
2776
原创 别让这6个UI设计雷区毁了你的APP！
一款成功的APP不仅仅取决于其功能性，更取决于用户体验，这其中，UI设计又至关重要。优秀的UI设计能够为用户带来直观、愉悦的交互体验，甚至让用户“一见钟情”，从而大大提高产品吸引力。然而，有很多设计师在追求创新与美观的同时，往往会不经意间“踩雷”，忽略了一些普通用户更在意的问题和痛点。本文，笔者将谈谈UI设计中的常见误区，同时展示了优秀的UI设计例子，还分享一些行业内推荐的设计工具，希望能助你在设计的道路上更加得心应手~
2024-04-12 15:04:18
868
原创 转型互联网必看！一文读懂软件开发全流程
金三银四，又到了求职黄金期，虽然互联网的“江湖名声”大不如前，但毕竟这是个全面数字化的时代，互联网依然是许多人求职、转行的首选。想迈入、深耕这一领域，了解软件开发流程是必备的。软件产品开发不仅仅是写代码那么简单，它包含从构思、设计到开发、测试再到部署上线一系列复杂过程。本文将详细介绍软件开发全流程，希望能对互联网从业者和对其感兴趣的朋友们有所帮助，让 大家更好地理解软件开发的每个环节，为未来的职业生涯做好准备。*本文的软件主要指应用软件、产品。
2024-03-18 10:42:21
1221
原创 2024最新图标设计趋势！附超好用的图标工具清单
图标，在界面设计中的作用不容小觑。正所谓浓缩的就是精华，一个小小的图标，却有着高效传递信息、美化界面排版、提升用户体验的巨大能力。既然图标如此重要，了解图标设计趋势对设计师来说几乎是必须要做的事，它可以让设计师们设计出更符合当下用户喜爱的产品。本文，笔者将带你了解2024年图标设计的趋势，并为你推荐几款优秀的图标设计工具，助力你的设计之旅更上一层楼~
2024-03-08 10:18:52
1270
原创 产品原型在工作推动中重要作用
面对与前端/后端/测试等开发人员进行需求传递时，不仅要在结构层确定各种功能特性还要考虑功能的范围边界，数据的流转形式如何体现，所以产品在设计构思时，不仅要表达出来的页面信息，而且其中抽象化的业务逻辑，需求可视化更加具体生动的表现出来，所以我觉得原型是PM，将文字化的需求转换成图形稿，其内在的数据流转、逻辑说明是原型方案的表达，不单是单产品功能与内容的示意图，为最终产品创建感知体验提前感知到最终产品的立体雏形，是团队的主线参考及评估的重要依据。只是成功的途径之一，要始终牢记目标、受众和提供的价值。
2024-02-29 13:30:28
1086
原创 切图用什么工具？2024必备切图工具推荐！
Sketch（https://www.sketch.com/）是一款专业的UI/UX设计工具，界面简洁直观，设计功能强大，还有丰富的插件系统，特别适用于创造高保真的UI/UX设计。Adobe XD（https://helpx.adobe.com/support/xd.html）是Adobe公司推出的一款专业级界面设计工具，它也有切图功能，产品经理可以通过Adobe XD将设计稿快速切图，并生成所需的图像资源。它不仅支持精细的界面设计，还提供强大的切图功能，深受广大UI/UX 设计师们的喜爱。
2024-02-21 10:49:08
1985
原创 Figma 是最受欢迎的 UI 设计工具，你认同吗？
对笔者来说，我也蛮喜欢Figma的，但又必须承认一个事实：Figma作为一款国外设计工具，在国内使用还是存在一定的劣势，主要体现在网络访问限制、数据隐私和安全、本地化支持等，尤其是每次使用Figma加载太慢都让人很焦虑。UXPin 是一款专业的用户体验（UX）和用户界面（UI）设计工具，旨在帮助设计师创建高质量的交互原型和设计。以上是除 Figma 以外，给大家推荐的其他UI设计工具，每款工具都具有独特的特点和优势，看了这些设计工具，那你认同 Figma 是最受欢迎的 UI 设计工具吗？
2024-02-06 10:41:39
1441
原创 线框图是什么？怎么画？看这篇文章就够了
线框图在产品设计过程中扮演着至关重要的角色，它是产品经理表达创意想法的工具，也是后续产品开发成型的基础。通过线框图，设计团队可以在项目初期阶段就高效地确定产品的基本结构和功能，从而避免后期消耗更多时间去修改。如果你想真正掌握线框图，不妨尝试用摹客RP自己画一个，相信当你上手操作后，离画出完美的线框图就不远啦！
2024-01-22 10:26:59
4398
原创 手势交互！人人都会用的交互方式应该如何设计？
手势交互是指通过手部动作来进行人机交互的一种方式。随着移动设备和触摸屏技术的普及，手势交互成为了一种重要的交互方式。它可以使用户更加直观地操作设备，提升用户体验，同时也可以拓展设备的交互维度，使得用户可以通过更加丰富的手势来完成各种操作。手势交互的优势主要体现在以下几个方面：1）直观自然人们在日常生活中习惯了用手部动作来表达自己的意图，因此手势交互可以使用户更加直观地理解和操作设备，降低了学习成本。2）丰富多样。
2024-01-16 09:43:04
1349
原创 强烈推荐！2024年设计师必备的10款Sketch插件
无论是简单的柱状图，复杂的雷达图，还是时尚的饼图，Chart 都能满足设计师对不同类型图表的需求，让数据变得直观、生动。它可以将 Sketch 中的设计稿转化为开发可用的代码和资源，提供了一个无缝的设计到开发的协作平台，使得设计与开发之间的沟通更加顺畅高效。（2）资源导出： Zeplin 插件能够自动将设计稿中的图层和切片导出为开发所需的图像资源，包括 2x 和 3x 的倍图，简化了设计到开发的资源交付流程。设计师能够更轻松地管理设计文件的版本，进行协作和团队合作，以及更方便地追踪设计的变更历史。
2024-01-09 13:58:04
1429
原创 职场干货！谈谈AI时代必备的产品设计技能
具体来说，当前的AI和大模型虽然已经获得了长足的进步，但无论是模型本身的算法，还是模型输出结果的可解释性和准确度都还存在不小的改进空间。作为AI时代的产品经理或者设计师，一定要对技术和市场有充分的敬畏：梦想是需要的，但也要预判产品的商业前景，并能站在公司的战略层面谨慎决策。对于现阶段的AI产品，清晰的商业逻辑是必须要考虑的，尤其中小型团队的投入有限，市场需求却在瞬息万变，在没有特别清晰的规划时，一定要严格控制投入，避免卷入无意义的技术和资金攀比。新时代的问题，显然需要全新的方法。第二，商业模式无法闭环。
2024-01-03 13:32:50
948
原创 速看！2024网页制作工具测评大全，附网页制作教程
你知道目前世界上有多少个网站吗?18亿多！如果现在你想做个网站，必须考虑如何从数量众多的网站中脱颖而出。当然第一步，你需要个优秀好用的网页制作工具。相信网页制作工具一旦选对，你的设计之路将更轻松！第一款介绍Mockplus RP，因为它确实是非常适合的网页制作工具。Mockplus RP是一款在线快速网页设计工具，无需下载安装，就能够帮助我们快速创建网页，它具有强大的交互能力、 支持多人协作、全面覆盖设计需求、满足多种应用场景。像下面这个精美的京东商城官网，用Mockplus RP就可以做出来。
2023-12-25 13:26:44
2024
原创 推荐12款好用的在线平面设计工具，让设计更简单
平面设计是图形表达和信息展示的重要手段，在游戏场景和角色造型、插画、广告制作等艺术设计领域有着重要的应用，如海报设计、包装设计等。平面设计强调视觉传达，一般以图像、图形和文字等视觉元素为主要手段，通过排版、配色、构图等技术手法，传达设计的目的和信息。当然，除了二维的呈现形式，设计师们通常也会利用透视、阴影、线条等手法创造出立体感和层次感。好的平面设计工具可以帮助设计师快速制作矢量图形和对图像进行处理，提升设计效率。
2023-12-20 13:48:50
1205
原创 效率MAX！15款最佳协同设计软件推荐
Adobe XD是大名鼎鼎的Adobe公司推出的协同设计工具，它吸收了Sketch和Figma的一些优点，尤其是支持离线使用但又有很好的跨平台能力。通过实时的协同功能，团队成员之间的沟通交流和创意共享会被极大地促进，从而提高设计团队的协同效率和创造力，产出的规范性也会明显增强。相比其他产品，Marvel在用户测试角度的能力是独一无二的，支持视频访谈录制、用户操作回溯和智能分析等功能，帮助设计团队发现用户体验设计中潜在的问题。其次，协同设计可以促进创意和知识的共享，不同设计师的想法和经验可以相互借鉴和提升。
2023-12-06 09:40:55
1168
原创 响应式网页设计是什么？一套设计稿搞定所有设备！
响应式网页设计是一种网页设计的方法，可以让网站在不同的设备和屏幕尺寸上看起来都很好。它基于流动布局技术，根据用户设备的屏幕大小来自动调整网页的设计。这样可以确保网站在不同设备上的可读性和易用性，让用户在任何设备上都能轻松地浏览和交互。响应式网页设计不仅可以提高用户体验，还可以提高网站的搜索引擎优化（SEO），因为网站可以在不同的设备上被轻松地阅读和导航。1、响应式网页设计能够自适应各种设备和屏幕尺寸，包括电脑、平板、手机等，为用户提供最佳的视觉体验。2、
2023-11-29 11:03:51
1022
原创 5分钟带你了解什么是原型图！
总的来说，原型图是指用于呈现软件产品功能界面、交互设计及逻辑流程的设计项目。你也可以将原型图理解为一款软件的草图，这款软件有哪些功能、有几个界面、各个功能的作用是什么、各界面的流转关系又是什么，这些内容就可以通过原型图来说清楚。原型图中的构成内容并不是固定的，它可以相当完善复杂，也可以比较简单直接。通常，原型图需要包含软件的界面，展示其中的功能，并通过添加交互设置来呈现出一些动态的效果，如页面跳转、打开弹窗等。
2023-11-21 15:53:56
13465
1
原创 Figma怎么用？看这篇最全攻略，用完回不去了！
以上就是本文的全部内容了，希望通过本文的介绍，能够让各位朋友了解到Figma的基本特性、基础入门方法以及其免费版、国产替代品以及高效插件等相关的内容。不可否认的是，目前Figma确已成为设计领域高效工具的佼佼者，无论您是个人设计师还是有着团队，都希望您能找到一款心仪的工具，无论是Figma也好，还是摹客协作平台也好，重要的是工具能满足您的需求，帮助您提高工作效率，创造出色的设计作品。
2023-10-31 14:39:40
17193
原创 15款最好用的切图软件，高效完成设计最后一公里！
以上就是本次推荐的15款切图软件啦，希望其中能有你的菜。不难看出，现在很多的切图软件，早就不仅仅支持设计稿切图和下载等功能。在目前的协作设计时代，切图软件往往还具有团队协作功能，可以让设计师和开发者一起工作，在设计稿上添加标注，进行设计评审，提高协作效率。当然啦，相信本次的15款切图工具推荐里，很多软件设计师和产品经理朋友们都有在使用了吧。其实无论现在使用的是哪款工具，都可以在实际的工作场景中尝试和发掘新的设计工具，工欲善其事，必先利其器嘛，说不定有机会再一次提升工作效率哦~
2023-10-24 10:32:41
1135
原创 效率出图！9款最好用的矢量图软件推荐
设计可以让我们将想法和想象力变成可视化的现实，数字时代的设计，对于细节的要求则更高，矢量绘图必不可少。和我们常见的png、jpeg等格式的图片不同，矢量图格式一般有SVG、EPS、AI等，它是通过数学方程来绘制的，图形由线段和曲线组成，也就是一系列由点连接的线，这些线段的位置、颜色、线条宽度等都可以被编辑。矢量图有很多优点，比如文件较小，且不会受到分辨率和图像大小的影响，无限缩放也能够保持清晰不模糊、不失真。如果想要完成既独特又精美的矢量图设计，一款功能强大的矢量绘图软件是必不可少的。
2023-10-13 10:14:03
7116
原创 XD 文件怎么打开，一分钟快速搞定
总而言之，打开 XD 文件并不困难，你可以使用 Adobe XD 本身或其他设计工具来查看、编辑和与团队共享 XD 项目。此外，你还可以将 XD 文件导出为不同格式，以满足各种需求。无论你是设计师、开发人员还是团队协作者，都可以根据需求选择适合你的方法来打开 XD 文件。
2023-10-09 10:01:44
830
原创 新手科普！UX设计师是做什么的？
UX设计师(User Experience Designer)，又称用户体验设计师，顾名思义UX设计师是负责设计产品/服务的用户体验的专业人员。UX设计师涵盖了用户调研、交互设计、原型设计、动效设计、UI设计等工作内容。本文主要介绍数字化软件领域的UX设计，以及要做好UX设计需要掌握哪些技能和从业后的主要工作内容是什么。文章大纲，阅读预计3分钟；1、UX设计是什么？2、UX设计师需要掌握哪些技能？3、UX设计师的主要工作内容是什么？4、UI和UX设计的区别是什么？5、UX和UI设计哪个前景好。
2023-09-27 10:19:42
807
原创 12款最火的AI画图软件，助你探索创新设计
以上就是本次推荐的12款AI画图软件啦~随着人工智能的发展，AI画图软件正在逐渐改变着设计师们的工作方式和创作体验，从智能交互到自动生成，从设计建议到手绘转化，这些智能工具为设计师们提供了更多的创作可能性和设计灵感，设计师们也应该顺应时代，拥抱发展，创造出更多优质的作品，一起加油吧！
2023-09-25 12:02:58
6837
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人