上下布局的适配方案 上下布局的适配方案#...
采集 评论
查看来源 ant.design
郜小丫Cassie从橘子·葵
转采于2022-02-21 14:42:17
上下布局的适配方案
上下布局的适配方案#
常被用于上下布局的设计方案中，做法是对两边留白区域进行最小值的定义，当留白区域到达限定值之后再对中间的主内容区域进行动态缩放。
UI-规范
郜小丫Cassie
后台管理
后台管理
数据展示界面-后台系统
后台系统配色练习
漂亮的后台UI设计作品-后台设计
淘汰了5个方案，梳理出这份后台列表设计避坑指南（下）
明确表述立足点#在表述内容时，关注点应该是用户和他们能用你的产品做什么，而不是你和你的产品在为他们做什么，所以内容表述的立足点很重要。既然以用户为中心，文案就应该尽量以用户为主体来写作。注：当用户向后台反馈问题、提出建议或申诉时，使用『我们』是合理的语境，例如『我们将会审核你的申诉』。正确示范错误示范侧重在『我们』为用户提供了什么，而不是以用户视角的关注点为中心。
正确示范 省略不必要的标点# 正确示范 正确示范 错误示范 错误示范 为了帮助用户更加高效得扫视文本内容，可以省略不必要的断句点。 以下元素单独出现时可以省略标点： 标签 标题 输入框下的提示 悬停文本中的提示 表格中的句子
错误示范
上下布局的适配方案 上下布局的适配方案# 常被用于上下布局的设计方案中，做法是对两边留白区域进行最小值的定义，当留白区域到达限定值之后再对中间的主内容区域进行动态缩放。
表格加载示例
页面加载示例
字体颜色 字体颜色# 字体颜色 字体颜色 文本颜色如果和背景颜色太接近就会难以阅读。考虑到无障碍设计的需求，我们参考了 WCAG 的标准，将正文文本、标题和背景色之间保持在了 7:1 以上的 AAA 级对比度
点击刷新示例 点击刷新：告知用户有新内容，并提供按钮等工具帮助用户查看新内容。
进度指示：当一个操作需要一定时间完成时，就需要即时告知进度，保持与用户的沟通。常见的进度指示：『按钮加载』、『表格加载』、『富列表加载』、『页面加载』。可根据操作的量级和重要性，展示不同类型的进度指示。 按钮加载示例
巧用过渡 - Ant Design
即时反应 - Ant Design
巧用过渡 - Ant Design
反馈模式 实时预览：在用户提交输入之前，让他先行了解系统将如何处理他的输入。 注：解决错误最好的办法，就是不让错误发生。而『实时预览』就是有效避免错误的好设计。 实时预览示例 根据用户的输入，提供关于密码强度和有效性的实时反馈
不确定类目示例 用户所查询的关键词，其所属的类目数量不确定，可能 4 个，可能 5 个，可能更多。 自动完成：用户输入时，下拉列表会随着输入的关键词显示匹配项。根据查询结果分类的多少，可以分为『确定类目』、『不确定类目』两种类型。
同采自
ant.design
该采集也在以下画板
加载更多
推荐给你的采集
采集
雨ˋ滴滴答答采集到二次元

418

雨ˋ滴滴答答 采集到
二次元
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

445

Lily名字十七画 采集到
场景素材
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

335

伊岚分享 采集到
png素材
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
该采集待公开
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

389

菓仔fish 采集到
练习
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
该采集待公开
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

361

Lily名字十七画 采集到
场景素材
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
静候好戏采集到人像

泽捻知

612

静候好戏 采集到
人像
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景