精华内容
下载资源
问答
  • 之前分享过一篇非常详细的小字体制作教程,基本上读完了就够了:小字体制作详细教程+筑紫ゴシック小字体雨哥为什么不喜欢小字体?因为小字体在显示过程中总会有Bug,尤其苹果手机,总会出现某些地方显示不全,无解...
    ???雨哥为啥很少用小字体???雨哥自己不喜欢用小字体,不过很多朋友都喜欢。之前分享过一篇非常详细的小字体制作教程,基本上读完了就够了:小字体制作详细教程+筑紫ゴシック小字体雨哥为什么不喜欢小字体?因为小字体在显示过程中总会有Bug,尤其是苹果手机,总会出现某些地方显示不全,无解。如下图所示:643a6a1d3e999e527a6cfe996b86b09a.png上面一排为字体的标准字距和大小,矫情的苹果手机会在很多界面和App记住这个标准字距和大小。下面一排是缩小到80%的字体。大家会发现,跟标准字距完全重合的地方很少,这也是为什么某些App里面小字体会缺少半个字显示。???教程前沿???如果你会打包TTF字体文件,那么可以继续往下看,不会的话这里有教程:字体属性修改TTC打包①TTC打包②拿我免费分享的已经优化过字库的字体直接缩小会比较简单。如果是其他字符不全的字体需要补字库的话,这里也有详细的教程《从零开始教你补字库》,熟悉之后可以点个广告?然后继续往下看。???不一样的字体缩小教程???之前的教程里面,我们是通过FontCreator菜单里面的Tools - Glyph Transformer,在变形工具的Outlines - Scale里面选择参数进行缩小:afb6bb15eeb4bc9d38308cea60a0e656.png今天推荐另外一个工具:Fontlab(百度搜索获取)。Fontlab工具能做的事情,基本上FontCreator都可以更好的做到,但是有一点FontCreator不可以,那就是Fontlab可以全局修改字体的UPM值,关于UPM值的介绍,雨哥在之前的一篇教程里面有:无需电脑、手机端一键缩小字体丨再也不用花钱定制了今天以苹方字体缩小80%为例,我们用Fontlab打开TTF文件,然后电脑快捷键Ctrl+Alt+F,出现下面的工具,鼠标定位到Metrics and Dimensions:c8490d4154a4fe75109d9cb590968ef8.png看一下原来的值,苹果标准是1000,我们把这个1000改成800,然后一定要记得勾选下面的Scale前面的框框:1994b21ffa7267d7e52921994f708957.png操作完毕后点击最下面的OK。OK之后,再按电脑快捷键Ctrl+Alt+G,保存一个新的TTF文件。我们用电脑打开这个新的TTF文件,发现跟之前的文件字体大小一模一样,没有任何区别,不着急,还有下一步。再用FontCreator打开这个修改过的TTF文件,然后点击菜单Font - Propreties - General,这里显示的Units per em变成800了,把这个800改成1000,然后点下面的OK:8675891569fcd22df2b7a7cf3128ca96.png然后再看,字体是不是明显缩小了?完事了吗?还没有,这时候我们会发现字体往下偏移了很多,字体位置发生了很大的变化。我们需要把所有字符通过变形向上位移72个像素:db3547e4393a84579977ca8445e4a478.png这样操作之后,再导出TTF,这个TTF文件就完美缩小了80%了,而且位置也正确了。那么为什么是往上移动72个像素呢?我算出来的。如果是缩小到70%,那么最后修复位置需要上移108。意思就是:每缩小1个百分点,最后修复位置需要上移3.6个像素。如果是缩小到90%,那么就是上移3.6×10=36,前提条件是最开始的UPM值是1000。记得点广告?哦???需要修改哪些文件呢???安卓不说了,缩小TTF文件原理是相同的,苹果需要修改下面这140多个文件,第一章截图是英文,第二章截图是中文,以iOS12为例:

    0c919ce4a3eb2d2da53ebcd408f0ddf3.png

    6fe162d625c97b2691983ced6ea9a146.png

    ???小字体总结???如果要自己用一个TTF文件改成苹果需要的小字体。英文字体,首先第一步解包需要修改的英文文件替换所有的英文文件的英文和数字字符,然后查看公众号的缩小教程缩小所有的TTF文件,然后修改属性,然后部分TTF需要打包成TTC中文文件,首先需要补字库,然后缩小补充后的大字库文件,然后修改TTF文件属性,然后打包TTF成TTC文件;最后,把中英文都传到手机上面替换字体???小字体分享???今天说的这种缩小字体的办法,相对于上一篇教程,雨哥觉得可能更加合理,找几个朋友测试了一下,有一些虽然百年难得一见的小Bug可以规避掉。但是缺点也很明显:整个操作过程复杂了很多,增加了难度和时间。2ae265c6547aa730734dcfc3f1f7a7ec.png今天用这个教程,做了一套苹方大陆字形85%的小字体,找几个朋友测试了一下,跟用第一个教程在视觉上没区别,但是在一些所有小字体都有Bug的地方,这种做法竟然Bug少很多。资源获取:关注本公众号并回复苹方小字体获取本次更新。适配苹果+安卓系统,苹果提供iOS9-iOS12中英文,安卓提供卡刷包+Magisk包。
    所有资源均取自互联网,如有侵权,请联系作者删除。更多资源请点击左下角阅读原文。
    展开全文
  • 众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。1、字体安卓系统中文采用的是思源黑体,英文字体为...

    bbb93bae0876de9aef23a1ead70bf838.png

    众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。

    1、字体

    安卓系统中文采用的是思源黑体,英文字体为robot字体。

    只使用偶数单位 24 pt,28 pt,36 pt等字体大小

    2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思?

    讲图标之前先来分析一下一排英文的意思:

    mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次数值越大,其分辨率越高。常用的是xxhdpi和xxxhdpi。

    dp是安卓系统专用的长度单位,设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用,文字则用sp(放大像素),主要用于字体显示best for textsize。

    px是像素的意思, 不同设备显示效果相同。

    安卓各屏幕密度关系如下:

    676693c0bffd8c93e3fdec625df6f914.png

    3、图标

    不同手机品牌的图标的标志是不一样的,对应不同大小屏幕的尺寸如下:

    2caffe629d3ffc232d64b56aae6059dd.png

    应用图标的尺寸:

    cd77e86f09d796e0b6a53931af50dbf8.png

    快捷图标的尺寸:

    cde8ef0d9b971cc6edc7ee7494597bfb.png

    系统图标的尺寸:

    f8cd9a03aa98d09e2534c092d7be47ad.png

    4、应用栏的尺寸

    a4c92afdc34a52156202dbcd2cef392a.png

    从左到右依次是:① 应用栏高度:56dp;应用栏左右内边距为16dp;应用栏图标上下左内边距为16dp;应用栏标题左内边距为72dp;应用栏标题下边距:20dp;

    ②应用栏高度为128dp;

    ③操作栏高度为56dp;标题栏高度:80dp;标题栏底部内边距:8dp;描述区域高度:72dp;描述区底部内边距:16dp。

    5、列表高度

    垂直边框、水平外边距、边框左右外边距各16dp;带有图标或者头像的内容有72dp的左边距。

    775f4b1459df743d0754a0db2c49b931.png

    垂直边距

    ①状态栏:24dp;②工具栏:56dp;③子标题:48dp;④列表项:72dp

    5d2e9c696cbc1fb5dd6e310eb5f396fb.png

    垂直边框、水平外边距、边框左右外边距各16dp;带有图标或者头像的内容有72dp的左边距。

    ec849c431e1b2f6d787aa9598532c41e.png

    垂直边距

    ①状态栏:24dp;②工具栏:56dp;③标题和列表项:48dp;④子标题:48dp;⑤内容区域间距离为8dp

    6、切图

    上周我们讲到iPhone 6与iPhone 6 Plus约是1.5的关系,而xhdpi的Android手机屏幕与xxdpi的屏幕刚好是1.5倍的关系,所以iPhone 6 Plus和xxhdip也可以共用一套切图,掌握好尺寸关系,能让工作变得简单很多。

    阿多比设计学院:总结 | 苹果iOS系统的界面规范。zhuanlan.zhihu.com
    7f80adc52c006326217b042807b5b5bc.png

    7、界面适配

    安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置,来优化用户界面设计,带来更良好的用户体验。

    如何做到安卓界面适配呢?大家一定要很清楚的了解分辨率、屏幕大小、密度的关系;明白实际密度和系统密度的关系,dp、sp、px的区别;明白dp与px的转换。这里不做过多阐述,后期写一篇具体的~

    安卓的界面规范就讲到这里,要明白设计界面规范的意义是确保设计的统一性与合理性,规范维护的是项目的统一,为了项目利益最大化,高效化。所以作为UI设计师的我们,如果一点设计规范不遵守,全靠自己想当然,那就别发给前端人员啦,他也看不懂。

    注:本文部分内容来自微信公众号“阿多比设计学院”,首发链接:https://mp.weixin.qq.com/s?__biz=MzU1OTQzMTc2Ng,如需转载请务必获得授权并标明出处。

    展开全文
  • 大家都发现了,不管公众号免费分享还是付费分享的资源,常用的受欢迎的一般一个季度会...安卓一样,每次系统重大更新,手机内置的系统字体也会有相应的变化。小编作为给各位观众老爷提供第三方手机字体的分...

    大家都发现了,不管是公众号免费分享还是付费分享的资源,常用的受欢迎的一般一个季度会更新一次,不常用的小众人口用的,一般也会半年多更新一次,为什么呢?不能一次性做好吗?

    还真没有一次性做好的方案,就是苹果手机默认的字体,每次更新系统,都会有些许的更新,苹果更新系统的频次还是挺高的。安卓也是一样,每次系统重大更新,手机内置的系统字体也会有相应的变化。

    1553bcb1a172e865b3fbb5f468dafaca.png

    小编作为给各位观众老爷提供第三方手机字体的分享者,一般更新字体基于以下几个原因:

    ①.系统更新

          ②.Bug修复

               ③.技术升级

    大多数字体都是基于这3个原因来更新的。小编来挨个给大家分析一下其中的利害关系。

    Ⅰ系统更新

    安卓手机字体调用的时候,仅仅调用字体的文件名,所以兼容性更强。苹果则不然,苹果需要调用文件名和文件属性,尤其是TTC文件,系统会调用解包后的所有的TTF文件的属性,所以各个系统之间的兼容性会差很多。

    小编分享的苹果系统文件,一般打开之后文件结构如下:

    c63ab946f091962cdf32a7a496323e0f.png

    里面一般有3个文件夹:效果图、英文、中文,其中英文里面又分别包含iOS9、iOS10、iOS11和iOS12合计4个文件夹,中文只有一个LanguageSupport文件夹。而英文的4个文件夹里面又分别包含Core、CoreAddition和CoreUI合计3个文件夹。

    中文是通用的,英文的话,每个系统都会有一些不通用的,小编每次都需要给大家把每个系统的都打包一次。

    ⅡBug修复

    其实Bug修复一般分成3点:系统更新造成的Bug,打包错误造成的Bug,字体文件本身的Bug。

    比较明显的是有些中文的PingFang.ttc文件,在iOS9和iOS10系统用起来毫无压力,到了iOS11之后,开始出现奇怪的乱码,这就是系统更新造成的问题。小编遇到了都需要第一时间给大家免费更新。

    字体本身的Bug,有些官方字体也会有一些错别字,或者有些日文字体里面,会有一些不协调的汉字,这些小编发现了,都需要第一时间更新修复分享给大家。

    Ⅲ技术升级

    其实这个是小编更新最多的地方,也是大家最不容易发现的地方。说实话,小编分享的第三方手机字体,一般来说还是可靠的,字体的位置、大小、兼容性,应该在同类的分享作者中,都不算差了吧。

    但是有时候,小编发现了一些更好的处理字库或者文件的方法,觉得之前的文件里面有一些虽然大家不知道但是自己觉得膈应的Bug,也会及时修复。

    这就是为什么,每次系统更新的时候,小编都会对之前大家喜欢的字体进行更新,有些朋友可能不理解,小编也解释一下,希望大家能理解。没有一款资源能一直不更新一直用下去。

    另外值得一提的是,小编前两天花了大量的时间针对后台回复的资源进行了梳理,大家发送文中关键词获取资源的时候,回复的内容更加清晰了:

    d1f9e027eef13151cd9e91fb55b8348c.png

    自动回复的内容分成3段:第一段是链接,点进去是资源详情;第二段是下载地址;第三段是其他更多资源指引。这样梳理一下虽然花了小编很多时间,但是能方便大家更好的了解资源。

    有些朋友,可能是在其他群里面或者论坛下载了小编之前的文件,然后质疑小编为什么不更新。小编只能表示抱歉:小编更新,只能把上面链接网盘里面的内容更新一下,没办法打开您的电脑更新您电脑里面陈旧的文件。所以,时刻关注公众号相关内容,及时获取最新的资源才是王道。


    所有资源均取自互联网,如有侵权,请联系作者删除。更多免费资源请点击左下角阅读原文。

    展开全文
  • 在网站中,字体扮演了其中重要的一个角色,选用什么样的字体一个相对比较重要的工作。不同的电脑,所安装的字体不尽相同。那我们在做网站中该如何选择字体呢?图片来源于网络系统自带的字体包括:中文字体:微软...

    在网站中,字体扮演了其中重要的一个角色,选用什么样的字体也是一个相对比较重要的工作。不同的电脑,所安装的字体不尽相同。那我们在做网站中该如何选择字体呢?

    53d57f54eb057afb14977753d1e2cd02.png

    图片来源于网络

    系统自带的字体包括:

    中文字体:微软雅黑、宋体、黑体;
    英文字体:Arial、Helvetica

    使用这些字体自带的字体可以高度的还原设计稿上的文字效果。

    我们在网站制作过程中,因页面设计所需,常常会碰到一些特殊的字体,虽然引用了,却无法在网页中显示和设计稿一样的字体。这是由于用户的电脑并没有安装这些特殊字体。

    这种情况下,我们可以通过以下方法让其正常显示。

    切成图片的方式

    优点:简单、快捷、方便
    缺点:不易更改(需要会ps)、放大缩小会失真、不利用优化
    适用于不常更新的区域,如首页的标题、固定的栏目标题等。
    如下图“联系”两字

    2c3387a010f7bdc256b3d98af2d806f1.png

    图片来源于网络

    外部字体引用的方式

    优点:方便后期用户操作,直接更改文字即可、利于优化
    缺点:中文字体较大,会影响加载速度。
    如下图数字

    d9d42b1f5209ace399d5618bff98d065.png

    图片来源于网络

    使用方法:

    1)下载所需的字体样式,格式有所区别,常用.TTF、.woff、.OTF等格式

    可通过在线字体转换,将字体格式转化为我们需要的格式。

    字体格式转换一:

    https://www.fontsquirrel.com/tools/webfont-generator


    字体格式转换二:

    https://www.fontke.com/tool/convfont/

    2)css中引用字体格式:

    @font-face {   font-family: '字体名称';   src: url('../fonts/字体名称.eot');   src: url('../fonts/字体名称.eot?#iefix') format('embedded-opentype'),   url('../fonts/字体名称.woff2') format('woff2'), url('../fonts/字体名称.woff') format('woff'),   url('../fonts/字体名称.svg#字体名称') format('svg'); font-weight: normal; font-style: normal; }

    3)引用:

    .num {        font-family: 字体名称;}

    由于中文字体体积较大,预览下载需要一定的时间,打开会比较慢,英文字体体积本身比较小,不存在这样的问题。

    展开全文
  • 众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。1、字体安卓系统中文采用的是思源黑体,英文字体为...
  • 阅读本文前,请您先点击上面的“蓝色字体”,再点击“关注”,这样您就可以继续免费收到文章了。每天都有分享,完全免费订阅,请放心关注。 本站所提供的信息,只供参考之用。 记得机锋君以前在虾米找一首...
  • 阅读本文前,请您先点击上面的蓝色字体“晓艳观世界”,再点击“关注”,这样您就可以免费收到最新内容了。每天都有分享,完全免费订阅,请放心关注。...为什么能升级到“鸿蒙系统”?华为自研的鸿蒙系统和...
  • 而作为一个玩机爱好者,这么多年我也体验过大大小小的几十款浏览器从只有几十k的via,到几十兆的chrome但是有一点,我强烈建议大家,不要使用手机自带的浏览器,自带的浏览器因为是系统应用,所以有很多恶...
  • 众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。1、字体安卓系统中文采用的是思源黑体,英文字体为...
  • 众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。1、字体安卓系统中文采用的是思源黑体,英文字体为...
  • 本项目一个基于Android的移动医疗终端系统,由Android手机端应用软件和硬件测量设备构成,主要面向居家养老的老年群体心脑血管疾病、糖尿病监测和健康护理方面。使用本系统可以足不出户,居家方便快速检测血压、...
  • 本项目一个基于Android的移动医疗终端系统,由Android手机端应用软件和硬件测量设备构成,主要面向居家养老的老年群体心脑血管疾病、糖尿病监测和健康护理方面。使用本系统可以足不出户,居家方便快速检测血压、...
  • 点击上方蓝色字体,关注我们随着近...我们今天就来聊一聊开发安卓APP的优点:安卓APP开发优势1用户基数目前市面上的智能手机主要有两个系统:一个是安卓系统,还有一个就是iOS系统,但是随着三星、华为、VIVO、OP...
  • 一款偏可爱风格的字体,但是用上的感觉有点细的,等我空下来的时候,我在重新弄一款粗点的版本,这次就先用着吧。为什么我感觉又给自己挖了坑,还有主题的坑我都还没填呢.....先当几天鸽王嘻嘻,你们应该也被鸽...
  • 也有不少人以为 iPhone 终于可以更改系统字体了,其实更换个字体也不是什么新鲜事,安卓手机早就有这个功能了。但这其实苹果新推出的一个功能,只能给第三方软件软件安装字体,并不能更换体统字体。在之前也有说...
  • 对于移动APP设计师来说,在手机APP界面设计中,选择合适... 为了解决大家电脑上的字体不足或者不知道这个什么字体的时候,可以来25学堂找找,或者在APP设计群里问大家。先跟大家回顾下 ios和安卓android系统当中的默...
  • 脑的小伙伴应该不少,但是你们有没有留意过这样一个现象,那就是我们在安装一款新软件的时候,几乎所有软件的安卓目录都电脑的C盘,大家有没有想过这个什么呢?今天就来给大家讲讲这里面的知识!重点部分已画...
  • UX是什么

    2015-11-08 17:02:00
    UX(用户体验),操作过安卓手机或者苹果手机的系统吧?那么操作过程的整体体验就叫UX,而操作过程中所看到的界面颜色啦,图案,字体大小啦等等都属于UI设计,而交互设计(Interaction Design)呢?比如你【按下电灯...
  • 一个像素点为1pxdp即dip,像素密度sp同dp,但是可以根据系统字体偏好缩放dpi每英寸的像素数,也叫做屏幕密度换算关系根据换算关系:320 x 480分辨率,3.6寸的手机:dpi为160,1dp=1pxdp解析dp比例吗?为什么要用dp...
  • 脑的小伙伴应该不少,但是你们有没有留意过这样一个现象,那就是我们在安装一款新软件的时候,几乎所有软件的安卓目录都电脑的C盘,大家有没有想过这个什么呢?今天就来给大家讲讲这里面的知识!重点部分已画...
  • 目前主流的操作系统都已经内置emoji字体,例如苹果操作系统,iOS,安卓以及Windows 10等。 然而虽然内置了moji字体,但是我们的emoji字符并不总是会自动显示为彩色的emoji的图形,例如一个笑脸:☺ 在我现在的编辑...
  • 针对这种情况,不需要重新刷机,直接进入Recovery删除最后刷的模块就可以了,之前有详细教程:安卓Root+卡开机画面救砖教程丨以一加手机为例那么为什么部分小米手机会出现这个问题呢?我也刚刚知道怎么解决,所以...
  • rem布局在webview中页面错乱

    千次阅读 2017-09-14 00:38:45
    上一篇我分享了 rem布局加载闪烁问题,这个问题也在rem布局经常遇到而且还比较好解决的问题。但是!注意,这里但是哈!...非也,其实是系统字体大小的问题,这类问题常见于安卓设备上,而且内嵌在A
  • 安卓O以上系统刷入XP会出现卡米,刷入XP框架需要第三方rec和第三方ROM非常麻烦想用自己喜欢的字体我们借助magisk框架,然后刷入自己制作的字体框架包。废话不多说我们来进入教程第一步:检查MIUI系统版本,和手机...
  • 小米电视dpi修复补丁,可以解决DPI第三方显示错误,并且不影响OTA,通过App Setting(Xposed框架)来修改某个软件的dpi以及文字大小进行调整,在10d和11d中均测试通过,而且不影响系统OTA正常升级 DPI是什么?...
  • 你有没有遇到过如下这种...非也,其实是系统字体大小的问题,这类问题常见于安卓设备上,而且内嵌在APP里面的H5页面。 问题因素出现这个问题有几个因素: 1.用rem布局的H5页面 2.页面内嵌在APP的webview中 3....
  • Odin3_1.85_CHS.zip

    2020-01-27 18:08:53
    更改自定义开机画面,更换丰富的字体,添加手势操作,删除系统自带的软件,随意旋转屏幕,都需要获取最高ROOT权限。 3、ROOT后没有保修怎么办? 可以通过刷机解除ROOT状态——线刷官方ROM会自动恢复出厂状态,...
  • [精仿]360手机助手-14.2.6更新(CSkin Demo)

    千次下载 热门讨论 2014-02-19 21:28:54
    提示:窗体继承SkinMain,再设置下SkinBack,有你想不到的惊喜哦,此窗体用于绘制异形窗体专用,你给他什么图片,窗体就会按照图片来绘制。有一个缺点就是,有透明像素的背景区域,控件不给于显示。 CC2013-10.30 1...

空空如也

空空如也

1 2
收藏数 38
精华内容 15
关键字:

安卓系统是什么字体