G端可视化中的适老化设计( 三 )
文章图片
2)英文字体
英文字体类型的使用 , 英文数字的字体选择更明显的粗体 , 因为要展示数据 , 使得数据展示更加直观 , 依旧是选用无衬线体 , 比较推荐:D-DIN字体 。
文章图片
3)字体大小
字体大小的定义 。 在字体大小的选择上 , 参考了页面上常规大小 , 定义了一套关于不同尺寸下的标准字号 , 正常1080P页面 , 最小字号不小于16px , 具体字体大小还需要参考设备清晰度 , 环境灯光 , 视距等因素 。
文章图片
3.解决方案:颜色
1)颜色对比
界面中的前景与背景的对比度 , 是否足以让政府类客户清楚识别;
颜色不应该用作传达信息的唯一视觉手段 , 需要用额外的文字提示;
通过H(色相)S(饱和度)B(明度)的数值来划分色域 , 在保持H值不变的前提下 , 定义了10个色域 。 所以在前后景的颜色选择上 , 满足跨度至少为6 , 才能让目标人群准确识别文字信息 。
文章图片
2)对比度检测
视觉呈现以及文案图像对比度至少要有7:1 , 大文本至少有4.5:1的对比度 。 有很多在线工具可以帮助检测颜色对比度以及是否达标 , 如ContrastRatio在线检测工具:
文章图片
3)颜色多样
【G端可视化中的适老化设计】画面采用多种饱和度较高的颜色 , 而不是单色;
- 芯片|麒麟芯片排行榜:10款备受好评的麒麟芯片,谁是你心中的神U?
- 芯片|web前端培训 - 如何设置函数参数的默认值
- realme|天玑8100、150W充电、IMX766,中端手机天花板将至!
- 微软|当拍照成为生活中的日常,通过新骁龙8手机,仿佛看到了未来趋势
- OPPO|国产手机到底该如何冲击高端市场?凭堆料还是价格?
- vivo x|双机齐发,全是超高端,vivo这一次牛大了
- 小米科技|骁龙8旗舰真实市场表现让人惊讶:小米上攻高端、Redmi收割市场
- 软件|界面提醒中的底层思维(1):状态提醒
- 客户端|realme发布真我V25:12G超大内存亮眼,长续航成卖点
- 客户端|部分科技巨头断供俄罗斯,再次敲醒更多的科技创新人