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

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的方法,根据城市的知名度增减相关符号
存在问题:习惯将所有地域优势以一个形象全部展现出来,导致人们没有太深刻的印象。设计时认为公众对该城市的认知很深刻,这个想法不利于宣传,也容易影响设计初心。盲目模仿其它城市,未建设全局观的城市形象。改进方法:按照从感性到理性、从繁到简的方式去
设计的版式怎么布局,依次划分文字层次、拆分内容层
设计的版式布局一般分为初步编排、信息分层、放置背景找到问题、版式编排、解决配色以及图像处理等六个步骤,其中最为关键的是第一步,需要认真仔细梳理最基本的文案内容,将文案放置到画面中简化做另一个初步框架的编排,这样才能为后面的步骤打好基础。
场景设计的风格分类,包括北美、日韩、中国和欧洲风格等
场景设计的风格分类包括北美风格、日韩风格、中国传统风格、欧洲风格等。北美风格:在传统的场景设计基础上,采用大横摇与复杂的运动长镜头来体现华丽的场景。日韩风格:具有唯美的画面,以及富有想象力的场景。中国传统风格:特点因朝代而异,场景多元化,极