网页的切图及切片的属性设置 (全)
课程总览
在本课程中,朋友们将学习到以下内容:
?? 如何通过Photoshop CS3 进行网站首页的版面设计?? 各种网页版面元素的设计技巧和方法
?? 如何进行网页的切图以及切片的属性设置
?? 如何创建与Flash 整合的FLV 视频
?? 在Dreamweaver CS3 中使用“Spry 选项卡”构件
第1 讲制作首页的主体部分
本文以“石桥花园”的网站首页为例,来演示页面创作的整个过程。其实“石桥花园”是不存在的,笔者虚构出来也并非只为完成本例,我一直向往生活在幽静、闲雅之所,虽然“石桥花园”离我的初衷有很多差异,但也多少能表达我的一些想法吧。
书归正传,早先的网页页面设计一般是以Dreamweaver 为中心,由Photoshop 或Flash 等软件来提供各种素材,如图片、动画、文字等。自从Photoshop 出现了“切图”等专为网页设计所定制的功能后,设计的中心已慢慢转向了Photoshop。因为Photoshop 本身以图像为基础的特性,决定了他能对版面施以更精确的控制,使网页的页面能够更加灵活和生动的布局,这几乎完全解放了网页设计师的创作灵感,不再受方方正正的网页表格所约束。现在我们要制作的是“石桥花园”首页的主体部分,主体部分包括标题、主展示图片和导航条。
1. 打开Photoshop CS3, 执行菜单“文件> 新建”。在新建对话框中设置名称为“石桥花园”,宽度为“777”、高度为“800”,这个数字并不“官方”,只是我在平时工作当中测试出来的而已。对于网页来说,一般只用于屏幕显示,所以分辨率为“72”、颜色模式为“RGB 颜色”,其它参数保持默认。
2. 按下Ctrl+A 全选页面,执行菜单“编辑> 填充”将页面填为纯黑色。在工具箱中选择矢量的“矩形工具”,绘制一个如图1-1-1 所示长方形A。然后使用白色的“直接选择工具”将该矢量形状扭曲成如图1-1-1 中B 所示外观,该形状的十六进制颜色值为“#246b34”,一种厚重的深绿色。
3. 使用横排文字工具,输入“石桥花园”字样,字体为“方正流行体简体”。再输入“ShiQiaoGarden”,字体为“Bickham Script Pro”,字号均为“30 点”,文字如图1-1-2 所示布局。
图1-1-2
4. 这是一张拍摄自龙亭的花卉原始素材,采用了微距加上2.8 的大光圈,实现了浅景深的背景模糊效果,读者可以使用模糊工具或镜头模糊滤镜实现类似的效果,如图1-1-3 所示。
图1-1-3
5. 我们对图片进行简单的处理,执行菜单“图像> 调整> 色阶”,从两侧向中间调整黑色和白色滑块的位置以使图片主体更加突出,更富有感染力。原素材本身是16:9 宽屏的,我们使用选区工具加删除键进行适当的裁切,如图1-1-4 所示。
图1-1-4
5. 为了增加花卉的现代感和时尚感,我们进一步对图片进行加工,随意找一张图片,执行菜单“滤镜> 像素化> 马赛克”,数值调大,产生大色块的马赛克效果。然后通过素材或自己制作一张扭曲后的网格,这些都是待合成的素材,如图1-1-5 所示。
6. 现在有网格、花卉和马赛克三层图片,网格放在最上层,将图层的混合模式设为“颜色加深”,不透明度设为“68%”。花卉层的混合模式设为“强光”,马赛克图层不变,三者的合成效果如图1-1-6所示。
图1-1-6
7. 下面要制作的是首页的导航条部分,使用矢量的“矩形工具”绘制一个长方形,注意该长方形不要画满,留一些黑边在周围,黑边上窄下粗,使其具有一定的层次感。十六进制颜色值为“#c8fcc5”,一种清淡的绿色,如图1-1-7 所示。
图1-1-7
8. 使用横排文字工具输入导航条上的文字,使用大括号“{}”进行装饰,字体为“方正小
标宋_GBK”, 消除锯齿的方法为“浑厚”,如图1-1-8 所示。这里所制作的导航只起到占位作用,后面的教程中将设置导航条按钮的翻转效果。
图1-1-8
举一反三:
尝试用类似的方法设计个人主页的标题和导航条等部分。
上一篇:Photoshop CS3实例教程:网站首页之主体的制作
因为相对于主体来说,内容部分并不是很容易出彩,所以其设计比主体更加需要清晰的思路,并非常考验制作者的耐心。通常情况下内容部分的主要工作都是在Dreamweaver 中,所以这里我们在Photoshop 中所设计的只是一个供参照的外观。
1. 在页面的右侧用矢量“矩形工具”绘制一个淡绿色的背景填充,该绿色的十六进制值为“#eefded”,几乎接近于白色,这是为了突出前景深绿色的文字。这里的文字内容都是虚构的,其十六进制颜色值为“#054d00”,布局的位置如图1-2-1 所示。
图1-2-1
2. 在文字的下面是播放在线视频的地方,我们这里插入一些图片进行占位。图片推荐在Adobe Stock Photos CS3 中进行查找,这是Adobe 提供的一个庞大的图片素材库,包含在Adobe Bridge CS3中,低质量的图片小样是完全免费的。因为网页需较高的下载速度,因此低质量的照片反而更适合于网页设计师。需要注意的是,该搜索功能暂时还不支持中文,所以这里我们搜索“bridge”来下载一些关于桥的照片,如图1-2-2 所示。
图1-2-2
3. 我们用多张“桥”和“花园”的图片合成了这部分的图像内容,这里使用的石桥剪影字体为“方正古隶简体”,合成的方法因为非常简单,这里就不再赘述,如图1-2-3 所示。
图1-2-3
4. 在下面绘制深灰色矩形,十六进制颜色值为“#2a2a2a”。输入文字“ShiQiao Garden”,字体为“Trajan Pro”,这些均是作为中间的隔断和装饰,如图1-2-4 所示。
图1-2-4
5. 在隔断下面再绘制一个较浅的灰色矩形,十六进制值为“#7a7a7a”。在该矩形上面再并排绘制两个颜色更浅的灰色矩形,十六进制值为“#efefef”。这些矩形的绘制主要是用来
布局,频繁的使用灰色有两个原因,一是因为灰色通常在设计中表示高级,另外,网页的主体过于鲜艳,使用灰色可以平衡一下,以避免“抢了主角儿的戏”,如图1-2-5 所示。
图1-2-5
6. 在Adobe Stock Photos CS3 中搜索茶壶和棋子的图片,均在Photoshop 中处理为90 X 90 像素的大小。在茶壶层上右击,选择“混合选项”,设置“描边”的参数为大小“6”像素,位置为“内部”,“内部”描边可以保证四个角均为直角,描边的十六进制颜色值为“#067f18”,如图1-2-6 所示。
图1-2-6
7. 在茶壶层单击右键,选择“拷贝图层样式”,如图1-2-7 所示。接下来再选择棋子层, 单击右键选择“粘贴图层样式”,这样做可以保证两者的图层样式完全相同,并且更加快捷方便。
图1-2-7
8. 在添加文字“石桥茶舍”和“石桥棋坊”,字体为“方正古隶简体”,颜色值为“#646464”。
介绍文字为“宋体”,大小“12 点”,消除锯齿的方法为“无”,这样设置可以保证非常清晰的小字,这类的清晰小字普便应用于网页设计中,如图1-2-8 所示。
图1-2-8
9. 在页面的左侧位置,是用来放“Spry 选项卡式面板”的,这里我同样是做了一个外观占位,具体的操作会在后面的教程中详述,如图1-2-9 所示。
图1-2-9
10. 在页面的最下放,我们绘制一个深灰色的矩形,起图层名为“灰色长条”,十六进制颜色值为“#2a2a2a”,上面输入版权信息、地址、管理员和联系人的姓名,联系人是我刚出生的女儿,估计你联系她,她也不会理你,哈哈,如图1-2-10 所示。
图1-2-10
11. 在我们为这个矩形描个边儿,同样是右键选择“混合选项”,在描边中设置大小为“3”像素,位置同样的内部,颜色为较浅的灰色,十六进制颜色值为“#7a7a7a”,如图1-2-11 所示。
图1-2-11
12. 因为是内部描边,在描过边后,您也许会发现较粗的描边已过多占用了本来就不富裕的“灰色长条”。为了增大一些空间,也为了这个描边更具有装饰性,这里需要把上边缘的描边去掉。不过我们知道,Photoshop 的描边设置中没有直接对单独边缘的设置方法,因此我们
需要有一个小弯路。
选择“灰色长条”层,执行菜单“图层> 图层样式> 创建图层”,这样可以使样式从图层中分离而成为一个单独的普通图层,如图1-2-12 所示。
图1-2-12
13. 我们可以注意一下图层面板中“灰色长条”层和其样式的变化。现在选择“灰色长条”的内描边层,然后使用选区工具把上边缘的描边删除,看不清可以放到足够大,如图1-2-13 所示。说到这里,可能很多读者会觉得为了这一点儿差别大动干戈没什么必要,其实不然,网页设计其实就种很琐碎的工作,只有在细节中才能表现出精致的页面,成功的页面设计永远都是由无数个精雕细刻的“小零件”组成的。至此我们首页的图样就已经制作完成了。
图1-2-13
举一反三:
尝试按照自己的思路来设计内容部分的网页布局。
下一篇:Photoshop CS3实例教程:网页的切图及切片的属性设置
上一篇:Photoshop CS3实例教程:版面元素的设计和方法
第3讲切割网页图片
切图是网页设计中非常重要的一环,它可以很方便的为我们标明哪些是图片区域,哪些是文本区域。另外,合理的切图还有利于加快网页的下载速度、设计复杂造型的网页以及对不同特点的图片进行分格式压缩等优点。
1. 使用工具箱中的“切片工具”在标题部分的左右各切一刀,使用“切片选择工具”双击右侧部分,在弹出的面板中设置切片类型为无图像。因为该部分是纯色,为了在网页中显示效果相同,设切片背景为黑色,这样该部分输出成网页后将由透明占位符和黑色背景色代替,如图1-3-1 所示。
图1-3-1
2. 使用切片的固定大小,设置宽度为“68”,高度为“40”,这次是切割的导航条按钮,将切片和被切对象对齐,切的时候要小心,避免切片之间重叠,如图1-3-2 所示。
图1-3-2
3. 使用同样的方法将其它导航条按钮切割,注意最后一个“管委会”按钮是三个字,因此设置的切片宽度要大,如图1-3-3 所示。需要注意的是,切割的时候要注意平衡,比如右侧切割了,那么左侧也要等高的切一刀,这样输出成网页的时候不容易乱。
图1-3-3
4. 切割方法同上,注意切片左上角的编号。下一行切片14 和15 共两刀,再往下16、17、18 共三刀,其中17 为纯色,因此设为无图像,并用相应的颜色标识,如图1-3-4 所示。后面的方法基本相同,需要把在Dreamweaver 中处理的纯色背景部分设为无图像,并以相应的切片背景色填充。如果某个图层的范围正好是要切割的大小,可以直接使用“基于图层的切片”功能。
图1-3-4
5. 执行菜单“存储为Web 和设备所用格式”,该命令用于将PSD 源文件输出成网页或
是手机等设备所使用的格式。在对话框中进行简单的优化设置,确定后设置输出类型为“HTML 和图像”,并且要输出所有的切片,如图1-3-5 所示。
图1-3-5
举一反三:
尝试使用切图工具对已有的版面进行切割,并注意切割的技巧。
上一篇:Photoshop CS3实例教程:网页的切图及切片的属性设置
第4讲制作导航菜单
导航菜单在首页中占有非常重要的地位,它用于引领访问者找到需要的页面。所以一般来说,网页设计师通常将大量的精力用在导航菜单的设计上,而这里我们只是举个简单的例子来说明。
1. 用Dreamweaver 打开网页,当鼠标单击后,您可以看到导航栏已经完成的切片,我们现在要制作的是鼠标移上时的翻转效果,如图1-4-1 所示。
图1-4-1
2. 找到您存储切片图像的目录,一般是网页当前目录或是名为“images”的目录。复制一个“娱乐”切片,并用Photoshop 打开,如图1-4-2 所示。
图1-4-2
3. 用“移动工具”选中括号,分别向左或向右移动,使括号离文字的距离变大。这样的操作可实现鼠标移到按钮上时,括号自动左右撑开的效果,如图1-4-3 所示。
图1-4-3
4. 打开Dreamweaver,在我们设计的导航栏上选择“娱乐”切片并删除,执行插入“鼠标经过图像”命令,如图1-4-4 所示。
Allegro教程-17个步骤
Allegro教程-17个步骤 Allegro® 是Cadence 推出的先进 PCB 设计布线工具。 Allegro 提供了良好且交互的工作接口和强大完善的功能,和它前端产品Cadence® OrCAD® Capture 的结合,为当前高速、高密度、多层的复杂 PCB 设计布线提供了最完美解决方案。 Allegro 拥有完善的 Constraint 设定,用户只须按要求设定好布线规则,在布线时不违反 DRC 就可以达到布线的设计要求,从而节约了烦琐的人工检查时间,提高了工作效率!更能够定义最小线宽或线长等参数以符合当今高速电 路板布线的种种需求。 软件中的 Constraint Manger 提供了简洁明了的接口方便使用者设定和查看 Constraint 宣告。它与 Capture 的结合让 E.E. 电子工程师在绘制线路图时就能设定好规则数据,并能一起带到Allegro工作环境中,自动在摆零件及 布线时依照规则处理及检查,而这些规则数据的经验值均可重复使用在相同性 质的电路板设计上。 Allegro 除了上述的功能外,其强大的自动推挤 push 和贴线 hug 走线以及完善的自动修线功能更是给用户提供极大的方便;强大的贴图功能,可以提 供多用户同时处理一块复杂板子,从而大大地提高了工作效率。或是利用选购 的切图功能将电路版切分成各个区块,让每个区块各有专职的人同时进行设 计,达到同份图多人同时设计并能缩短时程的目的。 用户在布线时做过更名、联机互换以及修改逻辑后,可以非常方便地回编 到 Capture 线路图中,线路图修改后也可以非常方便地更新到 Allegro 中; 用户还可以在 Capture 与 Allegro 之间对对象的互相点选及修改。 对于业界所重视的铜箔的绘制和修改功能, Allegro 提供了简单方便的内层分割功能,以及能够对正负片内层的检阅。对于铺铜也可分动态铜或是静态铜,以作为铺大地或是走大电流之不同应用。动态铜的参数可以分成对所有铜、单一铜或单一对象的不同程度设定,以达到铜箔对各接点可设不同接续效果或 间距值等要求,来配合因设计特性而有的特殊设定。 在输出的部分,底片输出功能包含 274D 、 274X 、 Barco DPF 、 MDA 以及直接输出 ODB++ 等多样化格式数据当然还支持生产所需的 Pick & Place 、NC Drill 和 Bare-Board Test 等等原始数据输出。Allegro 所提供的强大输 入输出功能更是方便与其它相关软件的沟通,例如 ADIVA 、 UGS(Fabmaster) 、VALOR 、Agilent ADS… 或是机构的 DXF 、IDF……… 。为了推广整个先进EDA 市场 ,Allegro 提供了Cadence? OrCAD? Layout 、 PADS 、 P-CAD 等接口,让想转换 PCB Layout 软件的使用者,对于旧有的图档能顺利转换至Allegro 中。 Allegro 有着操作方便,接口友好,功能强大,整合性好等诸多优点,是一家公司投资 EDA 软件的理想选择。
IOS设计规范
刚入门UI的小伙伴是不是不知道app该怎么切图、规范是什么?怎么和程序员同学配合,用什么工具更方便,怎么标注自己的设计稿,怎么做到一稿适配多种机型,这篇文章将一一解答你的疑问! 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,所以,还是要灵活运用~ 我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧;公司不同,流程不尽相同,但是终究还是能有些帮助。 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧。 页面篇幅比较长,不推荐一次性看完,那样你潜意识里就会对它厌烦了,所以可以有时间读一读,看一看。 Part 1 项目立项 完善的公司会把项目相关人员聚集起来,产品经理会把产品详细的用原型展示出来,包括产品定位,市场需求,主打卖点,产品性质以及各模块具体功能,逻辑跳转演示一下;之后会评估项目用时,各部门协调,项目启动。 话不多说,接到原型,那我们应该做什么准备工作呢?
在项目设计之初,就该进行项目归档整理,我的习惯是“项目名称+版本序列”; 没有最正确的工作方法,只有最适合自己的工作习惯。 我个人习惯把不同类型的文件划分到不同类型的文件夹里,有的设计师习惯全都放在一个文件夹里,如果文件少还说的过去,如果页面过多,就知道这样的利弊了。 工欲善其事必先利其器,基本上我做界面设计用的最多的就是PS和AI了,版本无所谓,用着舒服就行,推荐版本高一点的,低版本好多方便功能都没有。 标注工具: PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。 切图工具: Cutterman 点击下载一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc,然后自行破解。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。 Assistor PS 也是一款PS的切图标注插件,也被誉为神器;我使用了下,感觉相当不错,就是标注还没太适应,推荐一下这个。 标注工具以及这两款插件我都会上传,至于安装方法去“百度一下”吧,易学易用。
CSS从大图中抠取小图完整教程
相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用。。。 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键。 要想实现CSS抠图,只需要用到一个属性:background-position。 按照字面理解,这个属性就是背景定位,先看看google网站的素材图,如下:
假如小菜现在想做一个+1按钮,利用上边的素材图,普通状态显示A图,鼠标移上去显示后显示B图,实现这么一个动态效果。 按钮是用来实现功能的,一般是用超链接响应单击事件,但是不能把背景图直接加在超链接上,那样就不叫样式啦,因为超链接的文本长度变化时,样式也变了。 地球人一般的做法是,div里边套一个超链接,超链接负责实现功能,div负责装载背景图。html结构如下: 1
div是块级元素,默认是占一行的,这个先不用关心,但看到背景图重复了,这显然不是我们想要的,加上background-repeat:no-repeat;属性,改进样式如下: 1.btn{ 2background:url(bg.png); 3background-repeat:no-repeat; 4 } 这样就不重复了。 div可以理解成一个矩形框,它的左上角是顶点,背景图片的顶点也是左上角,div加载背景图时,会把两个顶点重合,顶点的坐标是(0,0)。不理解的看图,很简单的。。。
PSD网页切图制作HTML教程
PSD网页切图制作HTML教程 把psd页面利用div+css切割成html页面 首先看看效果 下面的图片就是效果图,切割出来后,可能头部和底部会宽点..... 新建文件夹 开始时,在您的计算机中创建一个文件夹。我把它命名为zmool。再在文件夹中创建新文件夹images,放网站的所有图像。接下来打开代码编辑器(Dreamweaver),并在根目录下创建一个HTML文件名为index.html,这是我们的主页模板。现在创建一个新的CSS文件,并将其命名为style.css文件。如下图:
打开index.html文件。在head标签顶部,添加链接到您的样式表(style.css)。你可以使用下面的代码。 头部的代码如下面:
APP界面设计规范二
一、Android设计常识 开始介绍之前先帮大家梳理一下Android常用单位,方便各位亲们更好的掌握并了解Android端设计规范。 Android常用单位 per inch):数字影像的解析度,也就是每英寸所拥有的像素数,即像素密度;PPI计算公式:ppi=√(长度像素数2 + 宽度像素数2)/屏幕对角线英寸数 per inch):是指印刷上的计量单位,也就是每英寸上能印刷的网点数,我们设计用于显示器的默认为(72像素/英寸)就好了; 屏幕尺寸(Screen Size):一般我们所说的手机屏幕尺寸,比如3英寸、英寸等,都是指对角线的长度,而不是手机的面积; 分辨率(Resolution):是指手机屏幕垂直和水平方向上的像素个数,比如分辨率为:720*1280,是指设备水平方向有720个像素点,垂直方向有1280个像素点 pixels):像素,不同设备显示效果相同 ( point):一个标准的长度单位,ios的逻辑单位,1Pt=1/72英寸,用于印刷业,非常简单易用;标注字体大小(72是早期台式机的DPI) (Scaled-independentpixels):放大像素,安卓的字体单位; (Density-independentpixels):是指设备的独立像素,不同的设备有不同的显示效果,它与设备硬件有关系; sp和dp基本一样,是android开发里特有的单位,都是为了保证文字在不同密度的显示屏上显示相同的效果;dp与设备硬件有关,与屏幕密度无关,sp与屏幕密度和设备硬件均无关; 换算关系 android开发中,文字大小的单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。这些单位如何换算,是设计师、开发者需要了解的关键。* dp:以160PPI屏幕为标准,则1dp=1px。 dp和px的换算公式:dp*ppi/160 = px。 对于320ppi的屏幕,1dp x 320ppi/160= 2px。 * sp:它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为100%时, 1sp=1px。 sp 与px 的换算公式:sp*ppi/160= px。
在网页设计过程中常用的命名规则
如果你是网页设计师,如果你用的还是拼音命名,你真的落伍了 内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 搜索:search 页脚:footer 滚动:scroll 版权:copyright 友情链接:friendlink 子菜单:submenu 内容:content 标签页:tab 文章列表:list 注册:regsiter 提示信息:msg 小技巧:tips 加入:joinus 栏目标题:title 指南:guild 服务:service 状态:status 投票:vote 尾:footer 合作伙伴:partner 登录条:loginbar 页面外围控制整体布局宽度:wrapper 左右中:left right center (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名:
(1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 左右中:left right center 页面外围控制整体布局宽度:wrapper (2)导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:menu 子菜单:submenu 标题: title 摘要: summary (3)功能 标志:logo 广告:banner 登陆:login 登录条:loginbar 注册:regsiter 搜索:search 功能区:shop 标题:title 加入:joinus 状态:status 按钮:btn 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 当前的: current 小技巧:tips 图标: icon 注释:note 指南:guild 服务:service 热点:hot 新闻:news 下载:download 投票:vote 合作伙伴:partner
潘多拉常用教程
一:刷机救砖 1、路由器U-boot(恢复模式)刷机方法: 如果你的路由器在升级固件过程中变砖了,或者说由于你修改了系统文件导致无法启动固件了,可以使用U-boot(恢复模式)重新刷机救回来, 方法如下: 1)设置电脑 IP 地址为 192.168.1.2 2) cmd 窗帘 ping 路由器,使用指令:ping 192.168.1.1 –t 3)按住路由器的 reset 按钮通电,按住 reset 按钮 5 秒以上才松开 4)插上电脑和路由器 lan1或lan2 口之间的网线 5)看 ping 窗口 192.168.1.1 是否有回应,如果 ping 通了就用 IE 浏览器打开 192.168.1.1 图1(非原创,借图) 然后就能看到U-boot(恢复模式)页面,这个页面可以直接刷固件,上传正确的固件后点恢复按钮,稍等几分钟路由器会自动重启完成刷机。 注:此方法适用于U-boot更新和固件更新 推荐潘多拉U-boot
图2 2、在路由器管理??刷机/升级固件/清空设置的?法 进入路径:系统-备份/升级 1)固件升级:固件升级有本地升级,点浏览选择正确的固件点,然后点 击“刷写固件”最后确认刷写, 注意:由于不同版本各个软件之间的配置文件会有变化和升级,升级固件请勿勾选“保留配置”
2)恢复默认指/清空设置 选择“备份/重置”然后选择“执行复位”即可完成恢复默认值/清空用户设置, 该功能和长按reset 按钮8 秒以上原理相同 打开路由器管理界面,路由器默认IP 地址192.168.1.1 默认用户名root 密码admin 二:基本设置 1、宽带上网 进入路径:网络-接口
后台界面统一规范_V1.0
后台界面统一规范 目录 1.目的 (2) 2.范围 (2) 3.定义 (2) 4.测评指标 (2) 5.关键角色及应付责任 (2) 6.内容描述 (2) 7.其他要求 (8) 8.相关文件 (8) 9.附件 (8)
1.目的 规范后台系统的风格,使最终设计出来的界面风格一致化,遵循统一的操作规范,以标准化的方式设计界面,提高工作效率。减少和改变责任不明,任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。产品设计通过规范的方式来达到以用户为中心的目的。 2.范围 适用于公司所有内部系统。 3.定义 无 4.测评指标 无 5. 6.内容描述 (一)遵循的基本原则 1)显示信息一致:无论是控件使用,提示信息措辞,还是颜色、窗口布局风格, 遵循统一的标准,做到真正的一致。 2)以用户为主导,明确用户是所有系统处理的核心 3)易用性:用户不用查阅帮助就能知道该界面的功能并进行相关正确的操作。做 到望文知意最好。 4)系统响应时间:0-5秒鼠标显示成为沙漏;5秒以上显示处理窗口,或显示进 度条;一个长时间的处理完成时应给予完成警告信息。 5)出错信息和警告原则:信息以用户可以理解的术语描述;信息简明扼要,指 出出错原因并提供解决办法提示。 6)信息显示:只显示与当前用户语境环境有关的信息;使用一致的标记、标准缩 写和颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源; 7)数据输入:尽量减少用户输入动作的数量;维护信息显示和数据输入的一致性; 可能的话提供默认值、绝不要让用户提供程序中可以自动获取或计算出来的信 息。 8)合理性:与正在进行的操作无关的按钮应该加以屏蔽(使用灰色显示);对可 能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会;非法 操作或输入有足够的提示说明 9)美观与协调:界面风格要保持一致,字的大小、颜色、字体要相同,除非是需 要艺术处理或有特殊要求的地方;如果窗体支持最小化和最大化或放大时,窗 体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。
HTML命名规则
网页切图过程中div+css命名规则 内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 搜索:search 页脚:footer 滚动:scroll 版权:copyright 友情链接:friendlink 子菜单:submenu 内容:content 标签页:tab 文章列表:list 注册:regsiter 提示信息:msg 小技巧:tips 加入:joinus 栏目标题:title 指南:guild 服务:service 状态:status 投票:vote 尾:footer 合作伙伴:partner 登录条:loginbar 页面外围控制整体布局宽度:wrapper 左右中:left right center (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 左右中:left right center 页面外围控制整体布局宽度:wrapper (2)导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:menu 子菜单:submenu 标题: title 摘要: summary (3)功能 标志:logo 广告:banner 登陆:login 登录条:loginbar 注册:regsiter 搜索:search 功能区:shop
APP中图标如何命名
大型APP中图标组件如何命名 关于图标组件命名的规范,个人觉得关键是在于团队能够有一个统一的规则,所有成员必须是严格遵守并且和开发全盘拉通,不然一切都是空谈。 因为不同的团队使用的软件都不一样,如果使用sketch软件中symbols的伙伴,可能在命名的时候会考虑更多内容,但是还有很多伙伴在使用ps 作图,所以这里只介绍一种通用的命名规则,当然大家也可以根据自己的实际情况去制定,这里只提供一种方法与思路。 一、命名的原则 一款功能多的APP包含很多组建,为了对组建有统一的名称,并对组件命名进行区分,避免组件名称重复出现或组件与名称不符等异常,导致开发不易查找、维护难道大,同时也容易影响APP体验性。
某款APP命名为例,它的命名方式看着清楚,没有重复出现性 a.自身层 对我们自己的文件整理有很大的帮助,后期修改图标组件的时候更加方便快捷,而且规范的命名也显得我们自身比较专业。 b.团队层 如果命名不统一,大家就很难达成共识,任务交接时需要很大的学习成本,所以规范的命名对于团队协同也有极大的推动作用。 c.开发层 这一点很重要,可以极大的节省程序开发的时间成本,减少不必要的沟通与重复切图的概率。只要图标组件命名足够规范,并且和开发达成共识,开发完全可以直接使用的设计切图,而不用更改切图的名称,后期更换切图,只要名称不变,开发易替换、易查找。 二、命名规范 a.命名集合 常见的界面、控件、功能、状态命名集合,此命名需产品经理、设计师、开发工程师进行记住标识的命名名称。
以上是常见的命名名称 b.命名规范 命名尽可能的采用英文,而且全部为小写英文字母,命名中不能含有空格。目的是让开发人员拿到设计切图直接使用,减少再次命名,但是我们要知道,开发人员的代码里只有小写的英文字母,如果给出的命名全是中文,那么开发人员肯定会修改。
网页布局及切片教程
第一章:网页布局 一、画出页面的整体布局 制作网页之前,我们首页要先设想出网页的样子,就是网页的大体布局形式,根据布局来设计网页能加快我们的设计速度。 对网站页面整体布局就意味着,我们在设计的时候要根据我们布局的来设计,所以我们在网站整体布局的时候要考虑清楚,要根据方案书的具体分析和栏目要求来布局,要体现出简洁、大方,所以我们在首页的布局上面不能有太多的栏目块,banner图要稍微比一般网站要大点,这样能衬托大方的味道,至于简洁嘛?我们就在首页上体现几个重点的栏目块,一般体现的是企业的公司简介、公司产品、联系方式、新闻中心等。所以我们就选择3个栏目块来布局,3个栏目块布局在一排,具体页面整体布局规划图如下图所示。 Logo 导航 Banner 内容 版权
多元素布局如下图: 二、新建网页大小 布局出来后,接下了就是要确定网页的大小,标准的网页大小宽度一般的1003PX,高度不定,只要不超过1003PX的网页都是正常的,超过1003PX后,在800*600的宽屏电脑的浏览器下面会出现左右条,会影响页面浏览。 步骤:打开【文件】菜单,选择【新建】菜单,在弹出的【新建】对话框中输入网页的名称为“*******”,宽带1003像素,高度720像素,然后点确定按钮。学布局加学习交流群:517870096。当布局弄好后,下面我们就来切片。 三、切片 一,基本概念 1,切图,是一种网页制作技术,他是将美工效果图转换为页面效果图的重要技术。Fireworks也提供了切图技术,Flash则直接提供了网页格式输出技术(不需要切图)。 2,切片,是切图的直接结果,切图实际上就将图切分为一系列的切片 二,切图操作过程
PDMS DRAFT 出图规则定制部分操作手册
PDMS DRAFT 出图定制部分操作手册 可能大家从具体的项目应用中已经见识到或者说体会到了,PDMS在出图方面优点和先进性。实际上我也用过其它三维软件,比如PDS、AUTO PLANT等做过项目,对于它们之间的特点、优点也有一定的理解和认识,坦白说,PDMS是以上几个软件中功能最强大、项目管理最集中和具体,也是项目支持最繁重的,虽然它的前台操作相对简单、命令更实际。尤其PDMS出图(工程平面图、立面图、剖视图等)这一块,虽然前台的操作也就哪么几步,实际上它牵扯的东西非常的多,后台定制的东西非常的多,而且数据又一环扣一环,相当的繁琐和复杂。所以,对于一个项目支持管理员任务相当的重。但所幸的是:对于一公司来说,出图的规则基本上都有特定的,项目与项目之间不会有太大的变化,PDMS可以做到,将一个做好的完整的定制库,供不同的项目循环利用,并不用每个项目都定制一套。 下面就简单介绍一下这部分的操作。 一般来说,为了使这套定制库能循环利用,需将它定制到公司的标准项目(COO)中。安装好PDMS以后,PDMS系统会自带一个标准项目(软件标准项目)MAS它是MASTER的缩写,MAS/SAMPADD库中会自带一套默认的出图定制库(一般来说,它在前台的名称是:DEPT Project_Libraries,DBname 是:MASTER/SAMPADD)如下图:
通常来说,上面的这个系统自带库的定制规则与自己本公司的出图规定肯定是不一样的,所以就需要项目支持管理员建立本公司的出图规则库。过程如下: 一创建线型库 以管理员的身份登陆到标准项目(COO)的DRAFT模块,登陆以后,打开命令行DISPLAY=》COMMAND LINE,在DRAFT模块的数据导航窗口内可以看到好多数据,如下图: 1、确认库名。选择上图中任意一个如下图,在命令行内查询(Q DBNAME)它的DB NAME,确定选中的管理层DEPT的DB NAME是COOSTD/PADD
Allegro高级教程-17个步骤让你掌握
Allegro®是Cadence推出的先进PCB设计布线工具。Allegro提供了良好且交互的工作接口和强大完善的功能,和它前端产品Cadence®OrCAD® Capture的结合,为当前高速、高密度、多层的复杂PCB设计布线提供了最完美解决方案。 Allegro拥有完善的Constraint设定,用户只须按要求设定好布线规则,在布线时不违反DRC就可以达到布线的设计要求,从而节约了烦琐的人工检查时间,提高了工作效率!更能够定义最小线宽或线长等参数以符合当今高速电路板布线的种种需求。 软件中的Constraint Manger提供了简洁明了的接口方便使用者设定和查看Constraint宣告。它与Capture的结合让 E.E.电子工程师在绘制线路图时就能设定好规则数据,并能一起带到Allegro工作环境中,自动在摆零件及布线时依照规则处理及检查,而这些规则数据的经验值均可重复使用在相同性质的电路板设计上。 Allegro除了上述的功能外,其强大的自动推挤push和贴线hug走线以及完善的自动修线功能更是给用户提供极大的方便;强大的贴图功能,可以提供多用户同时处理一块复杂板子,从而大大地提高了工作效率。或是利用选购的切图功能将电路版切分成各个区块,让每个区块各有专职的人同时进行设计,达到同份图多人同时设计并能缩短时程的目的。 用户在布线时做过更名、联机互换以及修改逻辑后,可以非常方便地回编到Capture线路图中,线路图修改后也可以非常方便地更新到Allegro中;用户还可以在Capture与Allegro之间对对象的互相点选及修改。 对于业界所重视的铜箔的绘制和修改功能,Allegro提供了简单方便的内层分割功能,以及能够对正负片内层的检阅。对于铺铜也可分动态铜或是静态铜,以作为铺大地或是走大电流之不同应用。动态铜的参数可以分成对所有铜、单一铜或单一对象的不同程度设定,以达到铜箔对各接点可设不同接续效果或间距值等要求,来配合因设计特性而有的特殊设定。 在输出的部分,底片输出功能包含274D、274X、Barco DPF、MDA以及直接输出ODB++等多样化格式数据当然还支持生产所需的Pick&Place、NC Drill和Bare-Board Test等等原始数据输出。Allegro所提供的强大输入输出功能更是方便与其它相关软件的沟通,例如ADIVA、UGS(Fabmaster)、VALOR、Agilent ADS…或是机构的DXF、IDF………。为了推广整个先进EDA市场,Allegro提供了Cadence?OrCAD?Layout、PADS、P-CAD等接口,让想转换PCB Layout软件的使用者,对于旧有的图档能顺利转换至Allegro中。Allegro有着操作方便,接口友好,功能强大,整合性好等诸多优点,是一家公司投资EDA软件的理想选择。 一.零件建立 在Allegro中,Symbol有五种,它们分别是Package Symbol、Mechanical Symbol、Format Symbol、Shape Symbol、Flash Symbol。每种Symbol均有一
IOS设计规范
一款APP的设计稿从设计到切图 第一部分项目立项阶段 在项目设计之初,就该进行项目归档整理,一般是是“项目名称+版本序列” 第二部分Photoshop IOS的各种分辨率。 1.640*960 iPhone 4时代的尺寸,我最开始用这个尺寸设计,还是拟物的时代呢(基本上现在应该没人用这个尺寸设计了吧); 2.640*1136 iPhone5/5S/5C,一更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了; 3.750*1334 iPhone6 目前是我做设计稿的设计尺寸,iPhone的尺寸,向下可以适配iPhone4,iPhone5,向上可以适配iPhone6 plus;我记得iPhone6推出后,
我问我的设计总监(从业12年)应该用什么尺寸设计,他是就用iPhone6的尺寸吧,好适配,切出来就是@2x了,上下都能照顾到。 所以,我推荐做设计稿的时候使用iPhone6的尺寸进行设计。 iPhone6的尺寸其实相比于以前的5来说很多地方并没有变化,只是高度也就是内容显示区域发生了变化。下面是IPhone 6的空白文档,我建立了参考线。▼
里面已经设置好了参考线,文档建立之初就设置好参考线是个很好的工作习惯我希望更多的设计师可以养成更完美的工作习惯。
上下的参考线很容易设置,因为是根据iPhone自身系统设置的,左右的参考线我习惯设置为24px,也就是显示内容距离边框的距离。这不是绝对的,究竟是设置为左右30px还是24px比较好,通过对国内国外各种APP的对比,觉得24px更适合一些,不宽不窄,这个完全是设计师个人的设计习惯,所以不要当成什么规范, 第三部分标注 下面讲标注的问题,页面怎么标,标哪里,可能我涉及不到所有类型页面,但举一反五足够了;切片输出以及切片命名我们下期再说(如果有错误,请一定要及时帮我指出,我不想误人子弟)。 标注是重中之重,工程师能不能完整的还原设计稿,很大一部分取决于标注;如果不清楚你该怎么标,别怕丢人(我知道有些设计师,特别是刚接触工作的设计师并不敢张嘴去问),一定要和工程师沟通!包括怎么标,怎么切。 每个工程师实现效果的方法不同,我在这里所说的,是我的标注习惯,也就是我们工程师的开发习惯,但应该适用于大部分的设计师和工程师。 不需要每一张效果图都进行标注,你标注的页面能保证工程师开发每个页面的时候都能顺利进行即可;当然,这要看跟你配合的工程师的习惯,比如我现在搭档的两位IOS工程师,一位要求我全都要标注,另一位要求我标注代表性页面就好(记得标注之前一定要沟通清楚)。
css书写规范
此文档来自网络,不保证没有错误。 Form https://www.360docs.net/doc/9c16063375.html,
CSS命名规则 页面制作最重要的就是CSS,定义合理的CSS命名规范,可以大幅提高页面制作的效率和方便开发及相关人员修改编写。关于CSS的命名我们采用骆驼式命名法。 骆驼式命名法:正如它的名称所表示的那样,是指混合使用大小写字母来构成变量和函数的名字,即函数名中的每一个逻辑断点都有一个大写字母来标记.骆驼式命名法近年来越来越流行了。例如:mianNav footNav 1.通用命名规则: 1)所有ID或者class字母和数字之间用“_”连接,如: #col_1、#col_2 2)所有ID或者class两个单词之间的链接采用骆驼式命名法,如: mianNav、footNav 3)页面主体框架布局命名:Lay_1、Lay_2 、Lay_3 4)栏目布局容器命名一律采用: col_1、col_2、col_3、col_4、col_N 5)栏目标题块命名一律采用title。元素标签采用:
如: 标题
6)页面所有图片区域全部采用:pic_1、pic_2、pic_3、pic_N 7)页面文本列表区域全部采用: Lst_1、Lst_2、Lst_3、Lst_N 8)页面上按钮采用:btn_1、btn_2、btn_3、btn_N 9)广告区域:ad_1,ad_2,ad_3,ad_N 2.主框架命名规则: 1)#header (页面头部) 2)#main (页面主体) 3)#footer (页面尾部) 3.通用命名规则: 主体:main 外层:wrap 功能条:funcBarIceFai教程40
标题
作者 【题目】单面六角星(+1') bf109 CATIA 版主 发帖: 7348 积分: 138 点数: 982 面的最大及最小切面线均为半个椭圆,中心点高度15mm 要求:单面; 六个角不能鼓起或有大的变形 向内抽壳2mm 除了必须的几张图外,另加Edge 与Wireframe 图各一张 用其它软件做的,请上传stp 文件 1/3 bf109 编辑于 2004-09-29 17:24 于2004-09-17 16:08 [信息] [悄悄话] [搜索] [复制] [收藏] 楼主 bf109 CATIA 版主 发帖: 7348 积分: 138 点数: 982 2/3 于2004-09-17 16:09 [信息] [悄悄话] [搜索] [复制] [收藏 ]第 2 楼
【领超高性价比专业图形工作站 SADX/C-S 】 bf109 CATIA 版主 发帖: 7348 积分: 138 点数: 982 3/3 于2004-09-17 16:09 [信息] [悄悄话] [搜索] [复制] [收藏 ] 第 3 楼 专业CAD/CAM/CAE 培训中心、东莞唯一UGS 授权培训中心 bf109 CATIA 版主 发帖: 7348 积分: 138 点数: 982 Stp File 附件 (该文件已经被下载 687 次) 于2004-09-17 16:12 [信息] [悄悄话] [搜索] [复制] [收藏 ]第 4 楼 加入培训网,让更多的学员找到您! laconi 发帖: 387 积分: 17 点数: 299 先占一个位置,再慢慢做! 于2004-09-17 16:59 [信息] [悄悄话] [搜索] [复制] [收藏 ]第 5 楼 【在线报名培训课程,送本站一年高级会员服务!】 icdrs 大大出题了,支持一下先 做了很久,上一个试试,大大PP 于2004-09-17 17:00 [信息] [悄悄话] [搜索] [复制] [收藏 ] 第 6 楼
切图命名规范
切图命名规范 management_iocn_upadate@2x.png 在哪里类型是什么几倍图 1.所有命名全部为小写英文字母 2.命名格式 通用切片命名格式 组件_类别_功能_状态@2x.png tabbar_icon_home_defalt@2x.png 标签栏图标主页默认2倍 模块特有切图命名规则: 模块_类别_功能_状态@2x.png news_icon_search_pressed@2x.png 新闻_图标_搜索_ 默认@2x.png 命名规则——命名也就是需要告诉开发,文件是什么、在哪里、第几页、什么状态。 切图命名英文缩写三个原则: 较短的单词可通过去掉“元音”形成缩写 较长的单词可取单词的头几个字母形成缩写 此外还有一些约定成俗的英文单词缩写. 1、产品模块_类别_功能_状态.png 例:发现_图标_搜索_点击状态 2、场景_模块_状态.png 例:登录_按钮_默认状态 3、产品模块_场景_二级场景_状态.png 按钮_个人_设置_默认状态 【场景和二级场景】:一般指app的一级页面与二级页面。 例如上:个人页-场景,个人页里的设置页-二级场景 【模块】:一般指页面中的部分区块,也有指背景图。如背景、按钮、icon都是模块。 【功能】:一般指的是,页面或者模块中,需要操作或点击的某个点,如上图,发现页中的搜索icon。 【状态】:一般指当前切图的状态区分,像按钮的话,有默认状态、点击时状态、按下状态、不可点击状态等,网页上按钮还有悬停状态。 注意:所有命名只能为小写英文字母,不要为了好看或者像平时打英语一样,首字母是大写之类的,也不可以为中文,不然对于开发来说,是没有意义的,因为他们还是得自己再改一遍。 注意:ios切图需要在命名后加上@2x、@3x后缀名,安 卓的切图不需要加,不过有些安卓开发需要切图后缀加 上尺寸。 名词命名: bg(backgrond):背景 nav(navbar):导航栏 tab(tabbar):标签栏 btn(button):按钮 img(image):图片 del(delete):删除 msg(message):信息 icon:图标 content:内容 left/center/right:左/中/右 logo:标识 login:登录 register:注册 refresh:刷新 banner:广告 link:链接 user:用户 note:注释 bar:进度条 profile:个人资料 ranked:排名 error:错误 操作命名: edit:编辑 download:下载 collect:收藏 comment:评论 play:播放 pause:暂停 pop:弹出 audio:音频 video:视频 状态命名: selected:选中 disabled:无法点击 highlight:点击时 default:默认 normal:一般 pressed:按下 slide:滑动 close:关闭 back:返回
网页的切图及切片的属性设置 (全)
课程总览 在本课程中,朋友们将学习到以下内容: ?? 如何通过Photoshop CS3 进行网站首页的版面设计?? 各种网页版面元素的设计技巧和方法 ?? 如何进行网页的切图以及切片的属性设置 ?? 如何创建与Flash 整合的FLV 视频
?? 在Dreamweaver CS3 中使用“Spry 选项卡”构件 第1 讲制作首页的主体部分 本文以“石桥花园”的网站首页为例,来演示页面创作的整个过程。其实“石桥花园”是不存在的,笔者虚构出来也并非只为完成本例,我一直向往生活在幽静、闲雅之所,虽然“石桥花园”离我的初衷有很多差异,但也多少能表达我的一些想法吧。 书归正传,早先的网页页面设计一般是以Dreamweaver 为中心,由Photoshop 或Flash 等软件来提供各种素材,如图片、动画、文字等。自从Photoshop 出现了“切图”等专为网页设计所定制的功能后,设计的中心已慢慢转向了Photoshop。因为Photoshop 本身以图像为基础的特性,决定了他能对版面施以更精确的控制,使网页的页面能够更加灵活和生动的布局,这几乎完全解放了网页设计师的创作灵感,不再受方方正正的网页表格所约束。现在我们要制作的是“石桥花园”首页的主体部分,主体部分包括标题、主展示图片和导航条。 1. 打开Photoshop CS3, 执行菜单“文件> 新建”。在新建对话框中设置名称为“石桥花园”,宽度为“777”、高度为“800”,这个数字并不“官方”,只是我在平时工作当中测试出来的而已。对于网页来说,一般只用于屏幕显示,所以分辨率为“72”、颜色模式为“RGB 颜色”,其它参数保持默认。 2. 按下Ctrl+A 全选页面,执行菜单“编辑> 填充”将页面填为纯黑色。在工具箱中选择矢量的“矩形工具”,绘制一个如图1-1-1 所示长方形A。然后使用白色的“直接选择工具”将该矢量形状扭曲成如图1-1-1 中B 所示外观,该形状的十六进制颜色值为“#246b34”,一种厚重的深绿色。
移动UI设计规范1.0
公司移动UI设计规范 说明书
修改记录 1、前言 本文档主要为UI设计师和前端工程师提供设计参考和最佳实践,避免相互之间出现技术衔接脱节的问题。文档将由设计尺寸、界面元素、设计细节、切图细节四个部分组成,分别说明如下。 2、设计尺寸 本节主要阐明目前主流浏览设备和软件中的界面尺寸,相关设备和软件分别为iPhone、iPad、Android、Web。详细说明如下 2.1 iPhone
2.2 iPad
2.3 Android 屏幕尺寸 指实际的屏幕物理尺寸,以屏幕对角线来测量。为方便起见,Android把屏幕大小分为广义的四类:小、正常、大、特大。 像素 代表屏幕上一个物理的像素点。
屏幕密度 为解决Android设备中屏幕的碎片化,Android厂商引入了DP的概念。即一定尺寸屏幕显示像素的数量,因此有了四类屏幕密度:低(120dpi),中(160dpi),高(240dpi),超高(320dpi),而像素= DP*(dpi/160)。 例如一个240dpi的屏幕里,1DP = (240/160)=1.5px。 因此,设计尺寸确认后,以图标为例,需向上或向下做小、正常、大、特大,以及低、中、高、超高的图标尺寸与密度来适配不同的机型。 典型的设计尺寸 320dp:一个普通的手机屏幕(240x320,320x480,480x800) 480dp:一个普通的平板(480x800) 600dp:7寸平板(600x1024) 720dp:10寸平板(720x1280,800x1280) 安卓设计尺寸建议为720x1280或是480x800
二维制图规则 (1)
毕业设计二维图纸设计及制图规则 一、制图命名及分级规则 1、总图代号命名规则 总图代号为:** D G/H Z/F **表示吨位,D表示底盘,G表示滚动,H表示滑动,Z表示整体,F表示分体 例如:18DHF滑动分体式底盘,表示18吨两轮一带分体式底盘。 2、制图代号分级规则 直属件代号命名:总图号-1,总图号-2… 装配图代号命名:总图号-01、总图号-02、总图号-03、总图号-04…… 装配图所属直属件代号命名:总图号-01-1,总图号-01-2…,总图号-02-1,总图号-02-2…以此类推。 二、绘图中注意的问题 1、SOLID工程图导入AUTOCAD或者CAXA中,细实线改为粗实线; 2、绘图比例与图纸幅面必须搞清楚; 3、所有的孔、轴、对称部分添加中心线;需要的剖开的视图添加剖面线; 4、组装图尺寸的标注:长、宽、高尺寸标注,中心距尺寸,零件的相对位置尺寸,零件焊接位置尺寸,螺栓的中心距尺寸,每个板的相对位置尺寸,剖切符号,剖切位置,焊缝尺寸必须标全,等等都需要标注; 5、零件图尺寸的标注:长、宽、高尺寸标注,中心距尺寸,形状公差,位置公差,光洁度,等等都需要标注; 6、每个零件重量仔细计算,零件图、装配体,总图都要填写重量; 7、总图及装配体中,螺栓、螺母、螺钉、垫圈等等的规格、型号都应该引出序号,图中画出; 8、图中螺栓、螺柱、螺钉、垫圈能看到的,应画出相应方向的形状,不能省略也不能用圆替代。 9、装配体之间,零件之间的焊接相对位置尺寸在视图中必须标注; 10、直径用φ,乘号用×,标注风标,文本风标都要采用标准,按正规标注,不要想当然; 11、每张图纸的技术要求必须填写,涉及到焊接的图纸需要有焊接技术要求; 12、仔细检查每张图纸的尺寸,标注全了没有,漏标了没有,如板厚,粗糙度,平行度,剖面线,