UI界面设计中文字使用规范和技巧
ninehua 2024-11-23 20:20 36 浏览
在不同的终端平台,界面设计对于字体的要求是不同的。在移动平台,常用的字体比较固定,而在PC端就没有绝对的固定要求,但却有设计师们经常会选用的几个字体。
1.移动端的常用字体
(1)ios
英文字体:Helvetica、Aral
中文字体:华文黑体或冬青黑体(冬青黑体被很多设计师认为是效果最好的字体)。
(2) Android
英文字体:Roboto
中文字体:Noto
2.移动端的常用字号
(1)导航标题字号
导航标题字号通常为400p×-42px,偏小的40p×字号,常显得更为精致。
(2)正文字号
大的正文字号通常为320p×,副文则通常是260p×,最小的文字信息则通常是20。需要注意的是,在正文字号的使用中根据不同类型的App会有所区别。如新闻等文字阅读类的APP更注重文本的阅读便捷性,因此经常会为正文选用36p×的字号。
而列表形式、工具化的APP则普遍是正文32p,副文案260p×,最小文字20p×。此外,为了能拉开按钮的层次、加强主要按钮的引导性,360p×的字号还经常被运用在页面的大按钮。
3)选择偶数字号
一般情况下,在选用字体大小的时候通常都要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的。
3.Pc端界面的常用字体
英文字体:Ana
中文字体:微软雅黑、方正中黑、方正兰亭系列。
4.PC端界面的常用字号
在PC端,正文通常会使用的字号是120p×或14px(无状态)。其他内容的字号往往根据具体项目的需要而定。与移动端相同的是,一般也需要使用偶数字号,单数字号的文字在显示的时候通常会有毛边。
5.常用的字体颜色
在界面中的文字一般分为3个层级:主文、副文、提示文案。在白色的背景下,字体的颜色层次通常分别是黑、深灰、灰色。
相关推荐
- 我常用的三个剪辑工具 免费功能强大 剪辑视频不再求人
-
今天特意写这篇文章分享一下我在用的三个视频剪辑工具,这三个免费,好用,功能强大,包含了我常用的手机上剪辑的视频软件,电脑端剪辑视频的软件。为什么要写这篇文章呢,还得从早上被一些垃圾剪辑软件给套路了,所...
- macOS绝美流动壁纸!如何免费下载和制作?
-
大家好,我是dairy。我们都曾见识过Apple产品壁纸的惊艳,无论是macOS还是iOS设备壁纸,每更新一版系统版本,就会带来一波新的超美作品。从macOSMojave10.14开始,Mac系统...
- 适用于Windows和Mac的10款最佳照片恢复软件(免费&付费)
-
丢失了您的珍贵照片?让我们看看最好的免费和付费照片恢复软件,用于在Windows和Mac上恢复它们。添加图片注释,不超过140字(可选)丢失照片很容易。一个错误的点击,一个贴错标签的SD卡,然...
- Typora开始收费,介绍几款免费的MarkDown编辑器
-
前两天,一场突如其来的新闻,让本来就不富裕的TJ君更是雪上加霜。什么事情呢?Typora,大家一定都在用吧,作为一款主打免费旗号的Markdown编辑器,Typora一直是很多小伙伴的常备工具之一,...
- Mac端想找一个免费好用的视频播放器?不妨看看IINA
-
今天为大家带来的是一款macOS系统下的视频播放软件介绍,它便是IINA,初识这个软件的时候它应该还刚刚上架GitHub,那时候我用的比较多的Mac端视频播放软件还是VLC。其实对于这类软件,相信大部...
- CotEditor - 免费开源好软件推荐!macOS 上轻量好用的纯文本编辑器
-
mac上一款免费好用的纯文本编辑器,平时看看文档,可以满足类似notepad++这样的工具需求。关于CotEditorCotEditor是一款运行在mac电脑上的轻量级、简洁但功能强大的...
- 坚果云 for Mac(网盘工具)中文免费版
-
推荐一款国内很受欢迎的网盘工具,坚果云forMac提供文件自动同步、数据备份、文件共享、文件搜索、下载、文件自动锁定等实用的功能,让你管理文件更加便捷,而且坚果云网盘支持与手机、平板、网页等设备互...
- 微软发布Mac版Office 2016测试版:免费试用
-
微软发布Mac版Office2016测试版:免费试用新浪手机讯3月6日上午消息,微软公司今日发布适用于苹果Mac电脑的Offic办公套装软件,目前是预览版,用户下载后可免费试用60天。从命名就可...
- 《极限竞速:地平线5》下月登陆PS5,实体版缺失引担忧
-
IT之家3月3日消息,《极限竞速:地平线5》将于4月25日登陆PlayStation5平台,但此次发行将仅以数字版形式推出。游戏开发商PlaygroundGames在X...
- PS5《控制:终极版》新增扩充内容和次世代增强视觉功能
-
GameSourceEntertainment(GSE)宣布,《控制:终极版》已于2月2日以PSN数位版形式登陆PlayStation(R)5平台,而PS5TM《Control》终极版的盒装...
- PS修图插件-DR5高级版人像精修神器重磅来袭
-
设计筱柒设计资源分享10-14无偿领取提示:1、评论随意评论:各抒己见2、学习领取课件私信设计筱柒:想学每天最新的优质资源不容错过哦今天的内容希望可以帮到你~2021最新DR5白金版高级PS扩...
- 蛐蛐下AI 运行photoshop 脚本的失败经历
-
正好最近有图片批处理需求~针对AI结合各种软件提升工作效率的第一个尝试~在成功使用deepseek+豆包+kimi=pptdeepseek+vscode代码助手(自动写代码,原项目自带验证和热启...
- PS5赚疯了!索尼一台主机碾压四代总和,玩家:钱都去哪儿了?
-
阅读之前,麻烦用你发财的小手点点创作不易,感谢大家的支持!每日更新最近,索尼PS5的赚钱能力直接炸裂!数据显示,PS5自2020年发售以来,利润已经突破130亿美元,直接超过了PS1、PS2、PS3、...
- PS Plus PS5会免及Collection免费阵容公开
-
PlayStation公开了11月欧美服PS+会免游戏阵容,PS5游戏《虫子快餐店》首发即加入会免,可在2020年11月12日至2021年1月4日期间领取。除了《虫子快餐店》之外,《中土世界战争之影...
- 开源 Windows 和 Office 激活器, 无需部署直接使用。
-
更多内容请关注我的微信公众号:VistaHub上周写了一篇永久激活Windows和Office的文章,但是需要使用NAS进行部署,给本就门槛不低的激活操作,又增加了不小的难度。今天我发现了一...