艺考网
当前位置:艺考网 > 问答社区

UI的切图规范,切图尺寸为偶数

作者:王秋霜 发布时间:2023-11-28 10:19:14

图标最小点击区域:ios系统中最小可点击尺寸是44×44px,切图时要大于该区域,并确保图标的大小相同。

切图尺寸为偶数:对于750×1334px的设计图,前端在以单倍数375×667开发时,尺寸会除以2,若为奇数,则会导致小数点不清晰。

压缩文件大小:引导页、banner等图片的切图文件比较大,为了缩短加载时间,可用tingpng等工具压缩图片。

UI的切图规范,切图尺寸为偶数

一、UI的切图规范

1、图标最小点击区域

ios中最小可点击尺寸是44*44px,在切图的时候应该注意大于这个区域并且保持图标大小统一,否则在前段画页时可能会被压缩。

2、切图尺寸为偶数

设计图为2倍图750*1334px时,前端在以单倍数375*667开发时,尺寸就会除以2,如果是奇数的话就会出现小数点变模糊。

3、压缩文件大小

引导页、banner等图片切图文件一般就比较大,导致app加载的时间过于久,可以适当压缩图片,推荐tingpng等工具来进行此项操作。

UI的切图规范,切图尺寸为偶数

4、应用图标切图

应用图标运用在App Store等地方,需要不同尺寸。iOS系统切图需要提供直角的图标切图,系统会自动生成圆角效果。

5、切图命名

切图规范名可以节省时间和提高工作效率哦,我们可以将我们的图形都规范一下命名。

UI的切图规范,切图尺寸为偶数

二、UI设计怎么运用元素叠加

1、元素叠加是一种常用的设计手法,如果我们不喜欢常规的圆形装饰效果,那就可以把它们叠在一起,就有了更加丰富的视觉表现,如果你觉得画面有些平淡,同样可以把元素进行堆叠,就形成了一种迷幻的神秘感。

2、在左右图文的排版中,如果觉得如今的视觉的效果有些普通,可以把元素放大一些,突出的效果会更加吸引用户的眼球,如果小伙伴们想要增加操作的趣味性,可以做成卡片堆叠的效果,既可以体现内容数量的丰富度,也能够引导我们的用户进行操作。

UI的切图规范,切图尺寸为偶数

3、如果你喜欢某样东西,也许你的喜欢是直白的也可能是隐晦的,把文字堆叠在一起,就会有种朦胧的美。

4、把主体放置在框内,叠加上文字,就有了一种文艺的氛围,当然如果你想要增加一些神秘的艺术感,我们也可以使用一些叠加的手法和效果,就可以让我们的整体画面变得有层次感。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
门头如何设计,首先要确定品牌名
确定品牌名:首先向客户介绍我们的工作,可以提升后续交易以及做logo的效率。明确品类:品类要清晰明确,不可盲目追求高端。定位语要够痛:好的定位语可以吸引消费者,让消费者读起来朗朗上口。视觉锤要放大:视觉可以很好的提高传播效率,因此门头需要让
版式设计有什么技巧,让文字与其它元素进行穿插可提升设计感
元素穿插:在主体文字及其他元素中进行穿插,设计感会瞬间得到拉伸。元素破形:排版时,让图片素材破形而出,打破常规的图片排版形式。形状蒙版:让图形嵌入至某种其他形式中,增强整个构图的张力。色彩叠加:利用产品本身颜色进行双色或多色配音,增强画面的
学原画设计要多少钱,价格在一两千到上万元不等
对于原画设计培训,价格低的仅需1000-2000元,价格贵的需要上万元,具体费用与上课模式、学习内容难度等有关。上课模式:线上网课的费用一般为2000-5000元,线下课程费用一般在4000-5000元以上。学习内容难度:如果是基础班,费用