金华市UI设计培训|移动端和PC端的图标要设计多大的
联系老师:施老师
联系电话(微信号):18757808157
联系QQ:2885173372
标签栏图标
在苹果和安卓APP的底部,一般都会有一个放置重要功能的常驻栏,在iOS中被称为标签栏(也叫做Tab栏)。一般,Tab栏的图标是2-5个。每个图标的区域平分整个TAB栏宽度,底部会有一个22px(11pt)的文字注释。当然如果图标释义较为清晰,也可以为了保持设计感去掉文字注释。如果我们是以iPhone6/7/8尺寸设计界面,那么我们的标签栏图标尺寸应该是60px(30pt)左右,可以基于这个范围来设计我们的图标。每个Tab栏的图标都应该设计一个选中状态,可以做样式的变换也可以做颜色的改变,总之要让人知道当前所在的页面是哪个。如果您的Tab栏由五个icon组成,那么可以在中间放置比较重要的功能,并做出突显的样式,比如使用一个圆球当作背景。还要额外注意,图标的选中态样式要和中间突出状态的图标保持区别,以免发生误会。
导航栏图标
在苹果APP的顶部区域,我们称之为Navigation Bar,就是导航栏。导航栏左右一般都会有图标,如果是二级页面,左侧一般是返回图标。安卓也有类似的设计。那么我们在设计这种图标的时候一定要保证所有导航栏上的图标大小和风格都是一致的。如果以iPhone6/7/8尺寸设计界面,那么导航栏图标的尺寸大概是44px(22pt)左右。
金刚区图标
在我们逛淘宝和美团的时候您会发现,在它们页面首页都会有一个区域放置很多分类,一般是6-8个大小一样的图标,有可能是圆形,也可能是不规则形状。这个区域其实在苹果和安卓规范里并没有,属于设计师自创的规范。这个区域经常有八个图标组成,被称为“八大金刚图标”,后来很多产品在这个区域并不使用8个图标,我们就称它们为金刚区了。金刚区图标的设计风格应该尽量是微扁平、轻拟物的感觉,这样会有更好的点击感。尺寸方面,金刚区并没有规范,所以大家可以以设计稿最终效果为准。
图标设计是UI设计中非常重要的一环,因为除了文字和图片的排版之外,在扁平时代我们能够传递给用户情绪和设计感的通道就是页面中的各种图形和图标了,如果做不好图标,用户就将在使用界面时失去乐趣。所以,我建议每位UI设计师都需要在平时做大量的图标练习。在不同的图标风格中,学会使用各式各样的武器。
免责声明
本网页所展示的有关【金华市UI设计培训|移动端和PC端的图标要设计多大的】的信息/图片/参数等由的会员【金华上元教育有限公司
】提供,由天天培训网会员【金华上元教育有限公司
】自行对信息/图片/参数等的真实性、准确性和合法性负责,本平台(本网站)仅提供展示服务,请谨慎交易,因交易而产生的法律关系及法律纠纷由您自行协商解决,本平台(本网站)对此不承担任何责任。您在本网页可以浏览【金华市UI设计培训|移动端和PC端的图标要设计多大的】有关的信息/图片/价格等及提供
【金华市UI设计培训|移动端和PC端的图标要设计多大的】的商家公司简介、联系方式等信息。
在您的合法权益受到侵害时,请您致电400-0808-102,我们将竭诚为您服务,感谢您对天天培训网的关注与支持!