首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【总结】移动应用界面设计尺寸设置及规范

sp:Scale-independent pixels,它是安卓字体单位,以160PPI屏幕为标准,字体大小为 100%, 1sp=1px。...根据单位换算方法,可总结出: 运行在mdpi下,1dp=1px :也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp ; 运行在hdpi模式下,1dp=1.5px...e、字体大小 Android规范要求如下: ? 前面提到Android开发字号单位是sp,而换算关系是 sp*ppi/160 = px 。...例外情况是两个标题样式,在最小、小和中等设置都使用相同字体大小、行间距和字间距。 – 在最小三种文字大小,字间距相对宽阔;在最大三种文字大小,字间距相对紧密。...– 文本通常使用常规体和中等大小,而不是用细体和粗体。 百度用户体验做过一个小调查: 单位:像素px ? 还有个方法就是找你觉得好APP应用,手机截图后放进PS自己对比调节字体大小

3.2K40

移动应用界面设计尺寸规范「建议收藏」

* sp:Scale-independentpixels,它是安卓字体单位,以160PPI屏幕为标准,字体大小为 100%, 1sp=1px。...根据单位换算方法,可总结出: 运行在mdpi下,1dp=1px :也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp ; 运行在hdpi模式下,1dp=1.5px...e、字体大小 Android规范要求如下: 前面提到Android开发字号单位是sp,而换算关系是 sp*ppi/160 = px 。...例外情况是两个标题样式,在最小、小和中等设置都使用相同字体大小、行间距和字间距。 – 在最小三种文字大小,字间距相对宽阔;在最大三种文字大小,字间距相对紧密。...– 文本通常使用常规体和中等大小,而不是用细体和粗体。 百度用户体验做过一个小调查: 单位:像素px 还有个方法就是找你觉得好APP应用,手机截图后放进PS自己对比调节字体大小

4.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

为什么你永远不应该在CSS中使用px来设置字体大小

然而,高分辨率(有时称为“视网膜”)屏幕出现时,设备开始将更多像素压缩到更小空间中,这些物理设备像素变得非常微小。...文本、线条和间距都变大了4倍;它们相对于彼此大小保持不变: 涉及到缩放, px 、 em 或 rem 之间没有真正区别。但缩放并不是用户使网站更易用唯一方法。...看一下: 将屏幕截图中文本与其上方文本进行比较。请注意,这一次,行并没有变粗,段落之间边距也没有成比例增加。只有文本本身变大了。...虽然我认为如果你选择这条路,你可能会没事,但我仍然认为 px 有其存在意义。 我们知道当用户调整字体大小时 px 值不会改变,这意味着像素单位实际上是某些美学元素不错选择。...也许有一些边框大小我们不想改变,或者页面上有用 CSS 创建装饰元素,在更大字体大小下看起来效果不佳。也许我们不希望填充随着字体大小增加而膨胀。在所有这些情况下, px 仍然是一个不错选择。

1.6K20

Android Studio 3.6 发布啦,快来围观

可以在导入过程通过在资源上方文本单击来重命名资源。...八、内存探查器泄漏检测 现在,在 Memory Profiler 中分析堆转储,可以过滤 Android Studio 认为可能表明应用程序内存泄漏 Activity 和 Fragment 实例性能分析数据...互联网连接不可靠,此增强功能对于大型下载(例如Android模拟器或系统映像)特别有用。 另外,如果在后台运行SDK下载任务,则现在可以使用状态栏控件暂停或继续下载。 ?...请记住,IDE跳过构建任务列表,Gradle面板任务列表为空,并且构建文件任务名称自动完成不起作用。...4.增加字体大小。 5.在Settings窗口中,导航至 Editor > Font。 6.增加字体大小。 7.单击确定。

8.9K20

文本排版设计告诉你

以iPhone文本排版设计为例。在最新iOS 11,做出了以下更新: 1)增加文本大小和权重:提高可读性。 2)提供较大字号和标准动态尺寸字号,适用于具有辅助性功能需求用户。...2)字体大小 手机屏幕有限,字体大小至关重要。如果你只是在手机屏幕上使用微小字体来解决,那就真是一个笑话了。虽然用户可以缩放文本改变字体大小,从而提升可读性,但这绝不是设计师偷懒借口。...对于iOS,使用至少11sp字体大小,而对于Android,请选择14 sp为主文本。请注意,这是主文本通常使用标准,不是强行唯一标准。...在手机排版,每行上字符数量,字体大小和行长度都紧密相连,互相影响和牵制。合理布局这些要素是可读性关键。通常,一行保留30-40个字符数比较合理选择。 ? 4....设置层次结构,不要太过火,标题字体大小不能太大于文本主体。最后,留白和文本部分也可以形成一种微弱对比。 ? 7. 功能性 保持平衡美观UI是远远不够,功能也是同等重要

2.5K70

Android N上一些新特性介绍「建议收藏」

整个系统设置界面也有改变,第一级菜单同一类设置选项内部不再标出分割线,且每一个选项下会显示主要信息,比如在 WiFi 选项下会显示设备已连接 WiFi 信号、在数据使用选项下会显示已使用流量,用户不用进入下一级菜单就能一目了然了...Doze休眠机制是设备处于空闲状态,通过推迟应用 CPU 和网络活动以实现省电目的系统模式。 在 Android N ,Doze休眠机制又前进了一步。...被拦截号码将不会出现在来电记录,也不会出现通知。另外用户也可以通过账户体系备份和恢复这个拦截名单,以便快速导入其它设备或账号。 10....更快应用安装速度 Android N采用了一项具有实时代码剖析功能ARI JIT编译器,它能够在安卓应用程序在运行时不断提高自身性能,其带来另一项优势就是能够为应用安装引入一种新“快速通道...此前调整字体大小弱爆了,新可调节显示设置,可以改变整个用户界面的比例,实时改变包括诸如按钮,图标和搜索栏大小。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

1.2K20

AndroidMainifest标签说明2——<activity>

android:configChanges 当在执行时所配置列表内容參数发生改变是将会调用onConfigurationChanged()。...“fontScale” 字体大小改变 “uiMode” 用户界面模式已经改变,这能够导致当用户把设备放在书桌/汽车码头或当夜间模式变化。...离开该activity它会是不可兼得,此时activity是否可以从堆栈移除和finishi()。...“sensor” 方向是由设备方向传感器。显示方向取决于用户设备,它改变当用户旋转设备。 只是,一些设备不会旋转四个可能方向,默认情况下。同意全部四个方向,使用“fullSensor”。...“stateUnchanged” 软键盘上一次保存在不论什么状态,是否可见或隐藏,活动走到前台。 “stateHidden” 软键盘是隐藏,当用户选择activity

1.5K00

Android 测量文字宽度实例方法

在实现这一功能发现了原来在 Android 测量文本长度,或者说宽度可以分两种情况: 1、测量绝对文本长度 2、测量相对文本长度 首先必须声明这两个概念是笔者自己定义,因为我实在找不着更贴切词句去形容它们了...什么是绝对文本呢? 就是指那些字号、字体、粗细等属性不受在所运行硬件设备 Android 系统配置所影响文本。...相对文本在字号、字体、粗细程度上除了受应用开发配置影响以外还会间接地受到系统设置影响。例如在 Android 系统设置 — 显示 — 字体大小 配置就会间接地影响到相对文本显示效果。...2、相对文本长度测量 最简单测量这种随系统配置而改变属性文本长度方法就是借助于 Android 自身控件。...以下是同一段代码在系统设置中将字体大小分别设置为小、普通与超大测量结果: 系统字体为小号测量结果: Activity: txt length:720.0 Activity: screen width

2.9K10

设置同样字体大小,chrome浏览器有时字体偏大解决办法(转)

而 Font Boosting 特性在这时会自动将其中文字字体变大,保证在即不需要左右滑动屏幕,也不需要双击放大屏幕内容前提下,也可以让人们方便阅读页面文本。...(后边可以知道,这个说法不严谨,在其他设置均为默认值,这一条才有效) Font Boosting 仅在未限定尺寸文本流中有效,给元素指定宽高,就可以避免 Font Boosting 被触发。...但是有一个问题仍然困扰着我:字体大于某一个值(比如不指定viewport width,手机屏幕width=320,字体大于等于82px),这个 Font Boosting 就始终不会被触发。...: 指定 viewport width=device-width 此值为 1,否则值在 1.05 - 1.3 之间,有专门计算规则 textScalingSlider: 浏览器手动指定缩放比例...,默认为 1 systemFontScale: 系统字体大小Android设备可以在「设备 - 显示 - 字体大小」处设置,默认为 1 clusterWidth: 应用 Font Boosting 特性字体所在元素宽度

2.3K50

Web正文字体发展简史

根据屏幕宽度稍微增加字体大小概念很容易引起人们注意。...特别是硬件供应商更有兴趣销售针对视频分辨率(1080p、4K)进行优化屏幕,即使它会让整个 UI 变得非常小。 从理论上讲,浏览器制造商应该能够改变 16px 默认字体大小以适应现代设备。...但是太多现有内容依赖于这个默认大小,而这个大小是不会改变。...由于 CSS px单元工作方式类似于这些设备系统点,并且将物理像素分辨率提高一倍并不会影响 HTML 文本大小,所以我跳过了讨论以物理像素(例如 320ppi)测量分辨率。...响应式 Web 设计技术,屏幕变得更小或更大,允许您在两个属性值之间平稳转换。

1.1K10

Android 9.0 强势来袭,带来了哪些新特性?

特别是,请勿使用此工作流程来显示您通常不会在用户设备上显示敏感信息。 统一识别认证对话框 在Android 9,系统代表您应用提供生物识别身份验证对话框。...Keymaster然后解密密钥库密钥,因此密钥内容永远不会设备主机内存显示为纯文本。 注意:仅在Keymaster 4或更高版本附带设备上支持此功能。...定义备份所需设备条件 如果您应用数据包含敏感信息或偏好设置,Android 9可让您定义应用数据包含在用户备份设备条件,例如启用客户端加密或本地设备设备转移正在进行。...方便操作 Android 9增加了对代表用户执行便捷措施支持: 与工具提示交互 通过辅助功能框架添加功能,您可以访问 应用程序UI工具提示。...一个TYPE_WINDOWS_CHANGED 事件发生,可以使用 getWindowChanges() API来确定如何在Windows已经改变。在多窗口更新期间,每个窗口都会生成自己一组事件。

3.3K20

Flutter常见开发问题

想象一下 Android 一个按钮。它具有文本等属性,可让您向按钮添加文本。但是 Flutter 按钮不是将标题作为字符串,而是另一个小部件。...这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象东西,**而不会打破布局限制。这也让您可以非常轻松地制作自定义小部件,而在 Android 制作自定义视图是一件相当困难事情。...您运行 Flutter 项目,它会根据运行模拟器或设备进行构建,使用其中文件夹进行 Gradle 或 XCode 构建。...下次重新启动或热加载应用程序时,Flutter 基本上会在现有应用程序之上修补更改,从而提供极快刷新。 注意:通过热重载或重启所做更改不会保存在设备 APK 或 IPA 文件。...**任何可以改变东西,比如计数器计数、文本等,都可以成为 State 一部分。想象一个计数器应用程序,主要动态是计数器计数。计数改变,需要刷新屏幕以显示新值。

6.7K20

编码篇-iOS开发奇巧小伎

光标 37、UITextView/UITextField没有文字,禁用回车键 38、通知监听APP生命周期 39、获取collectionViewCell在屏幕frame 40、UITextField...自己键盘打出 % 汉字形式下还是会报警告,并且不会显示出来.把上文粘贴过去使用吧!...应用程序终止(后台杀死、手机关机等) UIApplicationSignificantTimeChangeNotification 有重大时间改变(凌晨0点,设备时间被修改,时区改变等) UIApplicationWillChangeStatusBarOrientationNotification...设备方向将要改变 UIApplicationDidChangeStatusBarOrientationNotification 设备方向改变 UIApplicationWillChangeStatusBarFrameNotification...设备状态栏frame将要改变 UIApplicationDidChangeStatusBarFrameNotification 设备状态栏frame改变 UIApplicationBackgroundRefreshStatusDidChangeNotification

5.3K10

Flutter常见开发问题

从按钮到布局结构一切都是小部件。这里优势在于可定制性。想象一下 Android 一个按钮。它具有文本等属性,可让您向按钮添加文本。...但是 Flutter 按钮不是将标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象东西,**而不会打破布局限制。...您运行 Flutter 项目,它会根据运行模拟器或设备进行构建,使用其中文件夹进行 Gradle 或 XCode 构建。...下次重新启动或热加载应用程序时,Flutter 基本上会在现有应用程序之上修补更改,从而提供极快刷新。 注意:通过热重载或重启所做更改不会保存在设备 APK 或 IPA 文件。...**任何可以改变东西,比如计数器计数、文本等,都可以成为 State 一部分。想象一个计数器应用程序,主要动态是计数器计数。计数改变,需要刷新屏幕以显示新值。

6.8K30

简单了解下无障碍设计模式

使用屏幕阅读器(如 “TalkBack” ),并通过触摸板导航,在用户指尖触摸到 UI 元素,会大声读出标签上文本。...错误示例 滑块值和滑块控件之间距离太远。对于放大了屏幕用户,如果不在滑块和值之间来回浏览的话,可能不能同时看到滑块和值。 字体 为了提高可读性,用户可能会增加字体大小。...移动设备或浏览器有调整系统字体大小功能。要在 Android 中使用系统字体大小,使用可缩放像素(sp)来标记文本极其关联容器。 确保为大型字体和外语字体分配了足够空间。...错误示例 把重要操作嵌入到其他内容,就不清楚什么是页面中最重要元素。 焦点顺序 输入焦点应该按照视觉布局顺序排列,从屏幕顶部到底部。它应该从最重要项目到最不重要项目进行遍历。...例如,在 TalkBack 打开 “通过触摸浏览” ,并改变大声说出文本速度。

4.7K40

AndroidAutoSize今日头条适配方案

-- 如果您项目中所有页面都只需要以高或宽一个作为基准进行适配的话, 那就只需要填写高或宽一个设计图尺寸即可 --> <meta-data android:name="design_width_in_dp..., App 内字体大小将不会跟随系统设置字体大小改变 //如果为 false, 则会跟随系统设置字体大小改变, 默认为 false...分屏或缩放模式, 但前提是在分屏或缩放模式下当用户改变您 App 窗口大小时 //系统会重绘当前页面, 经测试在某些机型, 某些情况下系统不会重绘当前页面..., 默认为 false, 如果设置为 false, 在以屏幕高度为基准进行适配 //AutoSize 会将屏幕总高度减去状态栏高度来做适配 //设置为 true 则使用设备实际屏幕高度...Fragment 设计图尺寸与在 AndroidManifest 填写全局设计图尺寸不同时,可以实现 CustomAdapt 接口扩展适配参数 2.3、某个 Fragment 想放弃适配,请实现

3.4K10

TextView属性和方法大全

(TextUitls.TruncateAt) 设置显示文本超过了TextView长度如何处理文本内容。...:hint setHint(int) 设置文本框内容为空文本框内默认显示提示文本 android:imeActionId setImeActionIdLabel(CharSequence,int...文本框关联输入法,为输入法提供EditorInfo.actionLabel值 android:imeOptions setImeOptions(int) 文本框关联输入法,为输入法指定额外选项...(boolean) 如果文本内容可选择,设置是否它获得焦点自动选中所有文本 android:shadowColor setShadowLayer(float, float, float, float...设置文本框内文本在水平方向上缩放因子 android:textSize setTextSize(float) 设置文本框内文本字体大小 android:textStyle setTypeface(

2K50

Flutter 1.17版本重磅发布

现在,按钮长度比没有溢出可以显示时间长文本选择菜单可提高Android和iOS保真度。这在菜单项单词可能更长语言环境尤其明显。...2018年10月PR 22330增加了对新配置选择加入支持,但不对新名称提供支持。现有的文本样式名称未更改,因为这样做是一个重大API更改,可能会影响大多数应用程序。...= true; runApp(MyApp()); } 除了更新Dart DevTools,此版本还增加了对实验性“快速启动”选项支持,该功能使您在定位Android可以将Flutter应用程序调试速度提高...此选项将您应用程序捆绑到实际上并未在您设备上安装通用Android“包装器”,这与我们正常启动选项不同。此外,在某些情况下,例如, 您使用访问后台执行插件。...如果您Android调试启动时间让您失望,请尝试一下。 如果您以Android为目标,则需要注意另一个变化是,创建新Flutter项目,AndroidX是唯一选择。

2.5K10

Adobe Premiere 2023激活版免费下载 pr下载安装教程

完成大项目Premiere Pro是唯一非线性编辑器,知识兔可让你在与你团队合作单个项目的同时打开多个项目知识兔。另外,你可以锁定项目,让别知识兔人不能改变它们。...新增功能知识兔在 Premiere Pro 为图形和文本添加装饰元素,可在内描边、知识兔描边或外描边之间进行选择,以便更好地进行控制。...知识兔在 Premiere Pro 节目监视器设计字幕,知识兔只需单击一下即可对齐文本和形状元素。在时间轴中选择多个标题剪辑以有效知识兔地更改字体、字体大小、颜色和背景等属性。...10 位 AVC Intra 格式文件在 Apple Silicon 设备处理速度现在提高了 2 倍,知识兔这得益于 GPU 加速。...使用 Lumetri 范围,知识兔GPU 加速可确保流畅性能。

1.9K40

【谷歌官方文档】1.1 建立第一个APP

在真实设备上运行 如果有一个真实Android设备,以下步骤可以使我们在自己设备上安装和运行应用程序: 手机设置 把设备用USB线连接到计算机上。...Android Studio 会把应用程序安装到我们设备并启动应用程序。...可以在程序代码通过该标识符引用对象。例如对这个对象进行读和修改操作(在下一课里将会用到)。 需要从 XML 里引用资源对象,必须使用 @ 符号。...定义key为一个public型常量,通常使用应用程序包名作为前缀来定义键是很好做法,这样在应用程序与其他应用程序进行交互仍可以确保键是唯一。...Android Studio中使用模板,Support Library会自动加入我们工程(在Android Dependencies你以看到相应JAR文件)。

2.4K20
领券