苹果页面设计规范吐血整理

news/2024/11/9 0:50:15/

苹果567(775乘1334px) 主流设计尺寸 一般设计以这个为标准
如果要转为三倍图 乘以1.5等比例缩放形成自适应
1.界面设计包括布局层,图文排版层,图标层。
2. iPhone界面布局讲究8px原则。所有间距和标准尺寸都是应该是8px的倍数。如iPhone678的状态栏40px,导航栏88px,标签栏98px。除此以外,其他规范导航栏下导航高度80px,列表卡片高度88px,按钮高度88px,小标题栏高度64px,标签栏98px,都是 8的倍数,最小距离也是8px。除开状态栏导航栏标签栏内容区域1108px。
3. ios最小点击区域尺寸为88x88px。切图注意,没有也要用这个尺寸。
4.导航栏工具栏标签栏布局中的图标大小都是44乘44px。在标签栏中4个图标各占标签栏比例宽度188,186,186,186px。图标和下方的字体最好是8px距离,字体大小一般为20px。注意pt等于2px。5.页边距30px,一般是整数偶数。
6.字体大小都在20-36px之间。一般为偶数呈现,导航栏字体36px。内容区域字体24-28px。辅助性文字20-24px。常规按钮32-36px。工具栏20px。
7.字体正文是pingfang sc light light,标题是pingfang sc bold bold。(加粗)
8.不要为字体间大小搭配烦恼了。字体大小之间搭配原则:(原则6和8的剃度,自己随意搭配)如一般列表32px搭配26px详情文字。(字体大小6px差距,一般都是这个6px)带头像30搭配22辅助文字。(8px大小差距),用得少,这个情况用。
9.详情页标题文字与详情文字间距是8的倍数。


http://www.ppmy.cn/news/833529.html

相关文章

leetcode每日一题——238.除自身以外数组的乘积(面试经典150题)

一、题目描述与要求 238. 除自身以外数组的乘积 - 力扣(LeetCode) 题目描述 给你一个整数数组 nums,返回 数组 answer ,其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积 。 题目数据 保证 数组 nums之中任意元素…

【设计模式】23种设计模式——单例模式(原理讲解+应用场景介绍+案例介绍+Java代码实现)

单例模式(Singleton) 介绍 所谓类的单例设计模式,就是采取一定的方法,保证在整个的软件系统中,对某个类只能存在一个对象实例,并且该类只提供一个取得其对象实例的方法(静态方法)。比如Hibernate的Sessio…

cudaGetDeviceCount returned 999

安装nvidia GPU卡驱动后, 运行nvidia-smi 输出正常。 安装CUDA,编译运行例子deviceQuery,输出 CUDA Device Query (Runtime API) version (CUDART static linking) cudaGetDeviceCount returned 999 -> unknown error Result FAIL …

money显示格式999,999,999

DECLARE mny moneySET mny 123456.16SELECT SUBSTRING(convert(varchar,cast(mny as money),1),0,CHARINDEX(.,convert(varchar,cast(mny as money),1)) ) as MONEY

to_char(数据,'FM999,999,999,999,990.00')

select to_char(0.596,‘FM999,999,999,990.00’) from dual   它的执行结果如下:   怎样使查出来类似0.60的小数带0,答案是:使用如上的格式即可。   ①其9代表:如果存在数字则显示数字,不存在则显示空格。   …

99线、999线TP99、TP999

接口性能的参数常说的999 线就是TP999 概念 TPTop Percentile,Top百分数,是一个统计学里的术语,与平均数、中位数都是一类。 TP50、TP90和TP99等指标常用于系统性能监控场景,指高于50%、90%、99%等百分线的情况。 例子 有四次…

oracle 函数to_char(数据,'FM999,999,999,999,990.00') 格式化数据

select to_char(0.596,FM999,999,999,990.00) from dual 它的执行结果如下: 怎样使查出来类似0.60的小数带0,答案是:使用如上的格式即可。 ①其9代表:如果存在数字则显示数字,不存在则显示空格。 ②其0代表&#xff1a…