61阅读

集成电路的设计流程-《小小的船》课件设计思路及流程图

发布时间:2018-01-21 所属栏目:网站设计流程

一 : 《小小的船》课件设计思路及流程图

一、封面设计

(www.61k.com)

《小小的船》是北京师范大学出版社义务教育实验教科书小学一年级语文上册第10单元第1课,为便于以后使用,应该作为封面注明,并能对学生有较强的吸引力。因此采用群星闪烁的蓝色夜空作为背景,课文名伴随轻音乐逐字循环出现。

二、渲染情境、歌曲导入

1.一年级的学生对儿歌比较感兴趣,因此,用歌曲《闪闪的小星》导入让学生在优美的旋律中进入本课的学习,在群星闪烁的蓝色夜空作为背景,启发学生联系生活实际,想象在晴朗的夜空中除了有星星还有什么?看,今天,弯弯的月亮也来到了咱们的教室,多媒体出示船形月亮。

2.唱歌对于一年级学生来说是乐不知疲的事。因此,学习课文之前,先用多媒体播放儿歌《小小的船》。让学生在歌声中对课文内容有了解。

3.为了让学生对课文内容有整体认知,设计让月亮移到右上角,用于出示整篇课文。

三、自主研读,体会意境

为了使学生在快乐中完全掌握(背诵、唱熟)这首儿歌,鼓励学生用多种形式去读,“你们能读得把月亮逗笑吗?对,加上动作。”多媒体出示笑月亮,那一眨一眨的眼睛,一翘一翘的嘴巴,既活跃了课堂气氛,又使学生体验到了学习成功的快乐。“月亮笑了,好像要欢迎我们去做客,同学们想去吗?”让学生展开想象的翅膀,尽情地表达、交流。

四、自主识字、探究识字

低年级的识字教学要做到新颖有趣,在游戏中、在玩乐中识字。因此,首先要把课文中的生字凸显出来,让学生识记。为了进一步巩固识字效果设计了让生字消失→在课文外出现→可逐字移动,送字回家( “有几个同学不认真听课,生字朋友全躲起来了,咱们赶快叫他们出来好吗?”,“但是却迷路了,谁能把他们送回家?谁还能?”)这一游戏环节,增加了识字教学的趣味性。

五、深入理解、拓展延伸

为了拓展学生的想象力,最后将课文中的图片扫描下来,制作成坐月亮船去月亮上玩的动画,呼应了课文中的有关内容,为课后作业作了铺垫。

《小小的船》课件流程图

一、课件封面

群星闪烁的蓝色月空作为背景,课文名伴随《闪闪的小星》Media音乐逐字循环出现,课名上方显示教材版本、学科、年级、册数、章节、课数。

二、课件内容

1.星闪烁的蓝色星空,点击播放歌曲《闪闪的小星》

2.点击按钮出现月亮

3.点击按钮播放歌曲《小小的船》

4.点击按钮月亮移到右上角

5.点击按钮显示课文内容

6.制作笑月亮的动画,插入轻音乐,点击按钮运行

7.点击按钮凸显六个识写生字

8.点击按钮生字消失

9.点击按钮生字出现在课文下方

10.使每个生字可逐字拖放

11.点击按钮群星闪烁的月空,扫描坐月亮船图片从左下方飞向右上方消失,同时,月亮“说”“同学们再见”并显示制作人相关信息。

附:(点击浏览)

→《小小的船》教学案例

→FLASH课件:小小的船

扩展:小小的船课件 / 小小的船ppt课件 / 小小的船音乐课件

二 : photoshop中设计ios的流程诀窍

在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。
1.保持尺寸为偶数
你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧?为了在标准分辨率下像素仍然保持完美的呈现,你需要保证大小和距离为偶数。具体的做法便是:基于2ps的网格设计。在编辑(Edit)〉首选项(Preference)〉参考线、网格和切片(Cuides,Grids&Slices)。更改网格线间隔(Gridline)和子网格(Subdivisions)来是使得网格间隔线为2px。例如:设置网格线间隔为64px,子网格为32。
photoshop中设计ios的流程诀窍
2.混合模式只使用正常模式
在设置直接处于其他元素上面的图层效果时,混合模式只使用正常(例如:在混合选项中投影和外发光)。使用其他的混合模式或许在Photoshop中看起来很好,但是也可能会在在保存为PNG格式之后出现不良的效果。
photoshop中设计ios的流程诀窍
3.更方便的改变渐变颜色
想要更改渐变按钮的色调(色相),而不必每次都去改变渐变的起始颜色值?下面介绍两个方法,均可达到完全一样的效果。
方法1:在渐变图层混合选项中使用颜色叠加
photoshop中设计ios的流程诀窍
方法2:在纯色图层使用渐变叠加
photoshop中设计ios的流程诀窍
译者注:上述使用了矢量蒙版,其实使用剪切蒙版也可达到相应的效果,个人认为还简单点。
4.更多的使用径向渐变
在导航条上叠加径向渐变层,让导航栏变得更为有趣。
方法1:径向渐变工具
photoshop中设计ios的流程诀窍
方法2:斜面和浮雕
同样也可以使用图层混合选项中的斜面和浮雕。可以按下图所示来设置。通过调整设置来达到你想要的效果。通常调整的越为精妙效果也越为好看。
photoshop中设计ios的流程诀窍
5.更多的使用阴影变形
Photoshop中阴影(任何的其他图层效果)和它对应图层可以分开。这样便可****操作阴影。
photoshop中设计ios的流程诀窍
photoshop中设计ios的流程诀窍
photoshop中设计ios的流程诀窍
6.使用内发光更容易的增加精细的纹理
像下图所示通过内发光快速的增加纹理。
photoshop中设计ios的流程诀窍
7.隐藏路径
Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。你和使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。
photoshop中设计ios的流程诀窍
8.使用对齐像素网格来使形状像素完美
这算是cs6中最好的改进之一了。按Ctrl + K 打开首选选面板选择将矢量工具与变换与像素网格对其(Snap Vector Tools and Transforms to Pixel Grid)勾选。在cs5中只有形状(没有变换)与像素网格对齐。像下图示在首选项〉常规中勾选最下面一项。
photoshop中设计ios的流程诀窍
photoshop中设计ios的流程诀窍
cs5中只有形状对齐
9.使用电子表格来计算缩略图的尺寸
想要创建一个iPad app来展示大量的缩略图?使用电子表格来计算缩略图的尺寸和之间的尺寸。电子表格实时的计算并展示了在改变一个尺寸之后对其他元素的影响以及它们是否适用于屏幕。下载(iPad-Grid-Calculator)我在创建iPad app使用创建的微软Excel 表格(文件中包含了4个表格,6×6, 5×5, 4×4 和3×3)。
photoshop中设计ios的流程诀窍
10.自动导出资源文件
如果你必须创建图片资源,选择文件(File)〉脚本(Script)〉将图层导出到文件(Export Layers to Files)。
11.图层复制的时避免给图层名添加后缀同时避免图层效果得到扩张
对每次复制图层都在图层名称后面添加“副本(copy)”的字眼很是恼火?同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?可以图层面板选项中将两者关闭。
photoshop中设计ios的流程诀窍
12.以15°的步长旋转
在自由旋转的时候,可以按住Shift以15°的倍数旋转。
13.保存样式
保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦。
14.在打开的两个文件之间移动图层
按下V选择移动工具〉选中想要移动的图层〉在当前文件内(不是图层面板)左击不松开〉拖动光标到目标文件的名称标签上〉当文件切换之后将光标拖动到文件内,然后松开鼠标。
photoshop中设计ios的流程诀窍
15.设置全局光为90°
当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光。或者选择图层〉图层样式〉使用全局光。
photoshop中设计ios的流程诀窍
16.在你创建图层的时候你便对它进行命名
在将设计文档发给开发人员之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。
17.使用自定义快捷键
注意哪些工具和任务是你最常用到的,为它们创建快捷键。例如,如果你发现将一个文件发送给开发人员处理的时候你需要重命名大量的图层,我使用功能键F2作为快捷键。
18.使用径向渐变
使用径向渐变有时候会看起来有点扁平。试试用径向渐变作为背景,还可以用内发光来强调。
photoshop中设计ios的流程诀窍
19.努力做到非破坏的编辑
通过使用智能对象和调整图层来做到一个非破坏性的工作流程。当你发发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。
20.在对文件作重大改变之前备份文件
当你发现保存了自己不想要的变化,或者在撤销更改之前意外地关闭了文件(译者注:这样会导致丢失历史记录),备份文件会大大减少你的痛苦。
21.使用快捷键给形状图层和文本填色
你可能知道使用Alt/Ctrl + Delete 给图层或者选区填充前景色/背景色。它同样适用于形状图层和文本。
22.Photoshop的怪异之处——投影和内阴影尺寸
还记得诀窍1中关于保证尺寸和图层效果为偶数像素吗?你或许在对所有的都设置了偶数之后,仍然迷惑于为什么按钮的高度仍然是奇数。罪魁祸首便是 Photoshop的怪异之处,投影增加了尺寸。投影的大小(size)值设置为1px或者2px,投影将会产生同样的尺寸,如下图所示。
photoshop中设计ios的流程诀窍
photoshop中设计ios的流程诀窍
23.使用智能参考线来进行更为完美的对齐
来让Photoshop对你的元素进行智能对齐。在视图(View)〉显示(Show)〉智能参考线(Smart Guides)处打开。一旦你使用过智能参考线,你会再也离不开它了。
photoshop中设计ios的流程诀窍
24.使用图层复合在同一文件中展示不同的显示屏
你是将app的所有屏幕都创建在一个PSD中然后对图层可视进行打开和关闭来查看?此时图层复合(Layer Comps)就可帮助解决这个问题。勾选窗口(Window)〉图层复合(Layer Comps)即可打开图层复合面板。在你新建app屏幕的时候你可以通过单击面板底部创建新的图层复合按钮来创建一个新的图层复合。这个图层复合面板包含了所有图层的可见性和位置作为一个屏幕(译者注:可以理解为一个快照)。现在你便可以在同样的图层上更改其可见性和位置来作为下一个屏幕并把它保存为另一个图层复合。
通过使用同样的工具去创建不同的屏幕,这样就保证了文件数量和大小达到了最小。并且,你和开发人员可以简单的通过单击图层复合名称前面的小盒子或者点击面板底部的往前/往后箭头来循环切换图层复合来展示不同的屏幕。
photoshop中设计ios的流程诀窍
25.在设备上预览你的设计
你的设计桌面设备上看起来很好,但是当你放到真正的设备上或许会暴漏问题,因此,保证经常的在显示器上预览你的设计。对Mac来说有像 LiveView、Scala Preview等工具,对Windows来则有WiFileSync和Photoshop Display。我使用免费的Polkast,它允许你在IOS设备上通过wifi预览你桌面设备上的文件。
26.保持icon设计的一致性
在icon的选用上要保证其大小和风格一致。可以阅读Why consistency is important这篇文章。
photoshop中设计ios的流程诀窍
27.给客户发送全尺寸的预览图
客户许愿在他们的设备上常看设计。因此,可以考虑给他们一个全尺寸的PNG设计组合。
28.避免过于像素完美的线框图
不要在线框图软件上浪费时间去创建一个漂亮的线框图。我发现客户一旦理解这会节省时间他们便更倾向于审查草图而不是漂亮的线框图。向客户解释为什么减少线框图会节省项目的整体时间,他们一旦同意便发给他们草图的照片。同时别忘了让草图尽量易读。
29.首先设计Retina屏然后再缩小到标准尺寸
是从1x(译者注:指设备像素比)放大到2x的顺序还是2x缩小到1x现在仍有争论。1x大小尺寸的手机将会在未来几年逐渐淘汰并且将来只会剩下Retina屏的。因此最好是从Retina屏来开始设计,同时你可以早早的便在你的设计中添加针对Retina屏的特殊细节。
30.创建一个icon库
任何时候你针对工具栏或者标签栏创建了矢量的icon,保存一份icon(保存完好无损的尺寸以便于编辑)到单独的PSD文件中,这样,你便不必下次再使用这些icon时到处寻找了,这样也就形成了我ikonic项目的基础。
31.使用一个批量重命名的软件
使用批量重命名软件来给文件增加或者移除@2x。我使用免费的Bulk Rename Utility。

三 : 实用:易拉宝设计的流程和思路

这篇文章像61阅读的设计学习者们分享一下易拉宝设计的流程和思路,挺实用的,推荐一下和61阅读的朋友们一起分享,一起学习,我们先来看看最终的效果图吧:

教程结束,以上就是易拉宝设计的流程和思路过程分享,怎么样,大家学习了吗?希望能对大家有所帮助!

四 : 精彩的节日壁纸设计流程

腾讯游戏logo演绎的节日贴图延伸到了手机壁纸上了,这是协会为大伙精心准备的手心画展,“啪啪啪…”谢谢大伙的热烈掌声……

回首2013,虽有八戒黄浦江上飘,H7N9型禽流感爆发雅安地震等灾难发生,但我国人民还是坚强的挺过来了,神十还是飞天了,反腐也开搞得欢…终归算个好事井喷年,经过了2012“末世重生”后,协会决定给节日贴图带来更多的正能量。游戏人生,娱人自娱。

说起13年的壁纸,在此纯展示多少有点王婆卖瓜,趁着心情大好,碎碎念几个节日壁纸背后的创作手法,大伙若感兴趣,可齐齐画壁纸。

1.乾坤大挪移——国庆壁纸

国庆节的壁纸需求,交到协会的美术家手上时,他闭目沉思片刻,然后脑瓜中迸射出各种英雄纪念碑屹立红旗飘飘白鸽展翅红绸缭绕长城蜿蜒天安门太阳升等 辉煌的景象。正准备动笔运功,却又回想咱射鸡师身份,怎样能与大家想的不一样一点呢(射鸡师颇爱纠结这个不是吗?),然后又蛋碎的回炉造难题,内心琢磨 着:此乃国家庆典,但对我等平民,那还是能放个长假到处哈皮(顺带庆祝祖国成立的)不是吗?如何能在画面上体现接地气游戏感,轻松的述说国家庆典这样的正 经事呢?

说时迟那时快,乾坤大挪移!用烂的经典红可以再用,用烂的国旗元素也可以再来,将其和大伙过十一长假的惬意快活心情大挪移一下吧。

—–发功!——

 精彩的节日壁纸设计流程

将国庆的标志性元素作为点子延伸,五星一家子欢乐出游的想法,可行!

 精彩的节日壁纸设计流程

发功难度:★★☆☆☆

运用频率:★★★☆☆

2.时空穿越术——万圣节壁纸

虽然大多数人对这熊孩子疯了似的穿着奇装异服乱敲陌生人家的门还敢不给糖就耍赖的奇怪节日并没有很热衷的地方。但一如既往的坐在办公桌旁干着昨天就 知道要干的事情时,知道万圣节来了,藏心底的那丁点童真感还是悄然萌生的。咱美术家是如何抓住这丁点童真,展开画面构思的呢?独门穿越术,出创意必备良 药。

—–发功!—–

万圣节可爱的各种调皮小鬼头,四处捣乱。这不刚被抓住了吗?你能认出哪只罪犯小鬼给你找茬了吗?借犯罪被抓拍照的场景来比喻可爱小鬼们四处捣蛋的不乖行径,露出作者独特的冷幽默。

沿用常规的节日元素但不用常规的节日场景来创作,赋予其新的小概念,是不是新鲜又有趣呢~

(那只望穿秋水的独眼怪忒让人喜欢了)

 精彩的节日壁纸设计流程

心法难度:★★★☆☆

运用场合:★★★☆☆

3.神抓手——圣诞壁纸

圣诞年年有,今年的,也不见得有如何之奇特。咱在一如既往的水泥路上假装踏着圣诞宁静的钟声,把路边单车铃比拟成圣诞老人和鹿车的清脆铃铛。这是个 好借口可以疯狂购物,可以友人齐聚K歌狂欢,可以暧昧对象互赠礼物深夜缠绵,可以挂个袜子向父母索求礼物。。。所以我还是一如既往喜欢圣诞。圣诞的画面表 现方式太多,多少有点选择恐惧,暂时性脑子停转时又要找到创意落脚点,就需要点创意筛选手法,这里神抓手心法甚是有用!

——发功!——

 精彩的节日壁纸设计流程

google图片→筛选一批觉得可取的圣诞元素→完事开抓!

那张蠢蠢的鹿头照片,你们找到了吗?一下就牵动了美术家纯洁的内心:红鼻子鲁道夫的故事时时刻刻散播着正能量,在那寒冷冬日,咱或许需要张有故事的 壁纸,来暖暖那冰冷的左手(你习惯右手抓手机右手也行)。就这样,美术家任性地选了那个红鼻子作为元素,绘制了这只纯洁可爱的鲁道夫。

 精彩的节日壁纸设计流程

发功难度:★☆☆☆☆

运用场合:★★★★☆

4.小知识科普法——端午节壁纸

端午节来临,毋庸置疑,粽子是最好的象征物了。我爱吃粽子!

如何让这平常的粽子演绎出独特的画面呢。美术家凝神坐定,用固有的节日印象去创作出来的必定千篇一律了,如何作出新意?不如从节日的详细来源下手!看这架势,是要搞小知识科普法!

—–发功!—–

 精彩的节日壁纸设计流程

你知道吗,古人端午吃粽时,有比较各人解下粽叶的长度,长者为胜的游戏,故又有“解粽节”之称(长知识了)。美术家以这个有趣又有典故的比赛作为切入点,把可爱的粽子们演变成比赛夺冠的场面,细致有爱且带故事感!!教我如何忍心把他们扒光衣服吃掉呢??

 精彩的节日壁纸设计流程

发功难度:★★☆☆☆

运用场合:★★★★★

写到这里,踢鸡游戏节日壁纸创作的几个独门心法相信各位经已有所了解,精髓还在于多多尝试并以此为乐,娱人自娱。大伙若是欢喜,请收听TGideas微信公众号,后续更多的秀逗壁纸及各种独门心法展示给大伙!

2013其他节日壁纸一览

母亲节

 精彩的节日壁纸设计流程

父亲节

 精彩的节日壁纸设计流程

七夕

 精彩的节日壁纸设计流程

在崭新的2014年,我们借着微信公众平台的春风将精心绘制的插画壁纸更便捷的送到了大家的手心,更有超过60款的节日壁纸正在马不停蹄的诞生,如 果你想要第一时间获得新鲜出炉的趣味壁纸(随机结合互娱的游戏产品或角色哦~)

五 : 实战经验!聊聊全链路设计和传统设计的流程差异

  企业怎么做品牌推广 七夕来了好推有礼!

  最近所谓「全链路设计师」的话题很火。不过坦白来说,在我的认知里全链路早就不是什么新鲜的概念了,而且也并非什么岗位头衔(和全栈、什么都能干一点的定义是两码事),更接近于一种设计思维与方法。全链路设计也不是适用于所有业务的,对于贯穿线上线下、涉及到的角色和接触点多的场景,它可以发挥的空间更大;而对于纯线上、用户单一、接触点少的场景,则并没有什么明显优势,不适合盲目进行套用。

  笔者这段时间以来刚好参与过一些适合应用全链路设计的业务(LBS、票务、旅游……),学习使用了一些相关的服务设计方法,也在过程中感受到了和传统设计流程的种种差异,所以想借此文谈谈,我所理解的全链路设计究竟是怎么样的。

  接触的需求更加「原始」

  在需求阶段,我们比较传统的一种流程,是被动从产品经理处接受已被加工为具体方案的需求,对需求产生的背景并没有什么深刻的接触和理解。而在进行全链路设计的业务场景中,业务方不会直接给你一个加工好的答案,甚至他们自己都没想清楚问题出在哪里、应该如何解决,而更多是带着一个提升某业务指标的原始诉求或一堆零散的原始用户反馈来找你;至于怎么从中引导对方发现问题、分析问题、归纳机会点、输出能帮助达到商业目标的产品设计方案、甚至协调推动落地,都需要设计师作为 Owner 去思考和负责。

  如果说传统流程中我们需要从产品给的方案里对需求进行逆向推理还原的话,全链路设计流程里,则是一开始就要自己从「混沌状态」里抽丝剥茧,驱动对方一起思考和找到答案。这个过程中有很多方法可以帮助我们,比如对方提过来的是提升转化率一类业务指标,可以使用用户行为漏斗分析看各个阶段的数据流失情况,找到问题集中在哪;又比如对方给了一堆原始用户反馈,可以用 Service Blueprint、Task Grid 等方法分阶段归类问题,用 5 Why 分析法层层推导问题本质、还原问题场景,进而找到解决问题的思路,等等。除此之外,亲身去线下场景实地体验走查、拍照记录,把自己深度代入用户视角去感受问题、发现机会点也很重要。

  

 

  

 

  设计的对象更加多元

  之前提到全链路设计更适用于贯穿线上线下、涉及到的角色和接触点多的场景,而这也意味着我们设计的对象会变得更加多元化,不只是前台的数字产品界面,也包括整体服务流程、线下实体物料、后台配置方式等,这样才能给用户一个更加完整而非割裂的整体体验。

  再换一个角度,即使出于一些限制我们不能直接去改变一些流程和触点的设计方式,在前期阶段将他们考虑进来也没什么坏处,一些在这些触点上可能遇到的问题,也可以通过我们能控制的数字产品界面设计来提供解决方案。比如线下地标不明显导致迷路的问题,除了对地标本身作出改进外,也可以用线上导航/AR导航等方式来解决;又比如各种延误、排队的等待类问题,可以通过提前预警通知、备案建议、提供打发时间的互动方式来给用户更好的终端体验。

  连点成线构建成闭环

  在考虑服务流程中多个角色的诉求时,如果只是孤立地围绕每一个角色去思考,那和传统的以用户为中心的设计思维并没有什么区别;而我理解的全链路思维还应该在这个基础上更进一步,将不同角色的诉求连接、整合起来考虑,设计出合理进行资源分配,最大化各方综合利益的方案。

  拿之前参与过的一个票务场景举例,人们来票务平台咨询的目的各不相同,有人想买到心仪演出的票,有人临时去不了想退票,如果只是孤立地考虑流程,很容易被平台本身的一些规则(票量有限,一经售出概不退换等)所限制死,而如果将两者的诉求整合起来,建立有平台保障的二手交易资讯闭环,则可以实现更加合理的资源分配,让多方都感到更满意。

  除了角色闭环之外,还有用户使用产品本身的闭环,设计师考虑的不应只是某个具体页面布局或者组件的设计,还包括用户怎么产生动机、形成接触、深入使用、建立忠诚度、主动扩散与传播等,这一点对于角色和接触点少的纯线上场景也一样适用。

  提案落地的跟踪推进

  交互设计师考虑问题会有尽可能完整周到的习惯,但实际可以落地的方案,因为资源和时间限制,往往很难还原到我们基于机会点提出的概念设计的方方面面,而只能从其中的几个点优先切入。

  这也就需要我们在提出解决方案的同时,对解决方案背后的问题影响面有清晰认知,知道什么是高频场」、什么是长尾场景,和利益相关方一起进行优先级拆解,梳理迭代节奏计划表,必要时准备合适的过渡期 MVP (最小化可行性)方案,进而推动其更好地落地,并在解决方案上线之后进行数据反馈追踪,发现问题及时分析和推动迭代改进等。

本文标题:集成电路的设计流程-《小小的船》课件设计思路及流程图
本文地址: http://www.61k.com/1122636.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1