首先看我们这次改版的对象：

如何给界面做减法，实现B端设计提效效果？

光凭第一印象，整体效果是还不错的，落实到每个局部的话，布局也是合理的，可以看到是有设计的细节在里面.jpg。

但是，再多看几眼，就会发现整体的效果似乎有点不和谐，但又找不出来问题具体在哪，不知道怎么改下去。问题的根源就是 —— 过度设计。

我们强调过很多次，表盘页的设计是作品集项目中最重要的页面，因为观看者对整体视觉和设计水准的印象是通过它建立起来的，不管你分析怎么写，我们首先关注的肯定也是设计的效果。

但重要不代表需要过度倾注和堆叠视觉元素，过度的设计会让界面看起来有 “飞机” 敢，不仅不真实的印象产生了，还会显得业余不够自信。同时任何项目中表盘页过度设计都会对整个项目造成负担，后续的页面要怎么设计才能不和它产生隔阂，保持一致性。

下面，我们根据原页面进行分析，来找出问题并优化：

问题 1：导航栏的图标

导航的顶部 LOGO 描边没有太大必要，以及图标的设计在这个尺寸下非常的局促，因为细节较多，不仅复杂性提升了，也缺乏图形辨识。

所以改动中，将多余的背景去掉，再简化图标本身的样式。

如何给界面做减法，实现B端设计提效效果？

问题 2：顶栏的设计

顶部栏本身设计单看是没有问题的，但是作为全局栏目和导航栏颜色缺乏区分，而且用了投影来强化层次，就让这个模块的权重被过度放大。

所以我们去掉了背景色，并适当增高栏目的高度，让局部更舒展。

如何给界面做减法，实现B端设计提效效果？

问题 3：统计数字的问题

统计数字在作品展示里用特殊字体很常见，因为要用更美观的字体来呈现重要的信息。但任何页面中的信息权重都要保持阶梯性，不能让加粗、深色、特殊字体几个要素作用在过多的信息上，这就让画面显得非常的“吵”。

所以要对字重和色彩做控制，创造对比来降低视觉的压力。

如何给界面做减法，实现B端设计提效效果？

问题 4：图表的应用

原图中的图表应用有一定的问题，第一个柱状的堆叠类型并不是太符合实际数据应用，下方的环形图中起始位置显然不对，并且色彩比较混乱。

所以是答案对它们做出优化，并调整了一些小细节。

如何给界面做减法，实现B端设计提效效果？

问题 5：配图类型选择

在引导卡片中，用的扁平插画素材一方面不高级，另一方面内容太碎，再加上用奇怪的字体和倾斜，使得这个卡片看起来非常别扭。

改动中替换新的图片素材（临时找的，理解意思就行），同时使用一般黑体的标题，以及增加背景色，来形成新的卡片样式。

如何给界面做减法，实现B端设计提效效果？

问题 6：装饰图标应用

在快速入口和日程模块中，都有使用装饰图标，显然大家也能理解他们对于目前的语境来讲还是细节过多了，所以需要做一些调整，让它们简化。

如何给界面做减法，实现B端设计提效效果？

最后，再加上一些细节的小改动，最终的样式就完成了。

如何给界面做减法，实现B端设计提效效果？

表盘的设计一定要在最后做检查，一些设计感强的元素是否有必要这么做，尤其是类似图标元素，做得很花哨是否对信息的识别能带来帮助？如果不行，那就可以果断的放弃。

表盘页的设计感来自 —— 全局元素和色彩的控制，而不是单一某个局部内容的加强。

文章来源：优设
作者：酸梅干超人

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

人工智能的崭新概念正在逐渐改变我们对设计的认识和实践方式。在这个数字化时代，AI不再仅仅是一种辅助工具，它已经成为设计师的得力助手，能够提供更高效、更智能的设计方案。在B端设计视觉中，AI的应用为我们开辟了一条通向更优质设计的道路，本文将深入探讨如何借助AI技术，辅助设计师完成B端设计视觉。无论你是刚刚踏入设计领域的小白，还是经验丰富的资深设计师，都可以利用AI工具来提升设计效率、优化视觉效果。

通常设计团队的设计链路大致可以分成四个步骤：需求分析->用研交互->UI视觉->验收迭代。在不同的阶段，需要团队中的交互/UI/视觉...设计师各司其职，每位设计师要解决的核心问题不同：

这里引入一个结构化的设计方法——“双钻”模型

“双钻设计模型”已经被很多设计师或设计机构做过概念变体和衍生，所以可能经常会看到各种各样类似的“设计模型”，有的是“三钻”的，有的是三角形的或是正方形的。不过，不要太在意这些模型是叫做“双钻模型”、“三钻模型”还是“两个四边形模型”，其核心都是在讲
一套使用设计思维来解决问题的思路和方法，这套思路和方法适用于
从产品需求定义到设计成果产出的整个过程。

在这个过程中，“设计模型”能够分别帮助设计师达到三个目的：

1. 洞察和挖掘产品真正的问题
   也就是模型中第一个“钻”的核心目的：为正确的事情做设计（Designing the right thing），即“做正确的事”。

2. 通过恰当方法找到设计最优解
   也就是模型中第二个“钻”的核心目的：用正确的方法做设计（Designing things right），即“将设计做正确”。

3. 复盘并验证问题设计的结果
   也就是模型中第三个“钻”的核心目的：验证做的设计是否正确（Verify Desig Effectiveness），即“验证设计的效果”。

4. 链路1-需求分析

可能有人会说：“分析需求不是产品经理的事情吗？”

确实，在产品需求阶段产品经理会起主导角色，产品经理的需求分析：侧重于从商业维度考虑产品目标，考虑用户的需求是什么，以及用什么样的功能去满足用户需求。
但同时，设计师会协助产品参与需求挖掘工作，可以更直观了解产品的背景和设计目标，同时会协助产品经理分析用户的使用场景和各个接触点，使得产品在需求阶段可以更好的与后续交互设计衔接。

设计师的需求分析侧重点：基于对产品需求的正确理解，通过运营与用户层面考虑，平衡业务与用户之间的诉求，让设计在达到用户体验的情况下更大化的发挥商业价值。

2. 链路2-用研交互

在提出需求目标后，需要精准定位目标用户，将假设与用户诉求进行验证。

交互设计师会采用用户画像/体验地图/用户移情图等方法构建用户使用情景，将抽象的业务目标在用户层面进行价值试验后的故事转译。通过前期调研和用户故事还原体验情景，最终分析验证前期方案的假设，并为方案原型交互设计提供客观数据支撑。

通过用研及数据结果分析验证后，就到了原型设计阶段，最终修正的需求文档会交由交互设计师转化交互原型文档。

交互文档主要是用来承载设计思路、设计方案、信息架构、原型线框、交互说明等内容，大致会包含：基础信息(项目简介、需求分析)，交互说明(信息架构思维导图、任务流程图)，页面交互流程原型图（包含交互设计的方案阐述界面布局、操作手势、反馈效果、元素的规则定义、以及异常页面和异常情况的说明）。

3. 链路3-UI视觉

建立设计规范

UI即User Interface（用户界面），而UI设计规范通俗来说，是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准，针对相对独立的体系建立的统一遵守条款。 UI组件库则是是基于用户界面产品而制定的一套可复用设计库，也是为了方便设计师、开发和测试人员共同协作，而遵循的规律和法则。
其中色彩范围、图标设计方案、插画配图以及动效等，这些都可以在定义视觉风格的阶段进行思考，并有所结论。而字体的选择且通常情况下会使用iOS和Android系统的模型字体作为规范字体，因为系统字体更为匀称，显示效果更为舒适，醒目利于阅读，更利于视觉信息的传达。

搭建设计组件库

搭建组件库，其实是利用组件库型思维，产品需求场景化、视觉表达模块化并最终将解决方案进行封装。

通过标准的规范组合方式来构建整个设计方案，从而提升设计效能。一方面使团队的每位设计师和开发都能通过组件库直观了解产品设计规范，通过组件的复用性原理提升设计与开发的协同效率。另一方面通过清晰有规律样式布局，保证产品界面视觉及体验性的一致性。

4. 链路4-验收迭代

设计走查验收

设计界面交付后就算完成设计任务了吗？

设计交付不等于设计任务的结束，在产品正式版发布之前，交互设计师和视觉设计师需要对线上测试版本进行走查。有些团队内部协作习惯于直接口头或是简单文字沟通，面对简单且量少的问题时可能会相对比较快速。但是一定会存在信息遗漏、沟通误差等问题。

产品设计迭代
虽然有些公司的产品真的过硬，可能会具备较长的生命周期，但它们始终会被更加优秀、好用、新颖的竞品所取代。
因此产品设计的持续优化迭代，是能保持发挥产品优势，不断找到用户痛点的关键，而做好产品迭代不仅是产品经理的职能， 也是设计师的职能所在。

写在最后，我们来梳理一下整个设计链路的结构

作者：7V_Kevin
来源：站酷

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

当设计师利用ChatGPT提高工作效率时，可以通过以下16个例子来实现：
获得设计灵感：设计师可以向ChatGPT提出关于特定主题或风格的问题，以获取创意和灵感，帮助他们更快速地开展设计工作。
快速生成设计草图：设计师可以与ChatGPT交流，描述自己的设计想法，然后ChatGPT可以帮助生成初步的设计草图或构思，从而加速设计流程。
获取设计反馈：设计师可以与ChatGPT分享他们的设计，并询问对于改进的建议。ChatGPT可以提供反馈和专业意见，帮助设计师改进设计。
设计布局优化：设计师可以提供设计布局的描述和需要解决的问题，ChatGPT可以提供布局改进的建议，包括元素的排列、间距和对齐等。
确定色彩方案：设计师可以向ChatGPT描述设计项目的需要和目标，ChatGPT可以提供符合品牌形象和用户体验的色彩方案建议。
辅助设计图标和图形：设计师可以向ChatGPT描述需要的图标或图形的特点和样式，ChatGPT可以提供相关图标和图形的素材或帮助设计符合要求的图标。
设计文件管理：设计师可以向ChatGPT咨询最佳的设计文件组织方式，包括文件命名规范、文件夹结构和版本控制等，提高工作流程的整体效率。
自动生成设计规范：设计师可以与ChatGPT共享设计样式和规范的要求，ChatGPT可以帮助生成一致和易于理解的设计规范文档，以供整个团队使用。
快速解决设计问题：当设计师遇到设计上的难题时，可以向ChatGPT描述问题，ChatGPT可以提供解决方案和提示，帮助设计师迅速解决问题。
交互设计优化：设计师可以向ChatGPT详细描述用户界面的交互流程和问题，ChatGPT可以提供改进交互设计的建议，包括交互动画、状态转换和用户反馈等。
设计审查支持：设计师可以将设计文件和说明发送给ChatGPT，并请求审查和评估。ChatGPT可以检查设计是否符合最佳设计实践、用户体验原则和可访问性要求。
自动生成设计文档：设计师可以与ChatGPT共享设计细节，ChatGPT可以协助生成详细的设计文档，包括设计决策、功能说明和交互模型等，减少手动编写文档的时间。
设计项目管理：设计师可以向ChatGPT咨询项目管理技巧和工具推荐，以提高团队的项目管理效率和协作效果。
快速响应常见设计问题：当设计师遇到常见的设计问题时，可以向ChatGPT提问，ChatGPT可以提供解决该问题的最佳实践和建议。
设计素材搜索和筛选：设计师可以向ChatGPT描述他们需要的设计素材，ChatGPT可以提供相应的搜索结果和筛选条件，帮助设计师快速找到合适的素材。
用户测试和反馈解读：设计师可以向ChatGPT分享用户测试数据和反馈，ChatGPT可以帮助解读和分析数据，提供对用户体验的深入理解和改进意见。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

我们很多时候会在选择设计方案上摇摆不定。自己觉得好的方案，看到别人是另外一种形式，又会觉得自己的是不是不太好。其实没必要，每一种方案都有好与坏，很难做到100%完美，只能说在当前这个阶段里接近完美。

就像小孩有了虫牙，去医院治疗，医生也会说有很多种方案。具体用哪一种会根据年龄、性别、牙齿生长情况来决定。比如：一个6岁的女孩，在不严重的情况下，医生可能就建议清理后补一下；如果是一个5岁的男孩，当前牙齿还不错，距离换牙还有比较长的一段时间，可能会给你放个普通点的牙套保护起来

在B端设计中，表单设计是常见的需求设计，对于B端来说，表单的信息复杂程度会根据业务的实际情况而定，常见的简单表单设计只需要将表单的字段平铺在页面中，用户输入相关信息即可完成表单的任务。但是B端的实际业务中，表单的需求有简单也有非常复杂的场景，如果都采用简单的平铺方式，必定会让表单填写任务变得难以操作。对于不同的表单模式使用的业务场景不同，但是表单的呈现方式也具有多种选择，并且适用的场景也不同。下面我总结了三种不同的表单展示方式，四中表单的呈现方式以及应用场景。

本篇文章将分享Web端表单体验优化等相关内容，分析设计师在设计B端类产品时如何让用户愉悦并高效的填写表单。表单作为基础通用组件，也是在各个企业级中台中出现频率最高的元素之一。在用户界面中表单无处不在，比如：用户注册登陆页、支付页、用户反馈、共享信息数据录入等不同类型的表单。当我们使用/设计表单页面时看似是按钮、输入框等表单组件进行组合搭配使用，看似简单，但是在实际业务使用中却有着无数可推敲的细节冒出来，常常给设计师造成较多的困扰。

表单页作为B端设计中常见页面之一，在设计过程中如何解决用户的问题如何降低使用者的录入负荷。一点小小的经验供大家参考～在使用表单组件、或设计表单页面时，很多设计者都是根据自己的直觉或者个人经验本能驱动解决排列、布局的一些问题。但又会有很多的疑惑会从过程中冒出来困惑设计师，导致自己的设计很难使产品、开发等信服。每一个设计都离不开解决某问题或达到某个预期，好的表单设计往往都能让用户快速get到关键信息同时快速准确录入信息，降低使用者填写负荷。带着这样的设计目的结合业务内容将表单进行分组，结合适当的设计策略，这样能使设计方案更加有理有据。

一个完整的后台，由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成，下面跟大家分享后台中的表格和表单的设计细节当接到一个全新的网页后台项目时，首先确定设计风格，然后考虑这个后台尺寸是做居中固定式，还是全屏响应式（上一篇文章已经跟大家分享了网页设计的画布尺寸）。全屏响应式的网页设计，选择怎么样的屏幕来做效果，就显得有些主观了，除非有规定，否则你可以选择任意主流尺寸作为基尺寸来设计网页。当然，不管选择什么尺寸，都得基于做好一个后台而开展工作。

表单在我们的工作生活中非常见，表单对于企业和个人同样至关重要，当涉及到数据收集时，我们大多数情况下会采用表单。比如，我们在出国申请护照的时候，我们需要填写的纸质的申请资料，就是表单。我们在淘宝京东下单买东西时填写的个人信息，地址的时候，也是表单。表单有数据收集，校验和提交的功能，其中核心功能是采集数据信息，可以看成是采集、传递、提交数据的中间媒介。表其作为获取用户输入的重要交互方式，也承担着将问题和答案进行配对的角色。包含复选框，单选框，输入框，下拉选择框等元素。