天津博奥教育首页>天津博奥教育培训课程学习辅助资料>天津UI设计培训学习辅助教程>UI设计学习技巧Tab图标怎么设计
注重实战经验传授,打造设计精英
UI设计培训天津博奥教育全新五合一教学模式线上下同时授课
1.十多年教学经验,由设计行业专家授课
2.UI设计采用WORKSHOP授课方式,更好吸收教学内容
3.有问题可以随时提出,不积压问题及时解决问题
4.UI设计培训学习期满后可推荐就业
5.在工作中遇到技术或者设计上的问题给予免费指导
6.UI设计培训课程可免费重修
UI设计师培训_天津平面设计培训精品设计课程推荐
高端天津平面设计培训课程
UI设计师培训一对一
天津平面设计软件培训
天津平面设计C4D培训
UI设计学习技巧Tab图标怎么设计_天津博奥教育UI设计培训学习辅助资料
本文章摘自天津UI设计培训全程实例教学小班精讲十多年教学经验的天津博奥教育官网www.boaoit.com
UI设计学习技巧Tab图标怎么设计,UI设计在使用过程中会遇到很多问题,为了让大家更好的使用UI设计软件,天津博奥教育培训为大家提供一些UI设计使用心得,下面就讲一讲UI设计学习技巧Tab图标怎么设计_天津博奥教育UI设计培训学习辅助资料
UI学习技巧-Tab图标设计:Tab图标用于在多个tab界面表示单个tab的图形元素,每个tab图标有两种状态:未选中和选中。就像“ 提供特定精度图标集 ”所描述的需要创建适用于低、中和高三种精度屏幕的特定图标集。这是确保应用程序在多种设备上能正常显示和安装。参考“ 设计师建议 ”章节的建议如何创建多精度图标集。
最后应不包括颜色背景导出透明的PNG图标。创建图标所需要的 Adobe PS 文件模板在“图标模板包”里。
警:tab图标的样式在Android2.0与更早版本有大大的不同,提供所有Android帮的开发者需要注意:1.Android2.0及更高版本的ta图标放于drawable-hdpi-v5 ,drawable-mdpi-v5,anddrawable-ldpi-v5三个文件中2.之前的本放drawable-hdpi,drawable-mdpi,anddrawable-ldpi 三个文件中;3. 设置Android :targetSdkVersion5 或者更高版本在 SDK使用说明”里“应用程序清单”
提供两种Tab状态:Tab图标有两种状态:未选中和选中。提供图标多种状 开发者必须为每个图标创建“ 绘制状态列表 ”,图像使用不同的UI状态就需要不同的 XML 文件列表。例如一个tab 标签分别为“朋友”和“同事”可以使用如下的小标签:上面列出的XML文件列表需要绘制选中和未选中的两种图标。例如“ ic_tab_friends.xml : ” 代码
Android2.0 及之后版本:接下来介绍如何设计 Android2.0 及更高版本的 tab 图标
尺寸和定位:Tab图标应使用简单的形状和样式,必须放置于最终资源之内。所示多种形状的图标在资源内部的位置,图标的实际尺寸必须比资源尺寸还小。为了指明图标的推荐尺寸,每个图标有三种不同的指导框:1.红色的框代表资源的完整尺寸;2.蓝色框代表图标的实际尺寸,图标的实际尺寸比完整尺寸还小并允许特殊图标特殊处理。3.橙色框代表图标为方形时的推荐框,为了使两种类型保持视觉权重的一致性,因此方形图标框会比其他两个图标框还小。
高精度屏幕(hdpi)的tab图标尺寸:完整尺寸:48x48px;图标尺寸:42x42px;中精度屏幕(mdpi)的tab图标尺寸:完整尺寸:32x32px;图标尺寸:28x28px;低精度屏幕(ldpi)的tab图标尺寸:完整尺寸:24x24px;图标尺寸:22x22px
样式、色调和特效;Tab图标是平的、亚光的正视图。Tab 图标有两种状态:选中和未选中。
注:所有尺寸为中精度图标的尺寸,若其他精度请缩放到合适的尺寸。
1.填充颜色#8080802.内部内容:内部内容以减去外部形状,并让内部内容完全透明
注:所有尺寸为中精度图标的尺寸,若其他精度请缩放到合适的尺寸。
1. 填充颜色: #ffffff 2. 内部内容:内部内容以减去外部形状,并让内部内容完全透明
3.外发光: #000000,25% 不透明度,大小 3px
该做什么,不该做什么,以下是一些创建 tab 图标时的一些 “ 该做和不该做 ” 的例子。
图标示例
如展示了在 Android 平台中标准的高精度的状态栏图标。
警:由于这些资源在各个版本中可能有所不同,所以不要把这些资源与用于 Android 平台资源的设计指导中 。如果想用任何图标或者内置绘制资源,你可以把这些图标存储备份或者在应用程序资源中绘制,然后从应用程序代码中引用本地副。这样一来即使系统的副 本更改了,仍能保持图标外观一致。注意以下图标不是完整的。
Android1.6 及更早版本接下来介绍如何设计 Android1.6 及更早版本的tab图标。
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(世通大厦站下)