ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范

2023-11-03

UI设计师在初涉移动端设计和开发的时候,基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范,今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题,希望对UI设计师设计移动端页面的时候有一些帮助。

一、PS工具设计IOS界面

1.画布尺寸

新建750×1334  分辨率72,像素/英寸。

2.常见的字体大小

24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。

3.常用字体

中文用苹方黑,英文用San Francisco,如果安不上也可以用Helvetica代替。

4.界面里的小图标常见的尺寸

注:ios开发里单位是pt

750×1334尺寸的换算关系 1pt=2px,也就是说程序员拿到我们的px单位的标注稿,自己除以2就是pt了。

24px、32px,48px等,记住4的倍数比较好。

注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。

界面上的间距和元素尺寸:

以偶数为单位,不清楚的可以截图量大公司的APP界面作为参考。

750 x 1334 设计稿尺寸:

状态栏高度:40 px

导航栏高度:88 px

标签栏高度:98 px

二、PS工具设计安卓界面规范

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范 的相关文章

  • mybatis if test 不为空字符串或null

    转自 mybatis if test 不为空字符串或null MyBatis 是一款优秀的持久层框架 它支持定制化 SQL 存储过程以及高级映射 MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集 MyBatis
  • 用户模块丨前端uniapp微信小程序项目

    小兔鲜儿 用户模块 在用户登录 注册成功后 展示会员信息 更新会员信息 会员中心页 我的 主要实现两部分业务 渲染当前登录会员的昵称和头像 从 Store 中获取 猜你喜欢分页加载 可封装成组合式函数实现复用逻辑 静态结构 会员中心页 替换
  • 语音信号处理:语音增强DNN频谱映射

    本文为自学总结整理知识点使用 参考课程 基于深度神经网络频谱映射的语音增强方法 引言 原理 数据集 语音数据集 TIMIT 噪声数据集 Noise 92 数据准备 无噪语音数据准备 生成含噪数据 噪声对 模型结构 参数配置文件 数据集管理
  • 单片机常用外设驱动电路

    单片机常用外设驱动电路 DS18B20 DHT11 AT24C02 L293D 带光耦隔离 I2C接口和EEPROM电路 LCD1602电路 数码管 RS485 红外开关 蜂鸣器驱动 译码器 移位寄存器 74HC595 步进电机控制 复位电
  • [Python从零到壹] 六十一.图像识别及经典案例篇之基于纹理背景和聚类算法的图像分割

    祝大家新年快乐 阖家幸福 健康快乐 欢迎大家来到 Python从零到壹 在这里我将分享约200篇Python系列文章 带大家一起去学习和玩耍 看看Python这个有趣的世界 所有文章都将结合案例 代码和作者的经验讲解 真心想把自己近十年的编
  • 从0搭建WSL下的Ubuntu(18.04)前端环境

    1 Windows下安装Ubuntu 直接去微软商店搜索下载Ubuntu18 04就行 你也可以使用镜像 2 安装完毕后 进入ubuntu 更换apt源为阿里云源 备份 sources list sudo cp etc apt source
  • 百度搜索与推荐引擎的云原生改造

    导读 从去年开始 百度MEG 移动生态事业群 架构平台上的用户产品逐步进行云原生改造 如今已基本完成 现阶段更多关注动态弹性能力 动态管理机制的建设 我们邀请到来自百度推荐技术架构部的传玉老师 跟大家聊聊百度搜索与推荐引擎云原生改造的阶段性
  • 无人驾驶——ros_canopen安装

    上篇文章提到过 对于CAN测试 不能完全依靠CAN卡对应的软件 指导老师推荐了ros canopen socketcan interface方法 记录一下使用该方法的过程 安装ros canopen 对应ros版本git clone下载资源
  • QT界面在多线程下的实时刷新

    QT界面在多线程下的实时刷新 问题现象 尝试过的解决方法 最终处理 问题现象 主界面 4个Lable控件 用作视频图片的显示 不过为了主线程的操作顺滑 使用了四个线程去采集视频流 采集到直接设置图片显示到Lable上 VIDEOlabel
  • Host is not allowed to connect to this MySQL server的解决办法

    首先我们在学习Java时 我们链接的MySql里面没有数据 我们也不知道有些什么数据 于是我们会有一种办法来继续进行我们代码的编写 1 第一步是我的电脑必须要和我想使用的那个人的电脑处在同一个局域网下 例如学生在学校里面可以两台电脑同时连上
  • springsecurity基于数据库中的用户信息实现登陆

    目录 介绍 一 所需依赖 二 自定义UserDetail类 三 springsecurity的核心配置 3 1密码编码器 3 2定义用户 3 3拦截配置 四 登陆页面 总结 重点 介绍 SpringSecurity是一个强大且高效的安全框架
  • MySQL安装-Linux版

    MySQL安装 Linux版 1 准备一台Linux服务器 云服务器或者虚拟机都可以 Linux的版本为 CentOS7 2 下载Linux版MySQL安装包 下载地址 3 上传MySQL安装包 使用FinalShell软件上传即可 4 创
  • pycharm的破解

    Step1 pycharm的下载 http www jetbrains com pycharm edu Step2 点击donwload进行下载 选择professional版本进行下载 Step3 下载完成为以下图标 Step4 点击桌面
  • 使用maven建立web项目

    一 创建项目 1 Eclipse中用Maven创建项目 上图中Next 2 继续Next 3 选maven archetype webapp后 next 4 填写相应的信息 Packaged是默认创建一个包 不写也可以 5 创建好项目后 目
  • kubectl常用指令

    https www kubernetes org cn doc 45 kubectl annotate 更新资源的注解 kubectl api versions 以 组 版本 的格式输出服务端支持的API版本 kubectl apply 通
  • 学习开源项目Halo(一)

    Halo是一款现代化的个人博客系统 我们可以去它的github主页上使用git给拉取下来 别说不会git啊 身为一个自学的困难户 自学能力是必须的 找个教程照着做就成了 目前最新的版本是v1 1 1 使用的是gradle构建的项目 身为菜鸡
  • Mockito when函数实现方式

    平时写单测时 对于一些有限制或因当前环境无法访问的接口时 需要用到Mock来为目标接口添加自定义的实现 使其表现出我们希望表现的逻辑 从而不影响单元测试的实现 Mockito是常用的一个类库 使用也比较简单 使用分为注解的方式和直接创建对象
  • docker安装笔记-windows

    docker安装笔记 windows 菜鸟教程 https www runoob com docker windows docker install html 旧版 WSL 的手动安装步骤 https docs microsoft com
  • 关于我不“小心点”开我爸浏览器搜索历史这件事

    今天早上为了给我的小可爱发信息 我拼尽了全身力气使劲刷微信聊天记录 结果把自己的手机电耗尽了 不点破我要用手机做啥 反正不小心背下了老爸的手机查资料 没想到他的浏览器记录还藏着这么多 宝贵 的信息 哈哈哈哈哈 都是些令人大开眼界的东西 我发

随机推荐

  • 【Visual Studio 2019】 实用调试技巧,学会了都说好

    文章目录 前言 一 bug是什么 二 调试是什么 三 调试的基本步骤 四 Debug和Release的介绍 五 windows环境调试介绍 1 调试环境的准备 2 常用快捷键 六 调试的时候查看程序当前信息 1 调试实例 七 如何写出好 易
  • STM32建立工程模板时出现错误:error: #67: expected a “}“

    在MDK5开发环境中使用到标准库建立工程时 常常会出现以下编辑错误error 67 expected a 更改方法 options gt c c gt Preprocessor Symbols gt Define 将STM32F10X MD
  • JAVA-jdk8的API文件下载

    API文件 1 在线API 2 离线API 1 在线API 在线中文API文档 https www matools com api java8 2 离线API API下载地址 https www oracle com java techno
  • windows 系统 cmake 编译 python 使用 boost 库的问题

    使用 cmake 编译跨平台的开源框架 遇到 cmake 编译出错 主要报错是 FindBoost cmake 通过各种输入日志 message 发现有几个地方需要注意 现记录下来 需要修改成自己的boost版本 set RDK BOOST
  • 华为OD机试真题 Java 实现【分界线】【2023Q1 100分】

    一 题目描述 电视剧 分界线 里面有一个片段 男主为了向警察透露案件细节 且不暴露自己 于是将报刊上的字剪切下来 剪拼成匿名信 现在有一名举报人 希望借鉴这种手段 使用英文报刊完成举报操作 但为了增加文章的混淆度 只需满足每个单词中字母数量
  • API 网关基础

    目录 一 网关概述 二 网关提供的功能 三 常见网关系统 3 1 Netflix Zuul 3 2 Spring Cloud Gateway 3 3 Kong 3 4 APISIX 3 5 Shenyu 一 网关概述 API网关是一个服务器
  • [微信官方文档] 小程序-错误码信息与解决方案表

    错误码信息与解决方案表 错误码是通过binderror回调获取到的错误信息 代码 异常情况 理由 解决方案 1000 后端错误调用失败 该项错误不是开发者的异常情况 一般情况下忽略一段时间即可恢复 1001 参数错误 使用方法错误 可以前往
  • linux:docker /bin/bash作用

    参考 docker run it centos bin bash 后面的 bin bash的作用
  • 【整理一】

    1 说说你对react的理解 有哪些特性 React是一个前端js框架 React高效灵活 声明式设计 使用简单 组件式开发 提高代码的复用率 单向的数据绑定比双向的数据绑定更加安全 2 说说Real diff算法是怎么运作的 1 Diff
  • CrackQL:一款功能强大的图形化密码爆破和模糊测试工具

    关于CrackQL CrackQL是一款功能强大的图形化密码爆破和模糊测试工具 在该工具的帮助下 广大研究人员可以针对密码安全和应用程序安全进行渗透测试 除此之外 CrackQL同时也是一款通用的GraphQL渗透测试工具 它可以控制速率限
  • 积分图(三) - Boxfilter 的实现过程分析

    积分图 三 Boxfilter 的实现过程分析 Boxfilter 快速计算 它可以使复杂度为O MN 的求和 求方差等运算降低到O 1 或近似于O 1 的复杂度 它的缺点是不支持多尺度 Boxfilter 的原理有点类似 Integral
  • 大学应让我们相信各种可能性

    记得刚来学校的时候 导员们便告诉我们今年的学长学姐们找的工作工资有多高 他们保研保上了多么好的学校 有多少人竞赛怎么样怎么样 于是一开始 我们心中的价值取向便成了这些 而我们竟然还很激动 因为我们将来或许也能取得同样的工资 同样的成就 其实
  • python过期了怎么恢复_pycharm过期30天没法用了怎么办?

    用cleanmyMac查看 右键在finder中显示可以找到文件位置 image png Users xxx Library Saved Application State com jetbrains pycharm savedState
  • STL容器之deque

    文章目录 deque容器简介 deque的操作 deque容器简介 deque是 double ended queue 的缩写 和vector一样都是STL的容器 deque是双端数组 而vector是单端的 deque在接口上和vecto
  • TypeScript中的联合类型、类型别名、接口、类型断言

    一 联合类型 在TypeScript中 联合类型 Union Types 是指用 符号将多个类型组合成一个的类型 这种类型可以包含不同的类型 例如字符串 数字或对象 这些不同类型的值可以赋值给联合类型的变量 而在使用这个变量时 需要对不同类
  • Crazy Search 【POJ - 1200】【哈希】

    题目链接 题意 给定一个字符串 其中含有不同的字母数量为m 现在求这个字符串中有多少个长度为n且长的互不相同的字符子串 举个例子 n 3 m 4 字符串 daababac 长度为3的不同的子串分别是 daa aab aba bab bac
  • Linux基线检查与安全加固

    安全加固 Linux安全加固 账户管理 一 口令锁定策略 检查操作步骤 查看配置文件 more etc pam d password auth 查看是否存在如下内容 auth required pam tally2 so deny 5 on
  • SVM支持向量机的多输入单输出预测模型

    多输入单输出 使用SVM做预测的时候 涉及到数据处理 这里强调一下 其它预测算法也适用 我们经常将收集数据集进行归一化 标准化 其实 只需要对部分数据进行归一化即可 归一化的目的是将输入向量中的各属性之间的数量级拉近 如果量级相差过大会影响
  • Java经典面试解析:服务器卡顿、CPU飙升、接口负载剧增

    线上服务器CPU飙升 如何定位到Java代码 解决这个问题的关键是要找到Java代码的位置 下面分享一下排查思路 以CentOS为例 总结为4步 第1步 使用top命令找到占用CPU高的进程 第2步 使用ps mp命令找到进程下占用CPU高
  • ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范

    UI设计师在初涉移动端设计和开发的时候 基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范 今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题 希望对UI设计师设计移动端页面的时候有一些帮助 一 P