当前位置：文档库 › 用框架分割多个窗口、引用google主页、iframe实现页面复用

用框架分割多个窗口、引用google主页、iframe实现页面复用

内蒙古科技大学信息工程学院计算机系《网页设计与制作》实验报告

图1.2 google页的引用

实现页面复用

需求说明：用提供的素材实现内容重用，效果如图在给出的登录和注册页中重用贵美页面顶部和底部。

register.htm页面中加入</p><p>1.3 用<iframe>实现页面重用</p><p>图1.4用框架分割多个窗口</p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.wendangku.net/doc/f44350988.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="https://www.wendangku.net/doc/f44350988.html,/1999/xhtml"></p><p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p>图1.5google主页</p><p>实现页面复用</p><p><iframe src="head.htm" width="100%" frameborder="0" scrolling="no">

图1.6页面复用01</p><p>图1.7<iframe>页面复用02</p><p>说明：</p><p>1、每个实验项目填写一份实验报告，电子版命名方式为：学号姓名项目号.doc。例如：1167111182张三3.doc表示张三做的第3个项目的实验报告。</p><p>2、实验报告电子版应该在实验后一周内由学习委员收齐后存放在一个文件夹下，文件夹命名方式为：软件12-1班3，表示软件12-1班第3个项目的实验报告，压缩。第一时间发送给任课教师。必须以班级为单位上交。</p><p>3、任课教师要求在收到实验报告的一周内进行批阅，并给出成绩及评语。</p><p>4、实验报告电子版由任课教师保存。</p><p>5、表格宽度可以根据实际情况伸缩。</p><h2>google adwords广告格式技术规范</h2><p>一，图片广告文件格式JPEG、PNG、GIF（若为GIF动画，需要在30s内停止播放）文件大小不得超过50kb 格式尺寸300 x 50 移动页首横幅（新增） 468 x 60 横幅 728 x 90 页首横幅 250 x 250 方形 200 x 200 小方形 336 x 280 大矩形 300 x 250 内插矩形 120 x 600 摩天大楼 160 x 600 宽幅摩天大楼二，动画广告文件格式GIF、Flash 文件大小不得超过50kb 尺寸要求300 x 50 移动页首横幅（新增） 468 x 60 横幅 728 x 90 页首横幅 250 x 250 方形 200 x 200 小方形 336 x 280 大矩形 300 x 250 内插矩形 120 x 600 摩天大楼 160 x 600 宽幅摩天大楼动画长度可在30秒内循环。即30 秒后广告必须完全停止(包括任何闪动)。 (参考)循环指定次数的代码（加在最终需要停止的帧上）： if(i== undefined) i=1;i++;if(i==X) stop(); ------------------------------------------------------------------------------------------------------ *其中X表示循环X-1次</p><p>版本要求Flash 广告必须使用Flash Player 版本4-10进行发布。 AS版本可使用ActionScript版本1-3（推荐ActionScript2 ）。 ClickTag (推荐)ActionScript2 中的ClickTAG： on (release) { if (clickTAG.substr(0,5) == "http:") { getURL(clickTAG, "_blank"); } } 请注意，以上代码请勿作任何修改，不需要在该代码中的任何位置指定广告的目标网址。如下为典型错误：错误A：on (release) {getURL("https://www.wendangku.net/doc/f44350988.html,", "_blank");} 错误B：on (release) {if (clickTAG.substr(0,5) == " https://www.wendangku.net/doc/f44350988.html, ") {getURL(clickTAG, "_blank");}}</p><h2>ios和Android APP设计规范要点</h2><p>相信很多人都在开发设计APP时会遇到很多界面上的问题，要以多大尺寸来设计？分辨率是多少？该怎么切图给开发等等下面的文字就给出一点点技巧总结，但也要给合团队在开发时的习惯。每个工程师们所使用的控件，书写布局习惯来实际移交的图是不一样的，但八九不离十，都是遵循一个原则，便捷开发、自适应强的开发模式 IOS篇一、尺寸及分辨率 iPhone界面尺寸：320*480、640*960、640*1136 iPhone6：4.7英寸(1334×750)，iPhone6 Plus：5.5英寸(1920×1080) 设计图单位：像素72dpi。在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计，现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话，我会使用640×1136，对plus做单独的修改适配，因为plus的屏幕实在是大了，遵循屏大显示更多内容的原则这里本应该是需要修的了。有更好办法的话希望大家可以分享一下。 Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素</p><p>iPhone的app界面一般由四个元素组成，分别是：状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。状态栏(status bar)：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px 导航栏(navigation)：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px 主菜单栏(submenu，tab)：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px 内容区域(content)：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px 至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。</p><h2>UI必知之MD和IOS设计规范的区别</h2><p>UI必知之MD和IOS设计规范的区别</p><p>在UI设计师日常工作中，很重要的一个工作前提就是要熟知设计规范，那么对于移动端的设计规范，你们知道吗？那么，接下来就让小编给大家着重地分析一下MD和IOS设计规范在阴影、导航和配色这三个方面有什么区别吧，希望对大家能够有所帮助！ Material Design（以下简称MD）是谷歌研发的一套视觉语言设计规范，主要应用于安卓类应用。</p><p>iOS Human Interface Guidelines（以下简称iOS）是苹果公司针对iOS 设计的一套人机交互指南，目的是为了使运行在iOS上的应用都能遵从一套特定的视觉以及交互特性，从而能够在风格上进行统一。相对来说，我们对于iOS的设计规范更加熟悉。因为考虑到成本，设计师进行产品设计的时候只会出一套iOS的设计稿，然后去适配安卓机型。很少会针对安卓机型再出一套MD风格的方案，这种现象虽然存在但是并不合理。不同的系统/平台采用了不同的设计语言，不同的设计语言会培养出不同的操作习惯。例如使用安卓手机的用户平时见到的都是MD风格的界面，突然下了一个iOS风格的应用，那么操作起来就会很不习惯，增加了学习成本。为了让产品可以适用不同平台用户的操作习惯，提供MD和iOS两套设计稿是非常有必要的。区别一：阴影 MD意味着大色块+阴影，为什么MD如此痴迷于阴影？从它的名字就可以看出来，Material Design，这里的material指的是纸张。因为来源于现实生活，所以MD非常喜欢使用真实世界元素的物理规律与空间关系来表现组件之间的层级关系。而阴影就是最常见的表现形式：</p><h2>Google的Objective-C编码规范</h2><p>Google的Objective-C编码规范总览背景知识 Objective-C是一个C语言的扩展语言，非常动态，非常的“面向对象”，它被设计成既拥有复杂的面向对象设计理念又可以轻松使用与阅读的语言，也是Mac OS X和iPhone开发的首选语言。 Cocoa是Mac OS X的主要应用框架，提供迅速开发各种功能的Mac OS X应用的Objective-C 类集合。 Apple已经有一个很好也被广泛接受的Objective-C的编程规范，Google也有类似的C++编程规范，这份Objective-C编程规范很自然是Apple和Google的共同推荐的组合。所以，在阅读本规范前，确保你已经阅读了: Apple's Cocoa Coding Guidelines Google's Open Source C++ Style Guide 注意所有已在Google的C++编程规范里的禁用条款在Objective-C里也适用，除非本文档明确指出反对意见。本文档旨在描述可供可适用于所有Mac OS X代码的Objective-C(包括Objective-C++)编码规范和实践。规范中的许多条款已经改进也不断的被其他的项目和团队所证明其指导性。Google的相关开源项目都遵守此规范。 Google已经发布了一份作为Google Toolbox for Mac project (文档中简称为GTM)的组成部分的遵守本规范的开源代码。这份开放代码也是本文很好的例证(原文看不太懂－－Code meant to be shared across different projects is a good candidate to be included in this repository. ) 注意本文不是Objective-C的教学指南，我们假设读者已经了解语言。如果你是一个Objective-C 的初学者或需要重温，请阅读The Objective-C Programming Language . 示例人们说一个例子胜过千言万语，所以就让我们用例子来让你感受以下编码规范的风格，留间距，命名等等。</p><h2>APP界面设计规范二</h2><p>一、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。</p><h2>谷歌网站优化指南</h2><p>谷歌网站优化指南集团文件版本号：（M928-T898-M248-WU2669-I2896-DQ586-M1988）</p><p>网站优化十点建议一、检查代码标准性 1、网页代码符合W3C标准，可通过网站进行检查二、提高网站反应时间和页面打开时间 1、网站反应时间平均应不超过1秒 2、页面中的各元素（图片等）文件大小应不超过50K（推荐客户进行压缩），页面打开速度应不超过8秒三、网站包含合适的多语言版本 1、标示不应该藏在菜单里面，应该设置在顶栏 2、不同语言的网页版式应该一致四、使用Google的恶意软件/代码检查工具五、URL规范化 1、使用静态链接(URL中不包含“”问号)和连字符(“-”)有利搜索引擎抓取 2、链接中应该使用相应的英文单词表示页面内容，有利于搜索引擎和用户体验六、网站整体设计六原则 1、文字：字体和大小一致性：中文用黑体和宋体，英文用Arial 2、多媒体内容都有详细的文字说明，视频不要自动播放 3、所有链接都：用下划线标明，样式统一 4、页面上最主要的主题颜色，不超过3种</p><p>5、从主页到产品描述页，不需要超过3次点击，否则网站结构需要修改的更简单 6、每个月至少更新一次网站七、清晰的网站结构和导航 1、顶栏－全局导航，清晰明确 2、侧栏－本地导航的侧栏 3、内容－使用“面包屑链接导航”，随时可以后退到上一层或更上层 4、页脚－清晰明确，可以给用户方便 5、添加网页形式的网站地图，可以有利于搜索引擎和用户找到内容八、网页内容优化五步骤 1、找到最独特的网页主题 2、用最简单的语言，将主题写下来。应该是一句话而不是几个词 3、找出该网页最主要的至少3个关键字 4、先检查网页内容是否围绕这个主题展开，是否有分段和逻辑层次内容侧栏页脚</p><h2>英文资料——谷歌眼镜UI设计规范</h2><p>谷歌眼镜UI设计规范 IFEC团队译</p><p>目录谷歌眼镜UI设计规范综述 (2) 一、设计原则 (4) 二、用户界面 (10) 2.1 时间轴 (12) 2.2 动态卡片 (19) 2.3 静态卡片 (21) 2.4 沉浸模式 (24) 2.5 菜单 (25) 2.6 输入 (27) 三、设计模式 (31) 四、视觉风格 (35) 4.1 度量和网格 (36) 4.2 图标资源 (41) 4.3 颜色 (43) 4.4 文本 (45) 4.5 信息输入 (47) 五、第三方使用Google品牌特征指南 (48) 六、最佳实践 (51) 七、说明 (57) 八、翻译说明 (58)</p><p>谷歌眼镜UI设计规范综述通过本规范，您将了解谷歌眼镜的设计指导原则、用户与谷歌眼镜的交互方式，甚至可借鉴到谷歌眼镜应用（Glassware）设计中的最佳案例。谷歌眼镜是一种完全不同的移动平台，因此，了解这些概念，可帮助您为用户提供最佳体验。设计原则针对谷歌眼镜，我们制订了一套涵盖范围广泛的设计规范，设计时应遵循这些规则。这些准则是通用的，适用于设计和开发的很多流程，所以请在整个谷歌眼镜应用（Glassware）开发流程中牢记它们。用户界面谷歌眼镜用户界面简洁而直观，但是，依然有很多新知识需要掌握。您有必要花一些时间来了解谷歌眼镜显示内容的主要方式，以及用户与谷歌眼镜的交互方式。设计模式</p><p>了解一些常见的UI模式，将其应用到您的谷歌眼镜应用（Glassware）中，给用户带来一致的体验。视觉风格谷歌眼镜具有独特的，简约的风格，让用户可以轻松地阅读，浏览所需信息。保持一致的风格，让用户可以舒适、熟悉地使用您的谷歌眼镜应用（Glassware）。最佳实践在实际设计中，不但需要掌握谷歌眼镜相关知识，而且还可以借鉴一些案例。这份清单总结了一些重要案例，让您的眼镜应用达到最好的设计品质。</p><h2>手机端软件设计规范</h2><p>一、尺寸及分辨率 iPhone界面尺寸：320*480、640*960、640*1136 iPad界面尺寸：1024*768、2048*1536 单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。 Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素 iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。 ?状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px ?导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px</p><p>?主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px ?内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px 至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。 PS：在最新的iOS7的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变，尺寸高度也还是没有变的，只不过大家在设计iOS7风格的界面的时候多多注意下~ 三、字体大小</p><p>Phone上的字体英文为：HelveticaNeue。至于中文Mac下用的是黑体，Win下则为华文黑体。下图是百度用户体验做过的一个小调查，可以看出用户可接受的文字大小。其实还有个更简单的方法就是找你觉得好的app应用，手机截图后放进PS自己比对调节字体大小咯。</p><h2>华为c 编码规范,认为比google的好一点</h2><p>（转）华为c++编码规范，认为比google的好一点–【人人分享目录1、版面... 4 2、命名... 5 3、注释... 6 4、源代码结构... 11 附录A：常见单词缩写表 (12) 1、版面【规则1-1】程序块要采用缩进风格编写，缩进的空格数为4个。【规则1-2】对齐与缩进只使用空格键，不使用TAB键。说明：以免用不同的编辑器阅读程序时，因TAB键所设置的空格数目不同而造成程序布局不整齐，不要使用会自动将8个空格变为一个TAB键的开发工具编辑代码。（可开发工具软件自动将TAB键转换为4个空格）【规则1-3】函数或过程的开始、结构的定义及循环、判断等语句中的代码都要采用缩进风格，case语句下的情况处理语句也要遵从语句缩进要求。【规则1-4】相对独立的程序块之间、变量说明之后必须加空行（一个空行即可）。【规则1-5】一行程序以小于80字符为宜，不要写得过长。【规则1-6】较长的语句（>80字符）要尽量分成多行书写，长表达式要在低优先级操作符处划分新行，操作符放在新行之首，划分出的新行要进行适当的缩进，使排版整齐，语句可读。【规则1-7】循环、判断等语句中若有较长的表达式或语句，则要进行适应的划分，长表达式要在低优先级操作符处划分新行，操作符放在新行之首。【规则1-8】若</p><p>函数或过程中的参数较长，则要进行适当的划分。【规则1-9】不允许把多个短语句写在一行中，即一行只写一条语句。【规则1-10】if、for、do、while、case、switch、default等语句自占一行，且if、for、do、while等语句的执行语句部分无论多少都要加括号{}。【规则1-11】程序块的分界符（如C/C++语言的大括号‘{’和‘}’）应各独占一行并且位于同一列，同时与引用它们的语句左对齐。在函数体的开始、类的定义、结构的定义、枚举的定义以及if、for、do、while、switch、case语句中的程序都要采用缩进方式。【规则1-12】在两个以上的关键字、变量、常量进行对等操作时，它们之间的操作符之前、之后或者前后要加空格；进行非对等操作时，如果是关系密切的立即操作符（如－>），后不应加空格。说明：采用这种松散方式编写代码的目的是使代码更加清晰。由于留空格所产生的清晰性是相对的，所以，在已经非常清晰的语句中没有必要再留空格，如果语句已足够清晰则括号内侧(即左括号后面和右括号前面)不需要加空格，多重括号间不必加空格，因为在C/C++语言中括号已经是最清晰的标志了。在长语句中，如果需要加的空格非常多，那么应该保持整体清晰，而在局部不加空格。给操作符留空格时不要连续留两个以上空格。1、逗号、分号只在后面加空格。2、比较操作符, 赋值操作符"="、"+="，算术操作符"+"、"%"，逻辑操作符"&&"、</p><h2>谷歌出品!7条超实用的虚拟现实交互式设计原则</h2><p>论在理论上，还是Cardboard Design Lab本身的体验上。首先，我们来接触其中一些基础原则：在风车脚下四下环顾时，锁定用户的视野，印证了头部追踪的重要性。 1，头部追踪如果用户在虚拟现实环境中移动头部，它应当在应用中有所反映，这是老生常谈了。“虚拟现实设计中最重要的规则，就是时刻保持头部追踪。应用中绝不能停止追踪用户的头部位置运动。即使是短暂的停顿，也会导致用户感到不适。”这项原则，还有“使用恒定的低速率”和“让用户在虚拟环境中脚踏实地”，都是虚拟现实体验中必备的基本原则。</p><p>适当制造运动体验，通过矿车移动我们可以看到正面与反面例子。 2，加速度让用户在虚拟环境中穿行是非常微妙的，因为它是人类感知空间位置的最基本方式。如果你站着不动，因为万有引力存在会导致一个加速度，这决定了你的站立方向。完全忽略加速度或明显的匀速都是不自然的。挑战在于，要么找到正确的加速度数值，或者完全用某种其他事物代替加速度的感觉。在这版Cardboard Design Lab中，我们的团队实验了83毫秒的加速度，之后大概3米每秒的匀速运动，再是266毫秒的减速。我们觉得这个方案不错，但作为Design Lab的一项原则，我们希望能从设计师群体中获得一些反馈。引爆气球时，有和没有十字星的效果差别。 3，利用十字星因为多数虚拟现实系统无法追踪眼球位置（目前如此），无法告诉应用，用户当前视线停留在哪里。所以，十字星能帮助应用标示出画面中心点。在上面的例子中，我们让用户在没有十字星的帮助下尝试引爆气球，结果他们在找到窍门之前，似乎要偏离了目标好几次。我们之前在虚拟现实中从没见过十字星的运用，但这就是个绝佳的例子，如此微不足道的东西为设计师打开了一扇大门，创造更好的体验。使用十字星的目的，是让用户轻松意识到哪些物体是可以选中的，或者在菜单中快速浏览等等。我</p><h2>app设计字体规范</h2><p>app设计字体规范篇一：APP设计规范文档 APP设计规范文档注：（*本文档分辨率大小是以安卓1920x1080为准）1. ###数值（1）*标准界边距:40PX （2）*列表左边距:40PX *列表右边距:40PX *列表上边距:40PX *列表下边距:40PX *列表左边距:40PX *列表右边距:30PX *列表上边距:30 PX *列表下边距:30PX （3）*标题字体大小: 56PX *主内容字体大小: 46PX *次级内容字体大小: 36PX</p><p>*底部导航内容字体大小: 28PX 2. ###颜色（1）*主背景色:#F3F3F3 *登录页面背景色: #FaFaFa *主前景色: 以APP主色调为准 *次级前景色:以设计效果图为准，具体到时候填上。（2）*标题颜色:#FFFFFF *主内容颜色: #333333 *次内容颜色: 以设计效果图为准，具体到时候填上。*高亮内容颜色:以设计效果图为准，具体到时候填上。（3）*列表分割线的颜色:#D9D9D9 （4）*标题字体的颜色:#545454 *主内容字体的颜色:#999999 #545454 *次级内容字体的颜色:#249FFF #DF3130 #F9A531 篇二：iOS和Android的app界面设计规范</p><p>iOS和Android的app界面设计规范字数876阅读96439评论36喜欢344 记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通 iOS篇界面尺寸设备 iPhone6 plus iPhone6 iPhone5/5s/5c iPhone4/4s iPad1/2 iPad mini 分辨率 750×1334 px 640×1136 px 640×960 px 1024×768 px 1024×768 px 状态栏高度导航栏高度标签栏高度 60px 40px 40px 40px 40px 20px 20px 132px 88px 88px 88px 88px 44px 44px 147px 98px 98px 98px 98px 49px 49px 1242×2208 px iPad3/4/Air/Air2/mini2 2048×1536 px Paste_</p><h2>手机页面IOS和安卓UI设计规范</h2><p>本文整理汇总了一些界面设计（iOS系统）中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录 o界面设计尺寸及栏高度 o边距和间距 o内容布局 o界面图片设计比例 o建立统一风格的图标 o APP版式设计规范 o界面文字设计规范 o设计适配 o切图规范 o设计稿标注一、界面设计尺寸及栏高度目前主流的iOS 设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina 视网膜屏幕，其中iPhone 6s/7/8 Plus 和iPhone X 采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。通过上面的讲解和图示我们了解了iPhone 不同设备的物理尺寸，那么他们的像素分辨率又是多少呢？也就是说我们用Photoshop 做设计新建画布应该设置多大呢？另外，iOS应用中的栏，包括状态栏、导航栏、标签栏、工具栏等，它们的高度又分别是多少呢？（注意：iOS 严格规定了各个栏的高度，这个是必须遵守的）通过下面的表格和图示来为你解答上面的问题。</p><p>注意：在进行iphone x 设计的时候我们依然可以采用熟悉的iphone 7 的设计尺寸作为模板，只是高度增加了290px，设计尺寸为750*1624（@2x）。注意状态栏的高度由原来的40px变成了88px，另外底部要预留68px的主页指示器的位置。</p><h2>google智能电视设计规范</h2><p>google智能电视设计规范篇一：智能电视十大标准智能电视智能体验“十大标准” 开机等待时间(交互体验-开机速度) 快捷是给用户的第一“利益点”。由于预装系统过多且不做优化，开机后电视运行缓慢，用户等待时间过长，影响用户体验。因此，开机时间长短是检验产品智能化的第一步。功能切换便捷度（交互体验--功能切换速度）智能电视集成了电视、视频、游戏、点播等更多任务。目前任务之间切换繁杂，用户十分苦恼。因此，“切换速度”是智能的根本，是用户内心关注的重要指标。智能应用丰富程度（内容服务-智能应用）显然，智能电视内置应用软件数量是产品智能化程度的体现。相关应用容量越多，用户得到的也就越多。直播电视体验度（内容服务-直播）智能电视必须先是一台电视。因此，直播的快捷、流畅和人性化设计是直播体验的王道。在线点播的智能程度（内容服务-点播）</p><p>在海量的视频库里点播是目前智能电视用户最常用功能。点播速度的快慢、人性化记忆程度的高度以及能否向主人智能推荐喜欢的节目是点播体验的主要表现。多任务处理程度（交互体验-多任务切换准确性）能否快捷准确地进行多任务处理，以满足用户多种任务的需求且互不耽搁，是产品智能程度的高低。产品UI设计水平（交互体验-UI） UI就是用户和工具之间的界面，是产品设计思想的体现。人机交互、操作逻辑简单、界面美观影响消费体验。媒体解码能力（内容服务-播放器能力）智能电视终究要成为客厅娱乐中心。因此，能否解码并播放家庭各种格式的视频、高清电影、U盘照片、音乐电视等十分重要。遥控器懂人性（交互体验-遥控器）智能化程度越高，遥控器越复杂，已成行业通病。因此，是否具备人机交互功能，是否大幅度做按键减法，是否手感舒适、反应灵敏，消费者越来越关注这个指标。屏幕互联互传能力（交互体验-多屏互动）</p><h2>UI设计规范</h2><p>一.APP设计规范(ios) ————设计稿一般不使用Android的尺寸（因为Android的五花八门） 1. iphone界面的设计尺寸（设计稿默认iphone6）（1）iphone6 plus设计版[iPhone7 plus]（@3x）分辨率1242x2208px ppi:401 状态栏：60px 导航栏：132px 标签栏：146px （2）iphone6 plus放大版（@3x）分辨率1125x2001px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px （3）iphone6 plus物理版（@3x）分辨率1080x1920px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px （4）iphone6 [iPhone7]（设计稿默认）（@2x）分辨率750x1334px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px （5）iphone5 - 5c -5s（@2x）分辨率640x1136px ppi326 状态栏：40px 导航栏：88px 标签栏：98px （6）iphone4 – 4s（@2x）</p><p>分辨率640x960px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px （1）iphone & ipod Touch第一、二、三代（@1x）分辨率320x480px ppi:163 状态栏：20px 导航栏：44px 标签栏：49px 2. iphone图标设计尺寸（1）iphone6 plus （@3x） App store：1024x1024px 程序应用：180x180 主屏幕：152x152 Spotlight搜索：87x87px 标签栏：75x75px 工具栏和导航栏：66x66px （2）iphone6（@2x） App store：1024x1024px 程序应用：120x120 主屏幕：152x152 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px</p><h2>SAEJ826_某H点机械和设计工具规程和规格GOOGLE</h2><p>SAE J826-2008 H点机械和设计工具规程和规格................................................................................... .................................................. 第1页_____________________________________________________________ _____________________________________________________________ ________________ SAE技术标准委员会规则规定：“这份报告是由SAE发布到推进技术科学和工程科学的状态。使用本报告是完全是自愿的，并且它的适用性和适用于任何特定用途，包括由此产生的任何专利侵权，是用户的责任。“ SAE检讨各技术报告至少每五年届时可能会重申，修订或取消。SAE 诚邀您的书面意见和建议。版权所有?2008国际汽车工程师学会保留所有权利。本出版物的任何部分进行复制，存储于检索系统或传送，以任何形式或任何方法，包括电子，机械，影印，录制或其他方式，不SAE的事先书面许可。放置一个文档顺序：联系电话：877-606-7323（内美国和加拿大）联系电话：724-776-4970（美国以外）传真：724-776-0790 电子邮件：CustomerService@https://www.wendangku.net/doc/f44350988.html, SAE的网址：https://www.wendangku.net/doc/f44350988.html,</p><p>J826 NOV2008 表面车辆标准发1962年至1911年修订2008-11取代J826 MAR2008 在定义和测量车辆座椅住宿设备的使用基本原理 2008年3月修订注册成立的检查程序，用于检查H点机（附录校准C）。它还增加了规格为头枕测量装置的安装表面。其他变化包括： -为HPM10年淘汰期 -从167到169.6磅HPM重量标准修订，以反映当前的HPM构建 -新环境湿度规格 -范围较窄的环境试验温度 -的薄纱布规格澄清 -短夫妇方法和另外的长夫妇方法附录A广泛的修订 -与SAE J1100术语一致 -社论澄清本次修订增加了对膝盖和脚踝周围的努力，附录C进行检查，也纠正了规范的错误</p><h2>Material Design设计规范学习心得</h2><p>随着Android系统从Android 4.4逐步升级到Android L。Material Design作为Android Design演进的最新标准规范，也推出其完整的设计规范。Holo Themes作为之前Android Design的官方推荐的示例主题已经被广泛应用到各个应用的设计当中，尽管绝大部分应用没有完全符合设计规范，但是可以看到这一年来这些应用都在向规范去努力。从整体的概述来看Material Design，谷歌从开篇就表达期望打造一个全新的底层设计规范，继而用这个规范去统一各平台间、各种交互间的用户体验。 Material Design的设计主要基于三个原则： Material is the metaphor 谷歌认为现实世界中的材质触感是可以通过纸片的隐喻来表达，通过在设计上运用符合运动规律的动画交互、通过光影打造设计层次的关系可以创造全新的虚拟交互空间，并且这个空间是符合现实规律的。这也就是文档中提到的对于纸墨的研究。 Bold，graphic，intentional 在视觉上，谷歌不仅要求生动形象，更要求设计时要确认设计的目的，摒弃仅仅为了美观而设计，强调视觉设计要为用户使用提供指引，凸现页面当下的核心功能。文档中谷歌提到这部分借鉴传统的印刷设计。 Motion provides meaning 交互动画的目的就是吸引用户的注意，表达当下页面发生的变化，同时和对视觉要求一样，一定要有意义。设计规范文档非常细致，就不一一展开，以下是个人在具体的章节，认为是重点的学习摘要。大家可以参考：作者的总结实用全面，建议同学们下载高清大图学习：微盘下载</p><h2>谷歌里</h2><p>谷歌里电梯大修方案现场电梯状况： 1、电梯运行有剧烈摆动，据了解电梯运行速度已由出厂设计的1.5m/s 降到1.0m/s仍不见好转。并且此种做法将导致限速器及安全钳在紧急情况下无法工作，存在严重安全隐患。 2、由于电梯运行中剧烈摆动造成轿门门刀碰撞厅门门轮导致电梯误停梯和厅门、轿门不能正常开启，已无法使用。给予以上状况我公司在贵公司组织安排下对该台电梯进行实际检查得出造成以上问题原因如下： 1、电梯导轨间距及垂直度、扭曲度严重超出设计要求.(设计规范要求：①两列导轨顶面的距离偏差，轿厢导轨为0~＋1mm，对重导轨为0~＋2mm.②毎列导轨工作面毎5m铅垂线测量值间的相对偏差，轿厢导轨±1mm，对重导轨±2mm.）实际测得两列导轨顶面的距离偏差，轿厢导轨多为±3mm，对重导轨为±5mm.②毎列导轨工作面毎5m铅垂线测量值间的相对偏差，轿厢导轨±6mm，对重导轨±8mm.） 2、轿门与层门安装不规范。(轿厢地坎与层门地坎的水平距离不得大于35mm不得小于30mm。)实际测得部分厅门地坎与厅门地坎的水平距离27mm。且层门和轿门正常运行时有脱轨现象。 3、电梯运行速度由1.5m/s 降到1.0m/s（规范：当电源为额定频率,电动机施以额定电压时，运行不得大于额定速度的105％，不宜小于额定速度的92％。）电梯运行时只有速度达到额定速度的1.125</p><p>（1.6/ms）倍时限速器及安全钳联动起保护作用。现维保单位将运行速度是额定速度的70％，在此情况下电梯运行出现速度异常限速器及安全钳将不能很好起到保护作用。从技术角度分析若有异常情况发生会造成重大安全隐患，提醒使用方应重视此问题。为使该台电梯运行舒适安全可靠我公司特制订下列施工方案。大修方案本项目为一台13层/13站载重1000KG通力电梯。项目地址:大连高新园区谷歌里小区。施工组织架构: 项目经理：段晓鹏技术负责人：姜德明现场负责人：李明旭施工人员3人文明施工： 1.施工人员代表大连中奥电梯有限公司，必须维护公司形象。施工中应认真处理好与用户的关系。遵守用户的规章管理制度，诚心诚意地倾听用户的意见和建议。 2.遵纪守法，严禁向用户提出个人经济或物质要求。 3.认真执行施工纪律和施工规范，注意安全生产，同时应作好防水、防盗、防火、防腐工作。 4.材料应堆放整齐、合理、贵重的零部件和工具应专人保管，以防损坏或丢失。</p><h2>app设计字体规范</h2><p>竭诚为您提供优质文档/双击可除app设计字体规范篇一：app设计规范文档 app设计规范文档注：（*本文档分辨率大小是以安卓1920x1080为准）1.###数值（1）*标准界边距:40px （2）*列表左边距:40px *列表右边距:40px *列表上边距:40px *列表下边距:40px *列表左边距:40px *列表右边距:30px *列表上边距:30px *列表下边距:30px （3）*标题字体大小:56px *主内容字体大小:46px *次级内容字体大小:36px *底部导航内容字体大小:28px</p><p>2.###颜色（1）*主背景色:#F3F3F3 *登录页面背景色:#FaFaFa *主前景色:以app主色调为准 *次级前景色:以设计效果图为准，具体到时候填上。（2）*标题颜色:#FFFFFF *主内容颜色:#333333 *次内容颜色:以设计效果图为准，具体到时候填上。*高亮内容颜色:以设计效果图为准，具体到时候填上。（3）*列表分割线的颜色:#d9d9d9 （4）*标题字体的颜色:#545454 *主内容字体的颜色:#999999#545454*次级内容字体的颜色:#249FFF #dF3130 #F9a531 篇二：ios和android的app界面设计规范 ios和android的app界面设计规范字数876阅读96439评论36喜欢344 记录一下ios和andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通 ios篇界面尺寸</p><p>设备 iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa dmini 分辨率750×1334px640×1136px640×960px1024×768px1024×768px 状态栏高度导航栏高度标签栏高度 60px40px40px40px40px20px20px 132px88px88px88px88px44px44px 147px98px98px98px98px49px49px 1242×2208px ipad3/4/air/air2/mini22048×1536px paste_image.png 图标尺寸设备 iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa dmini appstore程序应用主屏幕 spotlight工具栏和标签栏</p><h2>iOS界面设计尺寸规范</h2><p>iOS界面设计尺寸规范一、尺寸及分辨率 iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。 iPad界面尺寸：1024*768、2048*1536等。单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。 Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素 iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。 640*960的尺寸设计下这些元素的尺寸。 ?状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px ?导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px ?主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px ?内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px [下图说明：]</p><p>至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。 PS：在最新的iOS7的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变，尺寸高度也还是没有变的，只不过大家在设计iOS7风格的界面的时候多多注意下~ 三、字体大小 Heiti SC（黑体-简，黑体-简的英文名称为Heiti SC。Heiti为黑体的拼音，SC代表简体中文（Simplified Chinese）），是Mac OS X Snow Leopard（版本10.6）包含的简体中文字型，也是iPhone OS 3.0（版本 4.0后改名为iOS）及iPod nano第五代以来的预设简体中文字型。黑体-简系为黑体，取代华文黑体成为Mac OS X Snow Leopard的预设简体中文字型。在过去，华文黑体是Mac OS X的预设简体中文字型，因此以前并没有黑体-简。</p><h2>Android的界面设计规范</h2><p>作者：Bruce Lee 出处：https://www.wendangku.net/doc/f44350988.html,/BruceLee521 样式设备和显示器 Android有百万计的手机、平板电脑和其他设备，这些设备都有各种屏幕尺寸。利用Android 的灵活的布局系统，您可以创建小到手机大到平板的各种应用程序。变通拉伸和压缩布局，以适应不同的高度和宽度。优化布局在大型设备中有额外的屏幕空间利用。但在移动手持设备上需要创建复合的视图，结合多个视图来显示更多的内容，并且是这些视图易于导航。所有的资源提供不同的屏幕分辨率（DPI）的资源，以确保您的应用程序在任何设备上看上去都很好，比如32*32，64*64。策略那么设计这些多尺寸的屏幕，应该从哪个规格开始？一种方法是先设计标准设备的（正常大小和MDPI），然后设计向上和向下比例的尺寸。另一种方法是从最大屏幕尺寸的开始，然后缩减，并找出我们需要使在小屏幕上的折中的UI。</p><p>主题主题是Android机器应用统一样式到应用程序或活动的一。样式指定用户界面元素的视觉属性，如颜色，高度，填充和字体大小。为了促进更大的平台上的所有应用程序之间的凝聚力，Android 提供了三个系统的主题，你可以从中选择来构建应用程序：全亮主题全暗主题全亮与全暗动作条主题 Gmail是使用全亮的主题。Settings是使用全暗主题. Talk使用全亮与全暗动作条主题. 触摸反馈使用颜色和明亮来响应触摸，强化行为的手势，并表明什么样的动作是允许的什么样的是不允许的。当用户触摸可操作的区域，应用程序需要可视化的反应。这让用户知道哪些对象被触摸了，你的应用程序是“听”到触摸了。状态 Android的UI元素具有内置的触摸反馈，包括状态，用于指示触摸元素是否会产生什么反应。通讯</p></div> </div> <div> <div>相关文档</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="23534972"><a href="/topic/23534972/" target="_blank">谷歌设计规范</a></li> </ul> </div> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/1319299307.html" target="_blank">google设计规范</a></li> <li><a href="/doc/ff19234163.html" target="_blank">app尺寸规范</a></li> <li><a href="/doc/5019319256.html" target="_blank">ui设计的发展历程</a></li> <li><a href="/doc/8219157374.html" target="_blank">vi手册标准色说明</a></li> <li><a href="/doc/b819120594.html" target="_blank">google设计规范</a></li> <li><a href="/doc/4a19193218.html" target="_blank">Android应用开发中的MaterialDesign规范</a></li> <li><a href="/doc/4e19193219.html" target="_blank">angular material 项目案例</a></li> <li><a href="/doc/0719470905.html" target="_blank">iOSApp开发的基本流程与规范</a></li> <li><a href="/doc/b419120593.html" target="_blank">移动平台设计规范</a></li> <li><a href="/doc/f019234164.html" target="_blank">APP界面设计规范二(Android版)</a></li> <li><a href="/doc/7b19298491.html" target="_blank">信息化系统UI设计规范</a></li> <li><a href="/doc/a619202191.html" target="_blank">google编程规范</a></li> <li><a href="/doc/cb2392543.html" target="_blank">iOS和Android的app界面设计规范</a></li> <li><a href="/doc/3116584871.html" target="_blank">英文资料——谷歌眼镜UI设计规范</a></li> <li><a href="/doc/036662311.html" target="_blank">google adwords广告格式技术规范</a></li> <li><a href="/doc/311775614.html" target="_blank">UI必知之MD和IOS设计规范的区别</a></li> <li><a href="/doc/e81827034.html" target="_blank">iOS界面设计尺寸规范</a></li> <li><a href="/doc/794383512.html" target="_blank">手机页面IOS和安卓UI设计规范</a></li> <li><a href="/doc/ae10812665.html" target="_blank">APP界面设计规范二(Android版)</a></li> <li><a href="/doc/155278025.html" target="_blank">谷歌设计规范--博森创想分享</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "f399165f453610661fd9f428"; </script> <div class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a>  © 2013-2023 www.wendangku.net  <a href="/sitemap.html">站点地图</a> | <a href="https://m.wendangku.net">手机版</a></p> <p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>  本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p> </div> <script type="text/javascript">foot();</script> </div> </body> </html>