网页设计

我曾经在之前的几篇文章中为大家介绍过有关「响应式栅格设计」的基础内容（回顾可阅读文章：B 端产品多端适配设计思路（一） ）。最近收到大家的提问，我整理出两个具有代表性的问题，希望...

导语： 帮助「初阶产品经理」、「产品体验设计师」、「交互设计师」系统化了解「什么是审批流」、「如何盘点审批流」、「如何设计审批页面」，以此，在基于合规化的前提下...

大家好，我是Clippp，今天为大家分享的是「数据可视化图表-圆环图」。圆环图(Donut chart)，是饼图的一种变体，指将两个及以上大小不一的饼图叠加，挖去中间部分构成的图形。因为中间区域...

最近互联网行业存在很多波动，同时也带来设计趋势的变化，造成了越来越多的 C 端 UI 设计师想要来淌 B 端体验交互设计这趟浑水，出现了很多设计师在观望，想要入局？但又不知道，如何学习...

最近，Arco Design 更新了他们的 Pro 页面，从之前的 1.0 更新到了 2.0 版本，其中更新了图标、字体、字重、页面布局、交互风格 等多方面内容。我们可以通过 Arco 的这次更新，使用前...

最近随着 TDesign、Arco Design 等设计系统陆续发布，经常会有同学问我这样的问题： 为什么这些设计系统感觉差异不大？大厂连这也要卷一卷？ 设计系统虽然要注重普适性...

最近为了一个 B 端项目的布局设计，调研了国内外 11 款 SaaS 产品。结果发现一个有意思的现象：一级导航大多在左侧。准确来说，是这 11 款产品里，只有 3 款的...

Design tokens 是设计系统中的视觉设计原子，是一种使设计师和开发人员能进行有效沟通的代码化语言。在实际工作中，这种统一的语言，使组件和设计系统可以被快速管理。   什么是...

大家好，我是Clippp，今天为大家分享的是「B端表单系列③」。 在「系列①」中，我们结合真实设计案例拆解了B端表单，分析了表单构成、表单的4种交互方式以及表单内容排列方式。 在「系...

大家好，我是Clippp，今天为大家分享的是「B端表单系列②」。在「B端表单系列①」中，我们结合真实的设计案例拆解了B端表单，分析了表单构成、表单的4种交互方式以及表单内容排列方式。没看...

作为一个 B 端设计师，你可能会发现越来越多的产品面临多端适配的需求。设计面对适配于多端、多设备的需求时要考虑哪些内容？会有怎样的设计思路？本文会重点介绍两种思路方法：响应式设计...

你可能经常会有这样的疑惑：对于弹窗的尺寸、抽屉的宽度、输入框的长度、表格每一栏的宽度等等组件的细节尺寸，为什么 Ant Design 这类开源的组件库，几乎没有给出明确的数值定义？要回答...

大家好，我是Clippp，今天为大家分享的是「B端表单系列①」。文章来源于设计师Cassie对于B端表单的研究以及日常工作的经验总结。在之前的文章中，设计夹为大家分享过B端设计规范，里面系统...

@元尧：当下很多常见的、优秀的组件库，都为设计和开发的工作提供了便利。那么使用组件库可以替代设计师么？组件和设计师之间的关系又是什么呢？本文源于读者和粉丝的相关提问，以及我前段...

大家好，我是Clippp，今天为大家分享的是「B端设计规范」。对于刚入门B端设计的小伙伴来说，很容易把各种B端组件搞混，不清楚到底什么场景下使用哪种组件最合适。这个痛点的原因是由于我...

首页通常是一个在线产品最重要的页面之一，然而想要设计得让用户真心喜爱真的好难。最近看到酷家乐的一个首页改版案例，是一个以内容去肿、体验导向、视觉升级为优化方向的成功案例，分享...

@元尧：当下很多常见的、优秀的组件库，都为设计和开发的工作提供了便利。那么使用组件库可以替代设计师么？组件和设计师之间的关系又是什么呢？本文源于读者和粉丝的相关提问，以及我前段...

@元尧：当下很多常见的、优秀的组件库，都为设计和开发的工作提供了便利。那么使用组件库可以替代设计师么？组件和设计师之间的关系又是什么呢？本文源于读者和粉丝的相关提问，以及我前段...

Q：现在的B端组件样式和布局方式基本已经固化，做出的页面没有过多的区别，如果对B端页面进行大的改版，我们应该要怎么着手进行？   想要进行大的改版，是想要多大？ 简单修改？...

栅格一直都是很多同学非常疑惑的地方，无论是栅格的日常使用，又或者是栅格在整个产品当中的作用，一直以来都有非常多的疑惑，今天就来聊聊栅格在实际工作如何使用，以及产品之间究竟有何...

Hi，我是彩云。网格系统，这个设计方法大家应该都听过，但很多人在实际项目中用到的不多，原因有很多：可能是项目太赶觉得麻烦，可能是自己不够理解原理不会用，还有些人觉得是用了反而设...

虽然说2021已经快到10月份，但我最近我还是花了点时间，搜罗全网设计，总结出了这7种出镜率最高的版式风格，也是今年最流行的设计表现形式之一。 ...

@元尧：当下很多常见的、优秀的组件库，都为设计和开发的工作提供了便利。那么使用组件库可以替代设计师么？组件和设计师之间的关系又是什么呢？本文源于读者和粉丝的相关提问，以及我前段...

三鱼在快手不仅负责音视频团队，也负责这边的数据可视化场景从0到1搭建。一开始这里的场景比较单一，以对内看板大屏为主。一方面我将看板大屏组件化，做成可配置的模板，另一方面也尝...

大家好，我是Clippp。今天为大家分享的是「网页设计要素」。关于网页设计，之前分享过网页布局：用一篇文章，带你了解12种常见的网页布局设计；也分享过实用技巧：快速改善网页设计的13个...

@元尧：当下很多常见的、优秀的组件库，都为设计和开发的工作提供了便利。那么使用组件库可以替代设计师么？组件和设计师之间的关系又是什么呢？本文源于读者和粉丝的相关提问，以及我前段...

@彩云：用户头像是我们在做UI时经常会用到的设计元素，但想要设计好它也是有很多需要注意的细节知识的，今天这篇文章将深入到头像设计的方方面面，不同的事件、状态、操作、配色等等一系列...

大家好，我是Clippp。今天为大家分享的是「单选框」设计。组件的功能在于提升可用性，帮助用户轻松做出决策。虽然单选框只是一个很简单的组件，但在设计上从不缺乏细节，更不能疏于考虑。 ...

经常在网上看到「B 端产品 C 端化」的讨论。一开始我以为这个概念是说 B 端产品以前做得太差了，但随着竞争越来越激烈，以后也要像 C 端产品那样注重用户体验，更加轻量化、趣味性和人文...

, Cryptolly Web & Dashboard UI Kit将帮助你的加密货币和金融产品或服务。它包含了Landingage和Dashboard模板的组合，你可以通过变体功能轻松地编辑和定制所有元素，这可以加快你的设...

几乎所有的登录页看起来都大同小异，通过输入账号和密码就能够进入，但仔细思考会发现，每个登录页都有自己差异化的点，而这些点正是产品无一物二的地方。确保用户成功且无压力的登录体验...

现如今，几乎所有的网页设计都要进行响应式和自适应设计，才能让产品能够覆盖到更多终端，接手一个产品设计的初期，制定界面适配规则时，你是否也有过如下疑问…… 宽度单位我是用百分...

表单作为一个B端设计的重要场景，一直以来我都在想，究竟应该如何高效的进行信息录入？今天我们就从文档产品中，去“借鉴”一些表单效率提升的方法～   首先在录入的场景中，我会...

@CE青年：在整个「数据录入场景」中，01 篇我们讲到了单选框、多选框、开关。欢迎点击查看《B端设计指南 – 选择录入 01》，通过较为浅显易懂的方式与大家讲清楚了其中的利弊以及一些逻辑上...

做过web端界面的同学多数都会遇到下拉菜单这类组件，有些人也会将其称为选择器，那这个组件究竟应该叫什么呢？很多大厂的开源组件库都对其有自己的定义，我们做设计时应该怎么命名以及跟开...

建立好产品设计的规范和组件化的价值是：1. 最大化的保证设计的一致性；2. 提升开发效率；3. 方便产品迭代优化。-by 美芳老师   开篇说： 上一篇...

小编：在后台管理系统、数据类产品等的设计中，表格作为一种常见的信息组织整理手段，甚至是web页面的基础设施之一，其重要性不言自明。希望本篇能对您的UI设计工作带来帮助。 在网页或...

, Orbiter是一个简约而干净的Bootstrap管理模板。它是用最新的Bootstrap版本和最新的Laravel版本建立的，并牢记灵活性。它配备了在线文档，使开发人员更容易操作。它也有专门的CRM，电子商...