关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第118篇文章分享 大家好，这里是设计夹，今天为大家分享的是「动效设计」。和听觉语言、视觉语言一样，动作也是语言的一种，可以在有限的空间内传递更多信息，轻松传达静态元素难以传达的内容。 现实生活中没有绝对的“静止”，通过模仿物体在现实世界中的运动状态，会让画面中的设计元素更真实、更容易被用户理解。 在之前的文章中，设计夹从动效的速度、缓动…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第110篇文章分享 大家好，这里是设计夹，今天分享的是「排版技巧」。页面的排版很灵活，但在排版时我们不单单要考虑视觉上的好看，还要考虑使用上的体验。 将页面中的内容和元素通过合理的方式方法进行排版，保证重点内容突出而且容易阅读是首要目的。 这次总结一些在页面排版和布局中需要注意的技巧，掌握这些容易上手的排版技巧能够大力提升设计效率。 邻近…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第109篇文章分享 大家好，这里是设计夹，今天为大家分享的是「图标设计细节」。图标在页面中的尺寸很小，却包含着很多细节。作为通用的视觉化语言，把握住其中的设计细节至关重要。 之前有分享过关于图标设计的文章，图标的风格：9种醒目的UI图标，带来出色的用户体验； 不同尺寸和风格的图标如何设计：如何选择合适的图标？看这份图标类型和风格汇总；图标…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第107篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端过稿设计」。文章来源于设计师三范范根据设计经验整理出了方案交付时的三个关键节点。 很多设计师喜欢在拿到产品原型后就开始动手设计，或直接去找参考和竞品。这种工作模式存在较大的缺陷，我们在不了解需求背景时做出的方案，同样也显得苍白无力，经不住盘问或审核。 在B端领域中，决策…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第106篇文章分享 大家好，我是Clippp，今天为大家分享的是「APP导航栏设计」。 APP导航栏(AppBar)大家应该都很熟悉，位于屏幕顶部，集合了用户经常使用的一些功能，是页面设计中不可缺少的组成部分。 虽然导航栏很常见，但是我们在使用产品的过程中会发现，每个APP的导航栏或多或少都存在一些设计上的差异。 为了能让大家对导航栏有更…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第105篇文章分享 大家好，我是Clippp，今天为大家分享的是「数据可视化图表-圆环图」。 圆环图(Donut chart)，是饼图的一种变体，指将两个及以上大小不一的饼图叠加，挖去中间部分构成的图形。因为中间区域被挖空，看着很像，所以圆环图也叫做“甜甜圈”图。 饼图大家应该都很熟悉，通过对比各个扇形面积的大小来进行数据的对比。但是饼图…

关注▲Clip设计夹后台回复“进群”加入设计成长群 之前给大家分享过用 XD 转 Sketch 的方法，然后因为最近这些事，有不少小伙伴都来找我问 Figma 怎么转回 Sketch…… 方法当然也是有的，而且比 XD 的方法还多一些，如果大家的公司有让转回 Sketch 或者把 Figma 文件备份为 Sketch 的需求的话，就一起来看下吧~ 方法一： Convertify Figma to …

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第104篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端列表设计」。列表在设计的过程中，往往是牵一发而动全身。比如需求修改文案、增删列、变更信息属性、屏幕尺寸适配等情况。 在刚开始接触列表设计时，由于欠缺全面的思考，设计的组件不够灵活，很多设计师会经常面临解除组件--修改麻烦--逐渐烦躁的过程。 比如将建立行组件，通过复制行…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第103篇文章分享 大家好，我是Clippp，今天为大家分享的是「滑动控件设计」。上一篇文章为大家分享了滑动页面时的「吸顶设计」，因为编辑疏忽，忘记在文章末尾标注原文链接。趁着这次机会说明，文章来自于设计师Cassie，原文链接为www.zcool.com.cn/article/ZMTM0ODkzMg==.html Cassie是一名经验…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第102篇文章分享 大家好，我是Clippp，今天为大家分享的是「吸顶设计」。PC端及移动端的顶部常有一些顶部导航栏，标示当前所在的页面名称、返回按钮位置，一些全局操作按钮的放置、搜索等内容，这些会占用页面较高的空间。 有些页面用户在往上滑动的时候，想要做一些更符合使用场景的内容调整，比如填写很长的表单，或者查看较多的信息内容。如果一直保…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第98篇文章分享 大家好，我是Clippp，今天为大家分享的是「UI基础系列2-排版篇」。在第一篇中，我们拆解了标题的字号、样式、行高、粗细应该如何设计，没看过的小伙伴可以点这里快速回看➡️➡️设计师要掌握的UI设计技巧（一）：标题篇 最近有读者催更还想看「UI基础系列」，接下来我们开始分享第二部分：页面排版。 排版中很重要的两个因素是对…

关注▲Clip设计夹后台回复“进群”加入设计成长群 Clippp的第81篇分享 看完大概需要这首歌的时间 大家好，我是Clippp。今天为大家分享的是「单选框」设计。组件的功能在于提升可用性，帮助用户轻松做出决策。虽然单选框只是一个很简单的组件，但在设计上从不缺乏细节，更不能疏于考虑。 一起来看看好的单选框设计需要具备哪些特点，如何结合当下的使用场景，灵活运用单选框得到最优解。 一、什么是单选框？…

关注▲Clip设计夹后台回复“进群”加入设计成长群 Clippp的第80篇分享 看完大概需要这首歌的时间 大家好，我是Clippp。今天为大家分享的是「图标设计关键点」。图标在页面中的尺寸很小，不怎么起眼，却包含着太多的设计细节。作为通用的视觉化语言，把握住其中的设计关键点至关重要。 之前有分享过关于图标设计的一些文章，介绍过图标的风格：9种醒目的UI图标，带来出色的用户体验； 不同尺寸和风格的图…

最近新出的一个一键换脸插件Roop，其快捷方便的操作惊艳了不少人，甚至隐隐有赶超Lora的趋势。 举个例子，我们使用大模型“majicmixRealistic”来生成一个女生的图像，提示词只有“1girl”和一些常用的标准化正负提示词。 得到了一个女生的图像。 接下来我们启用这个插件，放入一张想要更换的其他人脸的图片，然后点击生成。 可以看到，脸部就被替换掉了。就这么简单，不需要炼丹，不需要复杂的…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第99篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端表单系列①」。文章来源于设计师Cassie对于B端表单的研究以及日常工作的经验总结。 在之前的文章中，设计夹为大家分享过B端设计规范，里面系统介绍了十几种常用的B端组件，没看过的小伙伴可以快速回看➡️➡️从设计实战中，总结了这份B端产品设计规范 了解完这些基本的规范后，下…

先解决一个小问题，最近后台一直有小伙伴在问，选模型和Lora的时候，为什么自己看不到这样的缩略图，面对一大堆英文实在不知道该选哪个模型，以及模型多了之后，怎么进行分组归纳。 如果你们是默认的UI界面，那选模型的界面大概就是这样的，一堆不认识的英文，看得头皮发麻。 这时，你可以点击“生成”按钮下面的红色按钮，就会出现选择模型和lora的选项卡菜单。 但是，你看到的选项卡可能是这样的，没有预览图，你还…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第101篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端表单系列③」。 在「系列①」中，我们结合真实设计案例拆解了B端表单，分析了表单构成、表单的4种交互方式以及表单内容排列方式。 在「系列②」中，分析了表单的设计样式：基础表单、分组表单、高级表单，并讲解了表单样式的用法。 在第③部分，将为大家分享三个具有实操性的法则来提升…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第100篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端表单系列②」。在「B端表单系列①」中，我们结合真实的设计案例拆解了B端表单，分析了表单构成、表单的4种交互方式以及表单内容排列方式。 没看过的小伙伴可快速回看①➡️➡️结合设计案例，分析B端表单构成和4种表单交互方式 在「系列②」中，我们接着分析表单的设计样式：基础表单…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第97篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端设计规范」。对于刚入门B端设计的小伙伴来说，很容易把各种B端组件搞混，不清楚到底什么场景下使用哪种组件最合适。 这个痛点的原因是由于我们日常学习到的B端知识点过于零碎，缺乏系统性的规范总结。只有先了解B端设计包含哪些规范，才能在之后的设计中思考如何去运用它们。 设计师Fi…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第95篇文章分享 大家好，我是Clippp，今天为大家分享的仍然是「B端弹窗设计」。在上篇文章中，分享了B端弹窗的使用场景、7种不同的弹窗类型，内容量很大，没看过的小伙伴可以点击快速回看：B端弹窗设计有哪些类型？结合案例告诉你 这次的内容会接着上篇，讲一些更实用的B端弹窗设计方法： 如何使用弹窗：根据应用场景、交互需求、内容量、一致性原则…