UI及交互设计知识整理(超详细 基础篇) |
您所在的位置:网站首页 › 二次元UI是什么 › UI及交互设计知识整理(超详细 基础篇) |
首先,解决一个问题 UI是什么?UI 是 User Interface 的缩写,即界面设计。 其中 Interface 中的 inter 又有“在一起,交互”之义,所以UI设计中也包括了交互设计。 用更通俗易懂的话来说就是符合用户需求的界面设计。 然后开始我们的设计基础知识介绍 1. 设计流程这是包括项目经理、ui设计师、交互设计师以及前端和后端开发工程师到最后运营一起所需的设计流程图。
首先,先介绍一下苹果手机的像素单位,pt和px。 px相信就算没有了解过的人都知道,是像素的基本单位,又称渲染像素,但却很少有人知道它是一个相对单位,没有实际大小。 pt却不同,是逻辑像素,对应的是绝对单位,有实际大小, 换算可知:1pt=1/72英寸 而pt和px之间的换算又可以为: 一般的样机展示尺寸如图所示,pt内所示的值是一般原型图的尺寸,即: iPhone6/6s/7/8的尺寸为:375pt x 667pt iPhonex的尺寸为:375pt x 812pt ps:需要几倍机就将原pt内的值乘以几即可
倍机运算示范: iPhonex的三倍机尺寸: (375pt x 812pt ) x 3@ = 1125px x 2436px ps:375x3=1125 和 812x3=2436 3.UI栏设计尺寸介绍其中包括状态栏、导航栏、搜索栏、标签栏和工具栏,还有iPhonex以后机型独有的home栏。 - 状态栏
最后是iPhonex以后机型独有的HOME栏,尺寸是34pt。 其中HOME栏的颜色随着界面的颜色会有黑白灰三种颜色变化。 LAST 这是我做的IOS设计规范总结图 太多了,一次性写不完,明天再更 未完待续。。。 有问题也可以再评论区找我,看到都会回 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |