从大屏幕到小屏幕迁移的三种设计方案Word文档下载推荐.docx

从大屏幕到小屏幕迁移的三种设计方案Word文档下载推荐.docx

《从大屏幕到小屏幕迁移的三种设计方案Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《从大屏幕到小屏幕迁移的三种设计方案Word文档下载推荐.docx（8页珍藏版）》请在冰豆网上搜索。

这是elya自己的网站，如何将它转化为一种线性的形式呢？

一种有效的方法，就是将主要的导航栏移至页面的顶部，然后在下方，按照区块的重要程度依次排列起来，文章以标题显示，导航可以反复出现，让用户可以在页面的任何位置都能方便的调整，页面太长也可以在页尾设置一个返回顶端的按钮。

比如我们按照图1-2的形式

图1-2

按照1、2、3、4、5的重要层级把web网站纵向排列成一个竖条，就成了wap网站，如图1-3：

图1-3

有很多浏览器是能够自动做出这种转换的，比如Oprea浏览器，它能自动的将web内容呈现形式转化为线性的。

然而这种自适应远不能替代你的设计工作。

二.第二种手风琴式

线性视图是能够解决一个信息排列的问题，但是无法解决大量的信息堆积在一个小屏幕上，用户怎样才能获得网站的全貌这个问题。

为了减少冗余的信息，我们需要学会利用归纳或隐藏内容的技术，或者说是利用摘要。

用户首先看到的仅仅是一个简单的摘要，但是可以随着层层展开，可以看到更多更详细的信息。

最理想的状态是，当用户将内容展开以后，展开的内容可以沿着垂直轴收缩。

正如传说中的“手风琴摘要（accondionsummarization）”的浏览方法，就像手风琴一样，它可以让内容展开或者收缩以便看到更详细或更摘要的内容。

如果你想通过摘要的形式，把web网站转换成wap，可以采用很多种方法，比如MobileInteractionDesign中提到的：

∙递增的——一开始只显示文本的第一行，随后显示前三行，最后显示整个文本

∙关键词——首先自动显示从文本中提取的关键词，然后显示前三行，最后显示整个文档

∙概要——一开始显示最重要的句子，在第二次点击后会显示出全文内容

∙关键词/概要——综合了关键词和概要的方法，先显示出关键词，然后是关键句子，再点击一次会显示全文内容

举个简单的例子，如图2-1，就是把图1-3的elya.cc的wap网页做了缩略处理。

图2-1

三.第三种棋盘式

第三种方法则比较艺术，我们都知道，用户的空间记忆能力远比文字记忆能力强的多得多，也就是说网站的大概布局，那部分是什么内容，用户基本上是知道呢，那么如果想让用户在进入页面后仍然保存着对全局的感知，同时能缩放局部达到浏览细节的效果，岂不是很好呢？

这里有两种方法，第一种是局部点击缩放法：

比如我们仍然用elya.cc的页面举例，见图3-1：

图3-1

这个方法是加载了页面全局之后，点击局部放大成右侧的详细内容。

当然这对没有使用过web而直接使用wap的人来说可能会造成一定的负担，因为小屏幕确实无法看清详细的文字。

第二种是九宫格法：

具体的例子不详述了，可以借鉴Facebook客户端和Opera浏览器的样式和思想，不多说，见图3-2：

图3-2

以上是最近的一些收获和思考，还没有具体实践到操作层面，总结如下，大屏幕到小屏幕的迁移方法主要有如下三个：

如果有不符合实践层面的地方，还请大家批评指正，希望积累更多实战经验，分享更多设计心得体会。

下面红色字体为赠送的个人总结模板，不需要的朋友下载后可以编辑删除！

！

xx年电气工程师个人年终总结模板

根据防止人身事故和电气误操作事故专项整治工作要求，我班针对现阶段安全生产工作的特点和重点，为进一步加强落实安全工作，特制定了防止人身事故和防电气误操作事故的（两防）实施细则。

把预防人身、电网、设备事故作为重点安全工作来抓，检查贯彻落实南方电网安全生产“三大规定”情况，检查（两防）执行情况，及时发现和解决存在的问题，提高防人身事故和防电气误操作事故的处理能力，从源头上预防和阻止事故的发生，使安全管理工作关口前移，从而实现“保人身、保电网、保设备”安全生产目标收到一定的效果。

通过前段的检查和整改工作，现将我班到现时为止在此方面的情况总结如下

一、在防止人身事故方面（重点防范高处坠落事故）

在运行维护、施工作业过程中的防触电、防高空坠落事故。

我班通过对每周的安全会议和工作负责人对现场高处作业管理的检查，使得安全防范思想、工作、监督到位;

使安全工作责任、措施及整改落实，从而安全工作得到保证。

1、作业前的准备工作和控制措施工作。

包括高空作业现场查勘，使工作人员对该任务的危险点（安全措施卡）有清晰、准确、全面的认识，采取相应的控制和安全措施，并正确派选合适胜任的工作负责人和工作班成员。

2、在开工前，工作负责人向作业人员交待工作内容、安全注意事项及该作业的危险点。

作业过程中明确监护人员，监护人实时监控高处作业人员动向，及时提醒和纠正作业中的不安全行为，使安全措施不折不扣地落实和执行到位。

3、认真落实高处作业人员的安全保护措施。

配备可靠的（按规定期限内检验合格的）安全工器具，如安全带（绳）、升降板、脚扣、竹（木）梯等，并能够正确使用此类工器具。

4、在高空作业的工作全过程中，强调工作人员自始至终确保自身安全行为：

△定期对登高工具和安全工器具（安全带、安全绳、脚扣、升降板、竹木梯子等）进行试验，试验或外观检查不及格的立即报废，严禁留作备用。

△必须系好安全带（绳），安全带（绳）必须栓在上方牢固的构件上，不得低挂高用，工作过程中要随时检查安全带（绳）是否栓牢。

△上杆前先检查杆塔及拉线情况和登杆工具，确保该设施安全性和可靠性，使用脚扣时，安全带必须系圈在杆上;

上下杆时，必须使用防堕落装置或有具体防止堕落的安全措施，以防失去保护。

安全带必须栓在的构件上，不得随意解除。

△高处作业在转移作业位置时，手扶的构件必须牢固，不得失去保护。

需要沿着水平梁、斜柱、水平管或暂无防护栏杆、没可靠的扶持物帮助保持平衡时，必须使用水平安全绳。

在无任何保护的情况下，绝对禁止沿单梁或管道上行走的行为。

△高处作业人员的施工工具必须使用工具袋装备，禁止使用容易造成工具掉落的简易皮套;

上下传递物件时，必须用绳索吊送，严禁抛掷。

△严禁利用绳索或拉绳上下杆塔或顺杆下滑和在间隔大的构架转移作业位置时，不得沿单根构件上爬或下滑。

5、认真执行“两票”制度，防止误触电、感应电伤人的高空堕落事故。

二、在防电气误操作方面

在培训方面，组织了二次工作人员在配变站现场作防误操作演练，并使用录音记录。

使全体工作人员对防误操作的认识，意识到预防人身、电网、设备安全事故的重要性。

（1）认真组织查找在安全生产管理上存在的薄弱环节，特别是施工、维护班组和人员在严格遵守规章制度、严格执行“两票三制”和防电气误操作事故等方面存在的问题，制定和落实有效的整改和防范措施。

（2）加强安全管理，在执行规程、规定和制度上决不含糊。

严格执行“两票三制”，严格按照安全操作规程办事。

（3）通过每周的安全活动日，认真学习事故通报、快报和相关规程、规定，结合本班实际开展讨论，吸取事故教训，使“防误”工作深入人心。

（4）作业前的准备工作和控制措施工作。

认真正确填写操作项目和程序，不漏项。

（5）操作时认真履行唱票、复诵制，确认无误后再进行操作，并由监护人监护操作，同时录音操作过程。

（6）拉、合刀闸（跌落式熔断器）时，应先将线路转为空载状态，防止带负荷拉、合线路刀闸。

（7）开关检修时，应切断柜内二次控制电源的柜内照明电源以防止误合开关和触电;

操作低压开关（刀闸）前，应检查开关是否正常并做相关防护措施，操作时不要面对开关，防止电弧烧伤工作人员。

1.杂志中上色遇到的疑问：

为什么我们的美编在绘制杂志中一些插图时选用灰暗的色调，而不是用艳丽的色彩?

很多家长主观的认为孩子喜欢颜色艳丽的颜色，但是在生活中没有一个孩子会主动去选择艳丽到夸张的衣服，插图也一样。

中国的传统的水墨画就是一个很好的例子，国画中用色很少，用的最多的就是“墨色”，国画中“墨”与“色”是相通，而墨分五色（其实不止），表现中即有墨的浓淡层次，又有色的联想感受，从而达到无色似有色的境界使整幅画看起来一点都不单调灰暗。

当然杂志的插图也不能像马路一样一直是一个色调，明快的色彩也是必不可少的。

总之，对于插图来说，不一定就非得用丰富的色彩，只要能充分表达文字的内容就可以。

即使是单纯的黑色、褐色也能出色地描绘出文字的内在世界。

孩子同样能丛这些画面中充分了解故事，想象他自己理解出的色彩世界。

这也是插图要给人留一些想象空间的原因。

美学大师朱光潜说过：

“美术作品之所以美，不是只是在表现的一部分，尤其是美在未表现而含蓄无穷的一大部分，这就是所谓的无言之美。

”

什么样的故事应该配什么样的色彩呢?

抒情类的文字配合传统的中国画或梦幻的画面或颜色明度对比属于弱对比的就能产生很好的呼应效果，将读者吸引到安静的故事中去。

奇幻神秘的文字配合厚重冷峻的颜色和与颜色相配的绘画风格（如;

写实风格和版画效果）能加强奇幻神秘的气氛。

幽默荒诞类的文字配合轻松的绘画技法和颜色明快，纯度对比强烈的风格就能和文字相得益彰。

2.插图的形式和技法太多了，到底那种更好，或是杂志的美术编辑究竟该用什么样的插图来传达文章的深层内容?

在看到一篇文章时，理解文章的内容，并明白作者想告诉读者的是什么?

也许是告诉你一个生活态度或一个学习方法，也许是一个人生哲理……找到文章的中心思想，用孩子的视角思考，再配出贴近孩子生活世界的插图。

如果一个插图只是表现文章中的一段文字和一个场景，那要想用图来打动读者，那是很难的。

好插图除了能用视觉语言来烘托文字的不足之处外，还能和文字一起在读者的脑中升华。

插图在兼顾了以上的这些要求后，出现的画面就是出色的传达了文字的深层内容了。

3.在版式流程中编辑在遇到插图和文字的不和-谐组合时应该怎样去调整?

在工作中我们也许都会遇到杂志在版式流程中，有些版面不和-谐或插图和文字的同时产生阅读障碍的问题发生。

a.图和文字的组合让阅读有了困难，也就是在文字下面的图的色彩或纹理影响文字的清晰度。

出现这种问题需要调整插图，插图的纹理太重的减少纹理或做模糊处理，底色太鲜艳的降低色彩饱和度并加重文字颜色。

如果在做了这些努力后，仍然有阅读的困难，干脆去掉文字下面的背景插图。

（8）配电站停电时，必须检查确认进线柜电缆头不带电（检查带电显示器）才能合上进线柜接地刀闸，配电站送电时，应先检查进线柜地刀是否拉开，防止带地刀送电。

没有地刀的进线柜，严禁私自解锁，防止误入带电间隔。