UI界面设计尺寸应该是多少?

如题所述

01、界面设计尺寸及栏高度

(1)我们用Photoshop做设计新建画布应该设置多大呢?另外,iOS应用中的栏,包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。

(2)目前主流的iOS设备iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

(3)注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2022-05-16
UI界面设计尺寸分手机UI界面设计尺寸和电脑软件设计尺寸。手机UI设计具体要根据不同手机不同的屏幕分辨率来规定尺寸。如需学习UI界面设计推荐选择【达内教育】。

UI界面设计尺寸具体如下:
1、一般做效果图主流都是做480*800来测试,iphone4(或s)就用640*960,但这个都只是效果图,真正开发还需要切图用点9来做屏幕适配。
2、常见手机显示屏分辨率:96x65,96x96,128x96,128x128,160x128,160x160,176x144,220x176,240x176,320x240,640x480,800x480。
苹果4:960×640像素,3.5英寸。
3、不同品牌的手机有:三星480×800分辨率;小米:480×8544英寸TFT屏幕android手机屏幕尺寸感兴趣的话点击此处,免费学习一下

想了解更多有关UI设计的相关信息,推荐咨询【达内教育】。【达内教育】重磅推出“因材施教、分级培优”创新教学模式,同一课程方向,面向不同受众群体,提供就业、培优、才高三个级别教学课程,达内“因材施教、分级培优“差异化教学模式,让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。官网客服河南云和数据
2020-01-02·百度认证:河南云和数据信息技术官方账号河南云和数据国家紧缺、核心IT人才生态服务提供商,专注IT职业教育、云计算、大数据 、AI、VR/AR/MR等领域研究与服务。向TA提问

01、界面设计尺寸及栏高度

(1)我们用Photoshop做设计新建画布应该设置多大呢?另外,iOS应用中的栏,包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。

(2)目前主流的iOS设备iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

(3)注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

已赞过已踩过<你对这个回答的评价是?评论收起Pixso协同设计
2022-02-16·让设计更流畅,协作更高效Pixso协同设计深圳市博思云创科技有限公司成立于2021年,旗下目前共有两款核心产品协同设计Pixso和协同白板BoardMix。向TA提问ui的尺寸是1920-2000px,UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

ui设计原则
1、简易性
界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。
2、用户语言
界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。
3、记忆负担最小化
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
4、一致性
它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。
5、清楚
在视觉效果上便于理解和使用。
6、用户的熟悉程度
用户可通过已掌握的知识来使用界面,但不应超出一般常识。

想要了解更多关于ui设计的相关信息,推荐选择Pixso协同设计。该工具不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,组件级自动布局,增加或删除内容都无需手动调整,智能排版,且自适应不同屏幕尺寸。使设计师真正专注于创造本身。

第2个回答  2022-05-16
UI界面设计尺寸分手机UI界面设计尺寸和电脑软件设计尺寸。手机UI设计具体要根据不同手机不同的屏幕分辨率来规定尺寸。如需学习UI界面设计推荐选择【达内教育】。

UI界面设计尺寸具体如下:
1、一般做效果图主流都是做480*800来测试,iphone4(或s)就用640*960,但这个都只是效果图,真正开发还需要切图用点9来做屏幕适配。
2、常见手机显示屏分辨率:96x65,96x96,128x96,128x128,160x128,160x160,176x144,220x176,240x176,320x240,640x480,800x480。
苹果4:960×640像素,3.5英寸。
3、不同品牌的手机有:三星480×800分辨率;小米:480×8544英寸TFT屏幕android手机屏幕尺寸感兴趣的话点击此处,免费学习一下

想了解更多有关UI设计的相关信息,推荐咨询【达内教育】。【达内教育】重磅推出“因材施教、分级培优”创新教学模式,同一课程方向,面向不同受众群体,提供就业、培优、才高三个级别教学课程,达内“因材施教、分级培优“差异化教学模式,让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。
相似回答