体验笔记·iOS GUI设计规范-尺寸合集

用户头像
北京/设计爱好者/6年前/804浏览
体验笔记·iOS GUI设计规范-尺寸合集

搜集整理了iOS(移动操作系统)各端口UI设计的尺寸规范。忘记的时候可以拿出来看看,建议收藏。

一些UI设计上的专业名词,还是需要了解下的:

  1. UI设计:或称界面设计。是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。UI设计师的职能大体包括三方面:一是图形设计,软件产品的“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。

  2. density:这个词很关键,可以说是适配屏幕的关键。density的意思是每英寸上有多少个像素(xp)。就算同样是800 *480的设备上density也会不一样,这样的情况下就引出了说只要用dip或者dp为单位就可以适用所有的屏幕。这个观点其实是错误的。

  3. dp:dp=dip。deviceindependent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。

  4. px:pixels(像素).。不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。


举个例子帮助理解下:
以800 * 480 的设备举例,分别有俩个设备一个设备A的density160(1dp=1px)一个设备B的为240 (1dp = 1.5px)如果一个控件设置为100dp宽的话,在设备A上显示就是100px,在设备B上就会显示150px,明显的如果在设备A上显示正常的话,在设备B上会显示为设备1的1.5倍。
  
所以说要是想在所有设备上都想正常显示的话只是用dp去设置话,是不会适用所有屏幕的。如果想适应所有的屏幕最好的方式就是用layout_weight来分配显示比例或者在根据设备的density动态设置所有空间的长度,当然这样的话比较繁琐。


以下是尺寸合集,听说牛呗的设计师,一般都烂熟于心了。


0
阅读原文
|
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
高级表盘系列UI源文件
【新年UI图标】30个图标
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
【新年UI图标】游戏/娱乐icon
【新年UI图标】钱包icon
盲盒APP UI设计
钱包ui模板
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
【新年UI图标】优惠券icon
手表表盘UI系列
【新年UI图标】珠宝icon
【新年UI图标】汽车icon
UI通用设计素材1
我的钱包-UI界面设计-app
UI应用平面图标
Security Camera UI kit
抽象液态渐变UI背景模版
你可能喜欢
相关收藏夹
大家都在看
登录注册