天津博奥教育首页>天津博奥教育培训课程学习辅助资料>天津UI设计培训学习辅助教程>UI设计培训UI菜单图标制作指南1
注重实战经验传授,打造设计精英
UI设计培训天津博奥教育全新五合一教学模式线上下同时授课
1.十多年教学经验,由设计行业专家授课
2.UI设计采用WORKSHOP授课方式,更好吸收教学内容
3.有问题可以随时提出,不积压问题及时解决问题
4.UI设计培训学习期满后可推荐就业
5.在工作中遇到技术或者设计上的问题给予免费指导
6.UI设计培训课程可免费重修
UI设计师培训_天津平面设计培训精品设计课程推荐
高端天津平面设计培训课程
UI设计师培训一对一
天津平面设计软件培训
天津平面设计C4D培训
UI设计培训UI菜单图标制作指南1_学好设计就来天津博奥教育
本文章摘自天津平面设计培训全程实例教学小班精讲十多年教学经验的天津博奥教育官网www.boaoit.com
UI设计在使用过程中会遇到很多问题,为了更好的使用UI设计软件,天津博奥教育培训为大家提供一些UI设计使用心得。
UI设计培训UI菜单图标制作指南1,UI设计UI菜单图标制作指南_天津UI设计培训天津博奥教育
2.菜单图标:菜单图标是当用户点击菜单按钮出现的属性菜单的一种图形表示。他们的绘制角度是前视图和灰色过度。菜单图标不得以3D和其他角度出现。正如“提供特定精度的图标集”这一章所描述,为高精度、中精度、低精度屏幕创建特定的图标集这将确保图标在应用程序的各种设备中正确显示。请看“设计师建议”这一节,建议如何创建多设备图标。
最终导出不包括背景颜色的透明的 PNG 文件的图片。
创建图标的PS文件的模板在“图标模板包”里。提醒:Android2.3与以前的版本相比,图标的风格和大小都有所变化
1.图标有一个更大的安全框架;图标的内容区域比实际尺寸还小;最终的资源并没有改变。2.调色板更淡一些
3.无外发光效果;4.菜单图标可在深色或浅色背景中呈现。
Android2.3 及更高版本:以下指南描述如何为Android2.3及更高版本设计菜单图标
尺寸和定位:菜单图标可以使用各种形状和样式,在同一个资源内部必须创建统一的大小和定位,以达到统一视觉权重。
如图1所示的资源内部多种方式的位置表示。图标的实际大小比资源的宽度还小,以便创建一致的视觉权重。如果图标是正方形或者接近正方形,那么图标将会更小。为了表示图标的尺寸,如图1所示包括了三种不同的指导框红色的框代表完整资源的宽度,蓝色的框是推荐的图标的实际外框。这个图标框小于整体资源的宽度,目的是让不同图标形状保持一致的视觉权重,橙色的框代表当图标为正方形时被推荐的实际宽度。正方形的图标框小于其他图标框,为了确保两种类型有统一的视觉权重。
高精度屏幕的菜单图标尺寸:完整尺寸:72x72px;图标尺寸:48x48px;方形图标:44x44px
中精度屏幕的菜单图标尺寸:完整尺寸:48x48px;图标尺寸:32x32px;方形图标:30x30px
低精度屏幕的菜单图标尺寸:完整尺寸:36x36px;图标尺寸:24x24px;方形图标:22x22px
样式、颜色和特效:菜单图标为平面的、正视图和灰度渐变,稍微一点凹陷和其他一点特效,如下是为了创建一点深度。当逻辑恰当时,菜单图标有圆角。为了保持一致性,所有的菜单图标应如图2所示,使用相同的色调和特效。
注:所有的尺寸为中精度,因此其他精度的需要缩放到合适尺寸。
1.圆角宽度:恰当的2px圆角半径;2. 渐变填充:90°,从#8c8c8c到#b2b2b2
3.内阴影:#000000,20%不透明度;角度 90 °距离2px;大小2px
4.内斜面:深度1%;方向:向下;大小:0px;角度:90 °;高度:10 °
高光模式:#ffffff,70%不透明度;阴影模式:#000000,25%不透明度
该做什么,不该做什么:以下是一些“该做和不该做”的例子,当设计应用程序菜单图标时需要考虑到的 图标例子
UI设计学习技巧Tab图标怎么设计 UI设计师培训UI学习技巧状态栏图标设计
天津设计技能相关培训:天津市天津平面设计培训、天津市天津平面设计培训就业班、天津UI设计培训、天津PS培训、天津C4D培训、天津AI培训、天津犀牛Rhino培训、 天津Solidworks培训、SolidWorks培训全科班、天津素描培训、天津CAD培训、天津室内设计培训、天津建筑Rhino参数化设计培训、天津办公软件培训、天津各所大学到天津博奥教育的乘车路线
天津博奥教育地址:天津市南开区鞍山西道百脑汇科技大厦23楼2307室。
培训咨询电话:022-58697923,022-58697932,18222233399。
天津博奥教育网址:www.boaoit.com
乘车路线:45、50、609、662、678、661、829、851、867、879(卧龙里站下)
640、687、859、705、829、849、847(世通大厦站下)