当前位置:首页 > PS教程 > PS教程

APP界面设计,IOS字体规范与多屏幕适配(1)

  • 2022-12-24 22:23:16
  • 来源/作者:互联网/佚名
  • 己被围观

移动界面设计由于针对繁杂的设备尺寸,适配和字体规范往往是新手容易头疼的问题。这次主要介绍IOS的设计规范与流程。由于iphone 6的出现,苹果手机的分辨率也多了起来,适配进而也变的复杂。。。

1.iPhone4和iPhone5宽度一样,5只是比4高176像素,所以5和4一套规范即可;

2.iPhone6的放大模式分辨率是640*1136,和iPhone5正好相同;

3.iPhone6的标准模式分辨率为750*1334,整体放大1.5倍正好是iPhone6 Plus的放大模式1125*2001。

我们来看淘宝购物车的截图(从左到右依次为iPhone4、5、6):

APP界面设计,IOS字体规范与多屏幕适配(1)

我们可以看出iPhone 4、5、6共用一套字体大小规范。

而iPhone6 plus在放大模式下的字体正好是在此基础上放大了1.5倍:

APP界面设计,IOS字体规范与多屏幕适配(1)

看到这里明白了吧,对于字体我们只需要做一套iPhone 6的字号大小规范,Plus上直接放大1.5倍即可。

下面我们来看IOS上具体字体常用字号规律;

首先,一个视觉舒适的APP界面,字号大小对比要合适,并且各个不同界面大小对比要统一。

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 工具运用,给产品图片加上尺寸标识 工具运用,给产品图片加上尺寸标识
  • ps大师之路:ps笔刷的详细设置 ps大师之路:ps笔刷的详细设置
  • ps无缝重复图案的制作和使用方法 ps无缝重复图案的制作和使用方法
  • photoshop大师之路消除锯齿和羽化 photoshop大师之路消除锯齿和羽化
  • 教你怎样分辨照片是否被ps过 教你怎样分辨照片是否被ps过
  • 浅谈photoshop图像处理中的亮调,中间调,暗调选取 浅谈photoshop图像处理中的亮调,中间调,暗调选取
  • Photoshop自由变形调整照片的透视变形 Photoshop自由变形调整照片的透视变形
  • 文字设计,英文字母组合的N种方式 文字设计,英文字母组合的N种方式