免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

UI界面设计规范汇总(一)

发布时间:2018-07-27 16:37:05 阅读次数:1215发布人:汪瑶

大家好,欢迎来到新视觉实训课堂!由于很多新人在开始做移动端UI设计的时候,对界面的尺寸规范不是十分了解,很多时候都是凭借自己的感觉和经验去制作界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。今天新视觉实训课堂就为大家整理汇总了一些界面设计(iOS系统)中常用的尺寸规范和方法,如控件间距、适配、标注、切图等,UI设计师在设计时可以根据设计规范来设计不同的界面效果,并融会贯通。

界面尺寸规范

目前主流的iOS设备主要有iPhone SE4英寸)、iPhone 6s/7/84.7英寸)、iPhone 6s/7/8 Plus5.5英寸)、iPhone X5.8英寸),它们都采用了Retina视网膜屏幕,其中iPhone 6s/7/8 PlusiPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

 

 

济南新视觉数码实训基地

Copyright 1996-2020 | 工商注册号:370000228005192 | 鲁ICP备14010827号
友情链接: 济南新视觉实训基地 | 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南web前端培训 | 济南电商设计培训 | 济南教育人生网 | 济南UI培训 |