UI网页设计实习报告
时间：2020-11-11 08:38:09 来源：柠檬阅读网 本文已影响 人 
UI网页设计实习报告
实习可以增加自己找工作的竞争优势，实习也是一种工作的经历和经验，当别人面试问你有没有工作经验时，绝大部分刚毕业的大学生都是没有工作经验的，但是实习就是你的工作经验和经历，所以实习会在找工作时有很大的竞争优势。下面是中国给大家带来的UI网页设计实习报告，欢迎阅读。
UI网页设计实习报告【1】
在暑假即将来临的时候，突然得到焦老师举办暑期UI设计强化夏令营的消息。思虑再三，带着疑问和不安，我报名了参加暑期UI设计强化夏令营。
由于报名了夏令营，所以原本在暑假中的一些计划也打乱了。而或许是因为顾虑，或许是因为不相信，在夏令营开展之前，我特意跑去了深圳一趟。从广州到惠州再到深圳，走了十几天，去了数个已经参加工作的朋友。这些朋友有一部分是去年从我们学院毕业的毕业生，也有早工作了几年的大学生。有的从事着和我们专业差不多的工作，也有的从事着其他的行业。和他们聊了很多，一些学长学姐也对我说了很多。在交谈中，联系这一路上我个人的所见所闻，我收获很多，感受也颇深。
其实很多的话语以前也听过，但是那个时候却没有放在心上，或许是放在了心上却又不能体会。
在安静的校园里面，我们永远体会不到外面的热闹;在和谐的校园里面，我们永远感受不到外面的竞争;在温室的校园里面，我们永远见识不到外面的狂风暴雨!
经过十几天在外面的走动，我摆好了自己心态回到了学校。八月十号，开始了暑假UI设计夏令营第一天的培训。
一个月后，第一次暑假UI夏令营终于结束了。这段时间、这个过程，让我从陌生到了解，从无从下手到有步有骤。
培训的第一天，看张那一张复杂的图片，看张那一套英文版的软件，我苦笑不已。结果一天下来，一张图做了不到五分之一。
接下来一段时间，通过焦老师的讲解，我及时的完成了这张图的临摹。
之后的一段时间，我继续着临摹。通过这几天的临摹，在结合老师讲解的东西，我慢慢的掌握了一些技巧，对英文版的软件也能够更好的操作了。
在经过几天的临摹之后，我们的不足也暴露出来了。那就是--基础不牢。于是，老师安排了我们进行手绘练习。
几天的手绘练习让我痛苦不堪，但是却让我在之后的实图临摹中起了很大作用。因为在以后的临摹中，我学会了思考，不再是拿着一张图就不想事情的埋头就做。而且通过手绘之后，我的眼界也有了很大的提高，能够很分辨出别人的作品的好与坏，自己的作品和别人作品中的差距了。
手绘是基础的基础，更是创作、发展的基甸。
通过一个月的学习，我发现我喜欢上了UI。而也因为这一个月的学习，让我更加了解了UI。UI是一个新的蛋糕，我很高兴我走向了分享这个蛋糕的第一步。在这里我要感谢学校给了我们一个这样的资源，感谢对我们指导的黄丽老师、赵敏老师，更要感谢一直陪着我们并给了我们一个学习机会的焦老师。还要感谢一直关注着我们的徐老师和李老师!
UI网页设计实习报告【2】
郑州轻工业学院实训报告
实训名称：姓名：宋得洋院(系)：
专业班级：指导教师：徐洁赵晓君成绩：
时间：xx年12月24日至xx年1月4日
实训报告
实训内容：
第一周的时候老师对我们以往学习的知识进行了详细的了解，对我们以前学习不到的知识进行了总结，别且勉励我们在今后学习的道路上不骄不躁。老师对向我们灌输了网站的搭配技巧和大致结构，这些只能在公司的实践中才能得到的东西，我们在老师的帮助下得到了大致的了解，感谢老师。前几天老师主要讲解了PS的知识，比如怎么做灯光效果，我们在下午的时候进行了练习。老师说在2个星期的时间里学习到很多的知识是不可能的，但是我们要有信心和勇气去学习，只有自己不放弃才能得到自己想要的知识。在让我们得到理论知识灌输的同时，老师注重我们的实践，实践是根本，没有实践的东西是不成形的，也是不可靠的，无论怎么样的想象，没有起飞总是会坠毁的。老师对于蒙版效果的使用让我耳目一新，以前总是不重视这些不太中心的东西，但是通过老师对于蒙板的讲解，我了解了那些外观上的刺激和强悍的作用，往往能让人耳目一新。
老师对于蒙版的使用以及做出的一些精美的图片，让我认识到了蒙版的重要性。因为现在的人们对于美观的要求性很高，我们需要对此下很大的功夫，这样做出的东西才能满足人们的口味。长久经验的积累让老师在这个行业走的很远，以后我会更加努力的实践，让自己在走上社会的道路上有一个良好的基础。
老师讲解的PS知识对PS进行了剖析，许多小技巧让我们在作图的时候效率有了很大的提高。大概可以分为以下几类：1.魔棒、套索、矩形选区工具、圆形选区工具、像素选择工具等等，这一类使用简单，对规则图形和对比度大的图像进行操作;2.通道选择法，以不同颜色通道的亮度及对比度为基础，进行绘制及选择;3.矢量路径方法选择，工具包含绘制的图形、钢笔工具、网格工具等;
4.图像具有相对复杂的背景，前景(即我们要扣取的对象)边缘细微，例如发丝毛发等，可用抽出这类的滤镜或者用其他第三方滤镜，如Knockout、MaskPro、ReMask、蒙娜丽莎等等;5.要扣取的前景具有半透明属性，例如婚纱、水珠、气泡、玻璃制品等，最好选用各种第三方滤镜进行操作(因为功能较强，抠图效果好)，例如Knockout、MaskPro、ReMask、蒙娜丽莎等;6.图像复杂，单种工具无法完成抠图，就要考虑多种工具和滤镜组合扣取。
他还让我们记住一些常用的快捷键如：比如，按住CtrlAlt键拖动鼠标可以复制当前层或选区内容;如果你最近拷贝了一张图片存在剪贴板里，Photoshop在新建文件(CtrlN)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置，在打开的时候按住Alt键(CtrlAltN);如果创作一幅新作品，需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。只要选取“文件”→“New”，点Photoshop菜单栏的Windows选项，在弹出菜单的最下面一栏点击已开启的图片名称就ok(实在太方便了);在使用自由变换工
具(CtrlT)时按住Alt键(CtrlAltT)即可先复制原图层(在当前的选区)后在复制层上进行变换;CtrlShiftT为再次执行上次的变换，CtrlAltShiftT为复制原图后再执行变换。使用“通过复制新建层(CtrlJ)”或“通过剪切新建层(CtrlJ)”命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作;通过复制(剪切)新建层命令粘贴时仍会放在它们原来的地方，然而通过拷贝(剪切)再粘贴，就会贴到图片(或选区)的中心;若要直接复制图像而不希望出现命名对话框，可先按住Alt键，再执行“图像”→“副本”命令;Photoshop的剪贴板也很好用，但你更希望直接使用Windows系统剪贴板，直接处理从屏幕上截取的图像。好的，按下Ctrl+K，在弹出的面板上将“输出到剪贴板”点中吧!
老师讲解的蒙板是将不同灰度色值转化为不同的透明度，并作用到它所在的图层，使图层不同部位透明度产生相应的变化。黑色为完全透明，白色为完全不透明。这些优点：1.修改方便，不会因为使用橡皮擦或剪切删除而造成不可返回的遗憾;2.可运用不同滤镜，以产生一些意想不到的特效;3.任何一张灰度图都可用来用为蒙板。以及主要的作用：1.用来扣图;2.做图的边缘淡化效果;3.图层间的溶合;在蒙板上应用不同的滤镜，便会使淡化的边缘出现不同的效果。在蒙板和图层之间的空处有一个链接符号，默认是链接着的，点击可解开蒙板与图层的链接。此时如果移动图层或蒙板，只会移动你选择的相应图层或蒙板，这点与图层间的链接是一回事。扣比较复杂的图，比喻人的头发，植物的枝叶等时，可将图片转为CMYK或LAB等不同颜色模式，找出一个对比最强，边缘轮廓最清晰的通道，调整其色阶，然后应用到蒙板，再作进一步修整。这些东西不仅仅教会了我们东西，更加的让我的态度得到了端正。老师说态度很重要，没有了端正的态度如何能用自己的心将自己的灵感融入到自己的作品中去，一个良好的态度是一个好的开端，同时也是自己能在做作品的时候用自己灵感浇筑眼下的作品。
这是老师的作品让页面的设计和图形视觉的认识有了一个全新的了解，一张图片有好的颜色和文字的合理设计才会让被人认同你的作品，所以这一周的ps实训使我对PS有了全新的认识。而真正的知识是理解和认知，而不是那些琐碎的篇幅。
第二周的时候这一周老师给我们讲了当前最流行的网页布局的方法Div+css，老师也讲了层布局与表格布局的区别，他们都是网页布局的方式，一个便于以后的维护、一个便于制作他们各有好处，需要设计人员在制作时自己来取舍的，并且还有一些设计技巧：1、灵活运用样式
熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。
2、要让Windows(特别是95/NT)使用定制的显示器匹配曲线，只需要如下操作：
(1)在开始菜单的“启动”中删除“AdobeGammaLoader”。
(2)确定ICM曲线的路径/名称(基本上是处在C:\WinNT\System32\Color\中)。
(3)运行RegEdit，找到如下项目：
HKEY_LOCAL_MACHINE>Software>Adobe>Color>Monitor>Monitor0
(4)创建一个新的项，叫做“MonitorProfile”
(5)在这个显示器曲线的项中输入步骤2中的路径/名称。
注意：在设置了这个曲线后，由于AdobeGamma已经重新配置了AdobeGammaLoader，因此不要再运行它。
3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“GoToURL”JavaScript行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“GoToURL”。我们会注意到Dreamweaver会在“GoToURL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
4、不给文件起中文名称
大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。
5、要创建网络安全颜色，须确保色彩的R、G和B元素都是十六进制数的33或十进制的51的倍数，任何以下的值都是可接受的：00(0)、33(51)、66(102)、99(153)、CC(204)、FF(255)。
6、巧妙隐藏标签
如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影
?
