B 端设计总结(一):设计体系&模态对话框

属性对话框常见在一些设置、详情中,比如电脑的系统设置、黑帕云的小组件配置。这个对话框通常由一些复杂的设置项构成。这种对话框适用于一些不太频繁的操作。2.功能对话框FunctionDialog功能对话框通常在菜单或者某个具体的按钮打开,对话框中有一些对接下来这个功能事件的设置,这种对话框通常都会有一个[下一步]...

产品经理必会的30个组件(汇总)

14.提示对话框(Snackbar)可以理解为悬浮在页面底部的消息通知,可以自动消失,也可以常驻,手动点击消失。snackbar的提示强度比Toast强,不影响用户操作,属于非模态。另外snackbar在出现时可以添加操作按钮,引导用户做其它操作。15.HUDHUD有几种说法,我们一个个看下。1)HUD-轻提示,和上边的Toast相似与toast不...

深度解析大厂B端组件库从零到一搭建

分子(Molecule):是由原子按照一定等顺序和空间排列而结合在一起的整体,对应在组件库就是单个组件,按钮、搜索框、表单这些,是由文字、颜色、图标、布局、阴影进行组合构成的控件。组织(Organization):是指有诸多原子分子按照一定方式相互联系起来的系统,在界面中可以理解相对复杂的组件,例如弹窗、导航栏、列表等。...

B端设计指南–消息通知组件的具体使用

而在其反馈的组件当中,会包含有:全局提示(Message)、通知提醒框(Modal)、气泡确认框(Popcomfirm)、对话框(Modal)、抽屉(Drawer)、进度条(Progress)、结果页(Result)、加载中(Spin)、骨架屏(Skeleton)但由于组件太多,我们把系统当中用到最多的消息通知部分单独拿出来分析,剩余部分则放在最后去做解析。对于反馈...

值得推荐的七种好用的Angular组件库

您可以在该组件库中使用的Angular组件包括：弹出式snackbar和对话框的创建各种进度条Ico和chip图标包括网格列表、选项卡，购物车等布局组件工具栏菜单和导航栏2.NGBootstrap该Angular库提供了bootstrap4的各种组件，旨在取代AngularUI-bootstrap。市场上普遍认为NGBootstrap程序提供了较高的测试覆盖率，同时也删除了...

弹窗篇|如何弹、什么时候弹?你需要知道的弹窗设计原则!

1.1对话框Dialog/Alert对话框是很常见的弹窗,主要在打断用户后并提供选项操作,对用户的干扰较大,通常会配备1~3个操作按钮,而且会把用户最期待的或产品最期待用户操作的按钮突出显示(www.e993.com)2024年11月13日。对话框类型的弹窗主要分为主动、被动两种触发类型,主动弹窗:信息的二次确认、输入内容、前置条件选择、风险警示等;被动弹窗:版本...

附组件库sketch文件下载|谷歌深色主题模式设计规范

主要颜色是应用程序屏幕和组件中最常显示的颜色。基于MaterialDesign黑暗主题的规范,请使用原色的200色调(在所有高度层级表面上,通过WCAG的AA标准至少4.5:1用于普通文本)。特殊情况:具有浅表面的组件可以显示暗主题的主要颜色的变体。如下图中白色浮层上的文字链按钮使用的700的深色。

B端产品如何进行页面设计?|字母|b端产品|视频文件_网易订阅

全局导航:属于常驻导航,基本平台的每个页面会存在,常见的组件形式有侧边、顶部、弹出式、下拉等。页内导航:根据当前业务场景所配置的导航,常见的组件有页头、Tree树型控件、锚点、回到顶部、走马灯等。返回导航:常见的组件有面包屑、返回按钮等。友好导航:不在该模块的信息架构规范内,用户可以通过点击跳到其他...

Web端弹框掌握这几点就够了

说人话就是,对话框一般需要用户进行操作,当用户输入或者点击“确认”、“取消”等按钮时,计算机会根据指令进行工作,这是一个人机“对话”的过程,因此称之为“对话框”。2.操作配置弹框简单配置(表单内容少,操作清晰)。“简单”意义上的弹窗可以理解为只有平铺的表单让你选择或输入,交互清晰明了。比如创建...

Material Design 折叠屏设计指南:完结篇

应用栏容器用于显示和对组件分组,帮助用户执行主要操作,或对主体容器中的元素执行操作。应用栏容器可以与导航容器组合使用。当心!使用顶部应用栏会在屏幕上产生带状效果。三、临时组件1.对话框将对话框放在屏幕两侧,避免将关键交互放在中间。可以这样!将对话框放在屏幕两侧。