首页 > 编程知识 正文

app图标设计规范,/app.html

时间:2023-05-06 16:21:31 阅读:55979 作者:4741

是APP的设计,也就是人们常说的手机APP界面的设计。

如今,手机已经成为我们生活和工作中不可缺少的工具,各行各业各类型的APP层出不穷。

经过几年的发展成熟了,布局、各部件的尺寸、字体的活用等普遍的设计规范也在形成。 虽说设计是创新的,不是一成不变的,但考虑到用户的使用习惯,增强用户的体验感,在一些走向统一的问题上遵循一定的规范,可以提高我们APP产品的普及性和适用性。

并不是每个人都有能力成为行业的领导者。 特别是作为行业的初学者,必须熟悉一些规范,并在遵循规范的同时逐渐掌握灵活性,赋予产品特色,提高其用户的认知度,达到独特的程度。

在此,对与APP设计工作相关的界面设计、部件设计、交互体验、视觉上的提高等内容进行整理总结,重点记录并共享认为重要的点和其他需要补充的点。

一、app接口常用设计规范

app接口的设计规范。 这里的界面设计不是视觉效果上的美化设计,而是尺寸、间隔、布局、比例、适合性等设计规范。 乍一看很细,合格的用户界面设计师是通过在以像素为单位的烦恼中练习像素的眼睛来制作合格的界面产品。 一般人可能不知道,在一定程度上会影响产品设计的专业性,也会影响用户体验。

酷友整理相当全面,https://www.zcool.com.cn/article/znjq0njqw.html。 我建议你认真学习收藏。 特别是初学者设计师,一拿到手就手脚不方便的时候,可以直接作为参考。

内容如下。

界面的设计大小和列高度

边距和间距

内容布局

界面的图像设计比率

建立统一样式的图标

APP布局设计规范

接口的文本设计规范

符合设计

切割规格

设计稿的注释

部分要点:

01 .关于设计原稿的尺寸选择问题(包括iphoneX ) )。

一定能适用一稿多版是最好的。 而且,现在有很多实用的切割工具。 我们解决了很多适应问题。

iphoneX问世后,很多渲染图都是以iphoneX为展示模板,既有效又具有沉浸性,app界面更具吸引力,但由于比例发生了变化,其设计稿也必须进行相应的调整

很多设计师习惯使用750*1334作为设计尺寸。 此中间尺寸适合640x1136px,向上1242x2208px和750x1624px/1125x2436px。

关于倍率、分辨率问题,我想还有很多设计师都知道的云上,那应该用什么样的设计尺寸来配合受欢迎的iphoneX呢?

对于熟悉750*1334的设计师来说,在设计iphoneX时可以采用熟悉的大小作为模板。 但是,高度增加了290px,设计尺寸为750*1624(@2x )。

但是,请特别注意。 状态栏的高度从原来的40px更改为88px,底部有68px主页指示灯的位置。

在大多数采用瀑布流的页面上,只要屏幕高度的变化,就可以忽略。

但是,对于初学者的向导页面和音乐播放器等需要在一个画面上显示的界面,需要重新布局。

02 .关于界面各种栏(状态栏、导航栏、选项卡栏、工具栏)的高度尺寸规定

iOS严格规定了各栏的高度,这必须遵守。

03 .关于接口图像的比率

实际上,关于影像的比例并没有统一的规范,一些设计师可能也会凭感觉或者参考业界有名的APP尺寸进行设计。 但实际上,有更科学的方法来做出自主的尺寸决定。

典型的图像大小包括16:9、4:3、3:2、2:1、1:1和1:0.618 (黄金比例)。

这些比率是没有根据的。 例如,16:9根据人体工程学的研究,人的双眼视野范围为长宽比为16:9的长方形,4:3为钩三股四弦五,在摄影中非常常见。

科学研究的比例有其自然道理,任何行业都有可能发挥作用,所以知道这个方法都非常实用,以后在选择尺寸的时候可以根据自己的设计需求自行决定图像的具体尺寸,而不会盲目。 (但是,数字请选择相近的偶数)

04 .关于字体使用规范

中APP大小范围一般在20-36之间(@2x ),所有大小设置必须为偶数,上下内容大小之差为2-4号。

的字体颜色设置一般不是纯黑色,而是深灰色和浅灰色、细体和粗体,为了区分重要信息和次要信息,要注意字体本身的字重,不能使用PS粗体功能。

05 .内部设计

1、所有可点击的图片必须大于或等于88px (retina需要88px ) ) ) ) ) ) )。

2、单独存在的零部件必须是双层尺寸

3、倍图以@2x为命名后缀

4、充分考虑各控制按钮为4的状态下的风格

虽然Android系统各手机的版本标准总体上不统一,但通过按IOS标准设计的接口,可以很好地适应大多数Android系统的接口。

但是,有必要分析具体情况。 Android界面的设计规格可以了解https://www.25xt.com/android链接的内容。

其他参考:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。