HOME 首页
SERVICE 服务产品
XINMEITI 新媒体代运营
CASE 服务案例
NEWS 热点资讯
ABOUT 关于我们
CONTACT 联系我们
创意岭
让品牌有温度、有情感
专注品牌策划15年

    ui设计字体大小(ui设计字体大小规范 800 480)

    发布时间:2023-04-28 01:47:12     稿源: 创意岭    阅读: 233        

    大家好!今天让创意岭的小编来大家介绍下关于ui设计字体大小的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    创意岭作为行业内优秀企业,服务客户遍布全国,设计相关业务请拨打175-8598-2043,或微信:1454722008lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    本文目录:lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    ui设计字体大小(ui设计字体大小规范 800 480)

    一、ui设计师都需要什么字体?lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    手机软件中的字体,ui界面设计字体有以下几种:lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    一、在ios中默认字体分为三类:lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    第一类:STHeiti-Light.ttc (黑体-简与黑体-繁的细体)和 STHeiti-Medium.ttc(黑体-简与黑体-繁的中黑) 代表的是中文字体,常用的方正黑体简体lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    第二类:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及数字字体,常用的字体Helveticalds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    第三类:LockClock.ttf 代表的是锁屏时间字体lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    二、在Android中,英文字体使用Roboto,中文字体使用Noto(思源黑体)。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    以前的设计中,中文字体主要是使用微软雅黑,但微软雅黑在界面中就显得有点厚重、臃肿。Google联合Adobe发布了「思源黑体」作为Android的默认中文字体,新的「思源黑体」不仅仅在字形上更易于在屏幕的阅读,并且拥有7个字重,充分满足了设计的需求。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    三、ui界面设计一般用的字体是:微软雅黑lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    其他可以参考一些ui界面设计规范,里面都有一些很严谨的格式、字体、大小、颜色等数据规范的。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    想要了解更多关于手机软件字体的相关信息推荐选择Pixso协同设计。Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具,更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,使设计师真正专注于创造本身。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    二、安卓手机ui设计尺寸规范lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    1、字体lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    安卓系统中文采用的是思源黑体,英文字体为robot字体。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    只使用偶数单位 24 pt,28 pt,36 pt等字体大小lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思?lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    讲图标之前先来分析一下一排英文的意思:lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次数值越大,其分辨率越高。常用的是xxhdpi和xxxhdpi。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    dp是安卓系统专用的长度单位,设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用,文字则用sp(放大像素),主要用于字体显示best for textsize。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    px是像素的意思, 不同设备显示效果相同。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    从左到右依次是:① 应用栏高度:56dp;应用栏左右内边距为16dp;应用栏图标上下左内边距为16dp;应用栏标题左内边距为72dp;应用栏标题下边距:20dp;lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    ②应用栏高度为128dp;lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    ③操作栏高度为56dp;标题栏高度:80dp;标题栏底部内边距:8dp;描述区域高度:72dp;描述区底部内边距:16dp。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    5、列表高度lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    垂直边框、水平外边距、边框左右外边距各16dp;带有图标或者头像的内容有72dp的左边距。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    垂直边距lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    ①状态栏:24dp;②工具栏:56dp;③子标题:48dp;④列表项:72dp lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    三、APP UI设计内容少的时候怎么把握字体大小lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    1. 留足空间lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    与普遍观点恰好相反,字体并非屏幕上弯弯曲曲的线条排列;它主要在于周围和相互间的空间。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    字母本身对字体的影响,与构成它的空间相比,要小得多。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    要理解这一点,了解字体从何而来很有帮助:字母o(还有b、c、p等等)中间的圆孔被称作“凹槽”。在最原始的印刷机上,铅字由金属雕刻而成,这些凹槽来自雕刻成型、排列在盘中的金属活字。第一个字体设计师所处理的模具,实际上并不能用于印刷。字母本身对字体的影响,与构成它的空间相比,要小得多。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    谈到层次时,我们通常指的是h1到p,有时候还会到h6。但另外还有一种层次在影响着行或段落的视觉流,这是特殊的层次:字母间距小于字间距,字间距小于行间距,以此类推。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    要在移动端创造最佳易读性,尤其要注意这些特殊层次,这些格式塔式的词语、行、段落的文字组合,在自然光环境下同样至关重要。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    2. 行宽与行高lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    行宽是一行文字的长度。或者确切的说,是一行文字的理想长度,因为很难让每一行都精确吻合。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    众所周知,舒适阅读的理想行宽是65个字符左右。行宽产生的物理长度,取决于字体的设计、字间距(见下文)和你使用的具体文字。本文开篇的65个字符(译者注:此处请参见英文原文),用PT Serif字体是26.875em宽,用Open Sans是28.4375em宽,用Ubuntu字体是27.3125em宽。如果再加入斜体、大小写和一大堆其他字体细节,还会有更大的差异。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    在桌面端浏览器中,65个字符很难触及边缘,但在移动设备上,65个字符(如果至少大到看得清)会超出浏览器的边界。所以,在移动设备上,你必须得缩减行宽。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    移动端并没有普遍认可的行宽标准。不过传统上,报纸或杂志上每一个窄列都会趋向于39个字符。鉴于这个理想行宽已经经历了数个世纪的考验,它在移动端字体上也运转良好。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    3. 宽松行距、紧凑行距lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    行距是行之间的空间,行距太紧凑,会让视线难以从行尾扫视到下一行首。行距太宽松,字间距会开始形成队列,产生了我们通常意义上的河流,阻断了行的视觉流。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    从左至右:理想行距、太紧凑、太宽松。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    行距的标准通常是1.4em,但以我的经验,这对于屏幕来说太紧凑了:在屏幕上表现良好的字体都有一个关键特征——大的凹槽,大凹槽需要更大一些的行距来保持空间层次。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    反过来,更短的行宽需要更小的行距。所以你可能需要将桌面端的行距设得宽松点,同时记得将移动端的设置得紧凑些。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    4. 找到最佳或是最舒服的状态lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    所有字体至少都有一种最佳状态,在屏幕上展现最佳的尺寸,还有在浏览器中最能保持字形的抗锯齿选项。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    最佳状态下,多数笔画通常都能排列在像素网格中——像素字体,如果你还记得的话,那些字体仅仅在字号调整到最佳状态下才有效。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    将字体设为最佳状态能形成更强烈的对比。为移动端设计时,对比尤其重要,因为户外的强光可能分散注意。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    你会发现,微调行距会使每行脱离完美像素匹配。我觉得,在移动设备屏幕上,对比的重要性胜过行距。所以如果你不得不在行距上妥协,来保持每行契合像素网格,那就这么做吧。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    通常设计师通过基线网格来排列文字。但在移动设备上,我们需要使用x高度来代替(x高度顾名思义,就是小写字母x的高度)。从易读性研究中,我们知道大脑识别的是文字顶部,而不是底部。所以要成就更加平顺的视觉流,我们要确保字符顶部最契合像素网格。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    5. 不要忽视起伏边lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    起伏边是一段文字的边缘。你读的多数内容是居左对齐的(至少对于拉丁语系而言),导致右边沿参差不齐。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    当视线从行尾跳至下一行首时,大脑最好要能判断出下一次跳跃的角度和距离。把每次跳跃都想象成跑过跳板,如果间距保持一致,就会快很多。因此,文字左侧边缘应该是平的,每行从同一个地方开始(对于从右至左的语言,恰好相反)。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    因此你绝不应该将两三行以上的文字居中对齐。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    通常文字会设置成两端对齐,这意味着每行文字所占空间相等,所以两侧都不会有起伏边。我怀疑两端对齐的流行和响应式设计有关,它教设计师们以块状形态思考。两端对齐的文字产生的留白不统一。最糟的情况会导致一行中只有几个字,相当不协调。更窄的行宽会加重两端对齐的问题,所以两端对齐的文字在移动端是难以阅读的。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    从左至右:左对齐、居中对其、两端对齐。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    如果整洁真的非常重要,那么使用连字符号来让起伏边更平滑,绝不能在移动端使用两端对齐。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    文字右侧是起伏边在移动端还有一项额外好处:人们通常在易分心的场合阅读文字,读者视线频繁地从文字上移开——查看站名,或是接电话。起伏边创造了一个随机形状,让右撇子的视线可以通过重读最少的文字,回到刚才的位置。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    6. 减少反差lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    增强文字与背景对比的同时,我们也要减少不同层次文字间的反差。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    在移动端,实际可见的文字更少,所以反差被放大了。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    其原因是我们的大脑基于环境来判断重要性。在桌面端,标题可能是正文字号的两倍甚至三倍,因为屏幕上有更多文字,所以这是有效的。在移动端,实际可见的文字更少,所以反差被放大了。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    多数设计师使用斐波那契数列式的字号组合。在移动端,应该缩小比率来减少字号间的反差。比如,如果你使用黄金比例1.618与字号相乘。在移动端,应该用更小的比例1.382来替代。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    桌面端屏幕比移动端容许更夸张的字号缩放。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    7. 按比例调整字间距lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    为移动端调整字号时,我们要意识到字间距发生了必要的变化。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    (先说一句,不应该调整固有字距。固有字距是两个字母相互组合时的距离,使它们的间距与其他字母间距在视觉上统一。创作字体时,就纳入了固有字距的考量,这个过程可能要花上数月。如果你选用了一款专业的字体,它的固有字距就是合适的,如果你觉得不对,请换一个字体。)lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    字间距并不是固有字距。字间距是字体中应用在所有字符上的间距。通常你也不应该调整字间距。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    大字号是个例外,拿标题和小号文字(比如脚注)举例。大号文字需要减少字间距,小号文字需要增加字间距。前者是考虑到分组,后者则是为了增强对比。如果你在调整标题,或是用了通常字间距紧密的艺术字体,缩小时可能就需要把字间距放开一点。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    移动端APPUI设计之字体排版设计总结:lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    字体是一门工艺,设计师终其一生都在精心打磨。的确如此,因为每个文字、每种字体和每项技术都带来了新的挑战。没有一成不变的普适规律。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    假如你追求易读性,要牢记三条原则:行内的视觉流要平顺,空间层级要清晰,要有足够的对比。这尤其适用于移动端页面。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    没有不可撼动的规则,全凭你双眼决断。不过此回答可以作为理想的出发点,让你在移动设备上优美地排列文字。希望能帮到你,望采纳! lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    四、手机ui设计字体一般多少像素?lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    以iOS界面为例,手机UI设计字体像素一般为20至40px。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad上。iOS与苹果的macOS操作系统一样,属于类Unix的商业操作系统。原本这个系统名为iPhone OS,因为iPad,iPhone,iPod touch都使用iPhone OS,所以2010年WWDC大会上宣布改名为iOS(iOS为美国Cisco公司网络设备操作系统注册商标,苹果改名已获得Cisco公司授权)。 lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司

    以上就是关于ui设计字体大小相关问题的回答。希望能帮到你,如有更多相关问题,您也可以联系我们的客服进行咨询,客服也会为您讲解更多精彩的知识和内容。lds创意岭 - 安心托付、值得信赖的品牌设计、营销策划公司


    推荐阅读:

    UI发展趋势(ui发展趋势摘要)

    红色vi设计手册(红色ui设计)

    m2固态选mbr还是guid(m2固态用mbr还是guid)

    售后仅退款在哪里申请(售后仅退款在哪里申请退款)

    你搞清楚自己的定位没有(你搞清楚自己的定位没有图片)