Repo:UI设计字号完全指南,不知道用多少字号的设计师必看!腾讯云开发者社区

不使用合适的字号,会让在自己的设计稿看起来面目全非,显得粗糙,不精致。字体太小会导致无法阅读。因此,各位设计师必须足够重视。

所以我想在这里发布一个编译指南,以便所有新手设计师开始使用正确的字体大小。但是,根据不同的屏幕和字体系列,规则可能需要根据各自的详细指南进行更改。下面这些设计指南只是普适性的字体规则,并非公式,请务必注意。另,中文字体需要在此基础上加1到2号。

首先选择合适的屏幕尺寸

首先要获得正确的屏幕尺寸,因为字体大小主要取决于屏幕尺寸。我们不能指望用户在移动应用上看到42pt标题,对吧?

因此,对于一个基本的开始,使用小尺寸是很好的,以后的事情可以根据屏幕尺寸进行。

a.对于台式机:使用标准的1440x1024像素屏幕尺寸

b.对于平板电脑:使用1024x768像素的屏幕尺寸,因为一半的用户使用此屏幕尺寸。

c.对于手机:您需要考虑3个类别

-对于iPhone8:使用375x667像素

-对于iPhonePro:使用375x812像素

-对于Android:使用360x640像素

因此,在为您的设计设置正确的屏幕大小之后,让我们在其中使用正确的字体大小。

桌面

当涉及到桌面的网站或网络应用程序排版时,我们需要了解我们的页面类型。有两种类型的网页:

交互密集的页面:这些页面的主要目的是从用户那里获取操作。这种类型的页面还包含几种类型的重要和最不重要的文本。页面主要涉及点击、选择、悬停、搜索等动作项,这类页面也需要根据不同类型的案例不断修改。

平板电脑

通常,iPad和iPhone上使用的字体大小是相同的。在平板电脑中,由于画布很大,我们可能需要一些更大的标题尺寸,但其余的方法相同。下表可以为开始为平板电脑屏幕选择字体大小提供一个很好的基准。

iPhone(IOS)

iPhone应用程序字体大小的快速总结;苹果有一个默认字体SFPro;这些数字适用于SFPro或类似字体。一般来说,中文可以比英文大2个字号左右,可以在下表基础上+1或者2

iPhone(默认)尺寸:

iPhone(小)尺寸:

需要考虑的几点:

1.使用多少字体?:

永远不要使用太多的字体大小;总共只有4种尺寸。

2.标题字体大小:用于标题和章节标题。在极少数情况下,您有标题和子标题,您可能需要2种大小的标题字体。

3.正文字体大小:这将是默认字体大小;可用于页面上的所有正文文本,包括;文本、文本框、下拉菜单、按钮、菜单等。

4.次要字体大小:此字体大小需要比默认的主要字体大小小约2pt,可用于不太重要的细节,如标题。

5.第三字体大小:此字体大小需要比您的第二字体大小小约1pt。

THE END
1.iPad使用教程,解锁苹果平板的无限可能数码亲爱的读者,欢迎您踏上iPad的使用之旅,在这个数字化时代,iPad不仅仅是一个平板电脑,它是一个多功能的设备,可以用于工作、学习、娱乐等,无论您是iPad的新用户还是想要更深入地了解它的功能,本教程都将为您提供一个全面的指南,帮助您充分利用iPad的强大功能。一、iPadhttps://www.ywgw.com.cn/cs/73542.html
2.iPad使用手册本手册有你了解 iPad 所需要的一切内容,由 Apple 直接发布。本权威手册可帮助你开始使用 iPad,并发现它的所有强大功能。https://support.apple.com/zh-cn/guide/ipad/ipad9a246ed2/ipados
3.iPad使用goodnotes发热掉电快?新手必看小技巧!iPad Air5 发热分布 散热改造参考 热量分布 散热 最新完全版Goodnote6新功能使用指南/更新解析|新手必备|老用户看完再决定升不升级 Goodnotes大更新 进来解答你的所有疑惑 付费模式|折扣优惠|功能限制 四款iPadpro对比 哪个发烫严重 3个iPad配件 让你的电子笔记快速变好看 https://xbeibeix.com/video/BV1Hg411k7zs
4.新手必看,史上最全的iOS开发教程集锦,没有之一!51CTO博客本教程是关于Objective-C的初学者指南,适用于已经了解面向对象编程的iOS开发人员,并涵盖了Objective-C中你需要了解的所有概念,以便使用该语言学习iOS和OS X的编程。 7. Learn Cocoa http://cocoadevcentral.com/d/learn_cocoa/ 本教程教你如何从零开始创建一个Cocoa的应用程序,无需任何编程和Xcode经验。 https://blog.51cto.com/u_9540389/3185047
5.新手必看,史上最全的iOS开发教程集锦,没有之一!本教程是关于Objective-C的初学者指南,适用于已经了解面向对象编程的iOS开发人员,并涵盖了Objective-C中你需要了解的所有概念,以便使用该语言学习iOS和OS X的编程。 7. Learn Cocoa http://cocoadevcentral.com/d/learn_cocoa/ 本教程教你如何从零开始创建一个Cocoa的应用程序,无需任何编程和Xcode经验。 https://blog.csdn.net/jongde1/article/details/83504741
6.探索素人如何在小红书上打造热门内容,从小白到达人必备攻略小红书推广高效指南:小白必看!!! 1、小红书推广的核心是撰写笔记,主要用于品牌宣传,发布笔记的账号分为素人和达人,素人账号粉丝较少,达人账号则负责在推广中后期进行种草和引流,两者结合的推广效果更佳。 2、成长干货类内容在小红书上备受欢迎,涵盖学习、自律、生活、个人提升等多个方面,分享自己的成长经历和心得,可以http://3g.zhouchengjiareqi.com/10305d3fF50E.html
7.免费苹果ipad签名软件在线一键生成苹果书签桌面应用图标免费苹果ipad签名软件 苹果书签模式网站免签打包,不显示网址,无需IOS证书,无需上架appstore!立即创建 1 2 免费制作IOS免签版 新手必看:IOS网站免签打包教程汇总 Q:苹果webclip怎么移除免签 A:Web Clips 是 iOS 设备上的一项功能,允许用户将网页的一部分或整个页面添加到设备的主屏幕上,以便日后方便地访问。简http://iosmianqian.yimenapp.com/webclip-1013.html
8.Mac和iPad新手必看的,iPad和Mac原来可以这样互通使用!菜鸟手机测01:04早晨的第一缕阳光,开启了我对新一天的期待,工作是一种幸福 00:20所以说,小米有了莱卡的加持,影像到底怎么样呢?#数码科技 08:06哪款变焦镜头最香 04:19wwdc第二弹,辅助功能使用新手必看!一定有用! 01:04笔记本电脑电池图标惊叹号,不一定是坏电池#干货分享 #电脑知识https://www.163.com/v/video/VQ3FAJ2BL.html