带你轻松入门UI设计

发布时间:2024-05-16 19:46:04 浏览量:202次

关于iOS的发展史,网络上有很多文章,想详细了解朋友可以查阅资料。UI设计师为什么要了解iOS系统的历史?总结归纳后,无非三点:iOS的尺寸变化、系统变化、风格变化,都会影响UI设计师做设计稿。以下是针对以上三点的总结。

iOS系统变化总结iOS尺寸变化总结iOS风格变化总结

iOS的屏幕分辨率

说到一稿适配,首先要了解iOS屏幕的几个知识点。设计稿为什么要区分二倍图和三倍图?像素是一个单位,是一个小方格,在同样大屏幕上,像素格越多,显示就更清晰。 PPI与DPI都关联密度,影响输出质量,但二者有区别。在UI设计中理解PPI的原理应用得当。屏幕尺寸多样,基准设计尺寸是375*667,逻辑点单位叫做pt,一倍图里的1pt是1px,二倍图是2px,三倍图是3px,便于开发用pt单位确定元素大小。

像素示意图PPI与DPI示意图

一倍图、二倍图、三倍图是如何定义的?二倍图尺寸是750*1334,三倍图尺寸是1242*2208。虚拟三倍图与真实三倍图尺寸有所不同,iPhone X使用真三倍图。设计稿一般给一套样式,开发根据比例做其他尺寸的适配。选择使用一倍图还是二倍图,个人习惯不同。适配方法因人而异,有的开发使用js,有的根据设计稿尺寸比例自行计算。

一倍、二倍、三倍图示意图

iOS尺寸规范

在界面中,有些部分是固定的,剩下的是可设计区域。设计师需要了解设计规范,确定界面骨架。可设计区域的设计要有一个框架,也就是栅格布局,让界面有规律、韵律感。设计的元素可以组合成不同模块,要注重图片比例、信息层级、标题与内容间距等。

界面规范示意图栅格布局示意图组件模块示意图

新手想要做好界面,首先要了解设计规范,定好界面骨架。多研究优秀的app,了解排版、字号、图片展示比例、icon样式、交互方式,多看、多学、多做。

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定