沐颜小栈-MUOOY.CN

资源爱好者严选平台

组件设计

资源爱好者严选平台

标签

组件设计-共
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品今日上传 8个作品

升级会员发布作品

UI 改版总是不如原图？这套组件重构思维你需要掌握！

周练的改版很多同学都没什么思路，只是在原有基础上做了一些小修小改，调整并不大。所以今天我们自己做个演示，分享适合你们这个阶段的设计方法。一、改版的方式分享改版是前期训练中除了临摹外最好的训练方式，可以快速提升UI水平。且不管你们有没有工作经验在作品集准备中都要做改版，因为真实项目往往会有非常多缺陷和瑕疵（比如广告放太多根本不适合展示），需要我们重新改版完才放进去。而改版最基础的方式，就是围绕…
设计教程
- 0
- 0
沐夏oo6月19日
B端设计师必备！2个鲜为人知但超实用的特殊组件

今天我们来说说最近看到的特殊组件，2个都非常实用！更多组件干货：一、底部抽屉业务背景：抽屉或许大家都比较熟悉，但听上去就有些陌生。它其实是从底部向上弹起的一个抽屉形态，在各大设计系统当中都会支持的一个容器。对于用户而言最早熟悉的是源自移动端的整体交互，但随着 B 端行业的不断发展，行业中对于容器的需求越来越大，因此需要更多不同的形式窗口展示页面。底部抽屉就这样诞生！对于底部抽屉而言…
设计教程
- 1
- 0
沐夏oo6月15日
大厂出品！「上传」组件设计优化指南

回顾我们设计系统中的Upload组件，尽管已经有一定的基础组件和能力，但在实际使用过程中，逐渐暴露出一些影响和设计开发效率的问题。更多组件设计干货：一、怎么个事儿痛点1：上传之后的操作交互及样式不统一上传完成后的操作交互是用户与组件接触最频繁的部分，然而，我们发现这一环节存在明显的体验割裂： 1. 操作位置不一致：相同功能的操作按钮在不同页面中位置不同，不符合统一性。 2. 同一操作样式不…
设计教程
- 0
- 0
沐夏oo5月27日
深度拆解9类B端筛选组件，扒出设计的四大问题（上）

筛选，我相信各位同学一定不会陌生，它有着不同的展示形式，不同的使用方法，很多时候遇到你只能躺平，选择基础筛选进行呈现。甚至我们会说：“一个 B 端表格页面设计得是否优秀，核心在于是否具备高效、清晰的筛选功能。今天我们将从筛选与搜索的差异入手，逐步拆解筛选逻辑、分类梳理筛选类型，最终帮大家掌握的落地 SOP，包括如何匹配业务场景选择筛选类型、如何规避设计误区。更多我的文章：那好话不多说，…
设计教程
- 1
- 0
沐夏oo5月12日
超全面！写给UI设计师的滑块组件设计指南

哈喽，这里是Clip设计夹，今天分享的是「滑块组件设计解析」。往期干货：滑块 (Slider/滑动选择器) 这种随处可见的输入控件，其实藏着很多设计细节。滑块靠拖动游标就能实现调节数值，实时给出视觉反馈，不管是调音量、改亮度，还是设置参数范围，都少不了它的身影。这几部分各司其职，组合在一起才能让用户用得顺手。二、滑块类型在Material Design的设计规范中，定义了四种常用的水平滑…
设计教程
- 0
- 0
沐夏oo4月22日
拒绝乏味留白！B端顶栏组件设计思路拆解

一、全文速览图全局基础信息主要是展示一些关键信息内容，比如品牌信息、当前时间、面包屑、页面标题、系统信息、欢迎语句等等，通常放在顶栏的左侧，符合用户的浏览顺序（从左往右）。顶栏左侧除了包含信息外，还有一种特殊的情况，就是置入一级导航。一般应用于导航层级多，且一级导航选项较少的场景。虽然了解了顶栏可以置入的内容有哪些，但具体怎么设计还是要结合项目实际情况考量，尤其是要结合导航栏实现内容密度的统…
设计教程
- 0
- 0
沐夏oo4月18日