影视艺术技术学院学院毕业设计（论文）记录簿课题名称网页设计学号********姓名潘倩玉专业艺术设计（广告创意）指导教师_方茜_______________作业期限2014.12-2015.4注意事项1、与毕业设计（论文）有关的资料应记在记录本上，不得另作私人记录。
2、毕业设计记录本可以电子记录，毕业设计结束时用A4纸打印存档；或者直接打印模板手工记录。
3、记录本不得遗失或外传，万一遗失时，应即报告处理。
4、教研室认为个别较好的记录本有参考价值时，可向院（系）建议，由院（系）资料室保管。
5、有关记录本的保管同接受单位的具体规定有矛盾时，应由学校出面磋商解决。
本次选择的课题是网页视觉呈现，在这之前从未接触过这样的课题，在年中去到了一家电商平台实习，所以接触到网页设计这一块的内容，刚开始有些出乎意料，毕竟学校并没有针对这一块的学习，所以心里还是很胆怯的，但是在领导的指导下，慢慢发现网页设计这块还是很有趣的，他所考虑的方面有很多，在ui上是否能够第一时间表达其功能，在这方面需要做到不需要注解也可以直观的表达其内涵，其次在整体布局上，因为我们公司是一个商城类的网站，所以在商品的成列，和购物之类按钮的摆放上来说是需要推敲的，所以在这方便还需要下一番功夫，最后就是视觉的整体呈现还是不能脱离公司本身的特色，包括颜色，在细节上是注重简约还是复古，所以做网页设计还是很有挑战性的，我想这次的课题还是在非常有趣味的！（二）12月5日第一稿的制作是基于之前的一稿设计，毕竟之前没有做过，先拿一款试试手，做的是网站个人中心这一块，内容很丰富，包括个人信息、购物过的产品、关注品牌、关注产品，在这里还要特别说明一下，我们公司网站还有设计师板块，功能是能够注册设计师来上传作品，就这些功能板块，我基于之前的设计，把分类排在左侧作为一个功能栏，方便用户点击进入相应的板块，随即进入右侧内容信息的设计，在对网页排版上，其实和其他排版从属性上来说差不多，主要是要注意字的大小和行与行之间的间距问题，具体我参考了很多别的网站，包括国内主要的一些有特色的网站，比如说良仓之类的，还有一些国外的网站，多数为日本的网站，因为至少在字形上与中文字类似，参考日文字还是可以说明一些问题的，而且日本的设计上非注重排版这个问题，个人表示很喜欢，也希望做到如此用心的设计。
（三）12月8日在考虑完字的大小时，我也问了公司一些做网页前端人的经验，毕竟在这方面他们看的比较多，正文的大小字体，英文字体的大小，而标题的正文大小，我希望做的到一点，这样可以明显的与下文区别开来，其次也加了英文的标题，因为中文的方块字排在一起确实让人有些疲倦，适时加些英文字来缓解一下气氛，整体个人中心的设计还是属于中规中矩，主要是想把内容说清楚，虽然做了很多功能性设计，比方说个人经验条设置在用户头像上形成环形旋转来表示大小之类的，可是事实前端和后台对于这一块的实现还是比较难的，所以在网页设计这一块不光是要好看，还今天最大的收获是了解了平面排版的整个流程，并熟悉了平面排版的软件。
其实无论是画册设计还是报纸排版或是广告设计，ps的图片功能都是无比强大的，在做版头、报眉、刊头的时候都会用到ps。
所以无论如何ps的所有功能我都必须非常熟悉，这样在做效果时就会很轻松。
要把平面设计里的一些设计构思与板式设计结合在一起，这是我实习的最大目的。
毕竟我是学平面设计的光是一个小小的排版难不倒我，而真正使报纸具有可观赏价值才是我应该思考和学习的。
我看过许多城市的报纸，广州、上海、重庆的都做得不错，有许多东西都可以借鉴，包括网页设计中许多的构图都是可以参考的。
总之设计就是再构思、组合的一个过程。
可以有一些自己设计的版面出版。
这样也为我以后打下一点基础。
（五）1月15日在设计完个人中心以后，接着是一些网站细节的完善和改进，比如说产品的遮照的设计，上面需要表现包括产品的名称、价格，还需要在上面添加立即购物和加入购物车这两个功能，其实也就是一块小的排版设计，但是等设计出来才会发现问题的所在，在做网站的过程中有几次有幸到了外包公司一同完成网站，这才发现一些问题在实际实现的时候才会出现问题，比如说产品名称如果超出一行十个字的适量后会发生什么，产品价格高的时候是否是居中排列之类的，所以在设计的时候需要把这些状况下的设计都做出来，所以总被领导说做设计的时候缺乏考虑，这一点我还要不断的改进！所以之后我考虑了各种状况，做出来各种状况下他该出现的表现到底是怎样的，这样一来也方便的网页前端人的实现。
（六）1月19日在做完一些网站基本页面的设计以后，其实整个网站还是一个空着的躯壳，里面内容信息都还是没有的，包括主题banner、广告位banner、产品详情页等等，之前也未涉及过这一方面的设计，又是一些新的东西出现，不过感觉上都是一样的，做广告banner图的时候主要是要考虑产品和文字信息的摆放时候舒服，类似淘宝，但是内心还是很不喜欢淘宝的风格，太粗暴，所以还是喜欢在高格调中展现产品吧，我想主要还是不要让颜色太丰富，同时风格也不要太山寨，在这里还是要多借鉴一下国外的设计，其次毕竟是公司的产品，还是要带公司特色的，母公司的风格就是高格调，奢华品质感，这些都要一并表现在banner图上，因为用户在进入网站以后第一眼就会看见的是大大的广告位，所以说广告位的作用可想而第一版的网页设计终于达到了尾声，虽然我只做了一小部分的工作，但是收获还是很大的，花了1个月时间疯狂地在浏览世界各地的网站，以前没学过的现在学，没什么事是一下子就会的，虽然个人领悟力比较低，但是一旦领悟了，还是比较无敌的，言归正传，在第一版设计完工后，整体感觉还是中规中矩的，因为这一版也是基于最初版的网页框架来的，所以难免会在设计风格的把握上有所限制，不过还算是一个好的开始，在完成设计后，网站还需要测试，在几轮测试之后，发现有很多bug包括用户体验上，缺少反应动画或者信息，问题还是比较多的，考虑的还是太少，这些坑还是要快速填掉，毕竟网站已经上线，被用户发现就不好了。
（八）1月26日在完成第一版的设计和实现过后，有一段时间没有碰过网站，有些时候设计如果遇到了瓶颈，你就需要先放一放，回过头再来看，再来看第一版的网页，总是觉得有些太过与平凡，不知道是看多了眼睛麻木了，总觉得好像是提不起兴趣，缺少了一些购买的欲望或者是缺少了一些趣味，我们也是一家设计公司，网站做的如此平凡总觉得不应该，所以我的领导和大家思考是否要重新再来一版，在统一意见后，我们便开始着手开始了新一版的设计，这次的网页可是从头再来开始做了，内心还是有些小激动的，虽然可能还是一知半解，但是还是很有信心做这一次的设计。
（九）1月29日第二版的设计风格我们希望完全颠覆原有的一页式，变化为一屏式，也就是完整的一份内容呈现在一个屏幕的大小的内容里，然后滑动滚轮后会类似于播放ppt 一样的滑动到下一板，这个我们也有参考国外的网站，小米也做过类似的手机详情页，这样的呈现方式有一点好处，板块很好区分，一个板块在一屏里，像我们网页，第一版放banner类似内容为一屏，第二版放我们四大接口，左右滑动，第三版放商城，同样的左右滑动，听上去确实是很酷炫，和我们创意公司的形象也挺符合，其次我们将网页顶部关于包括logo、用户登录、用户信息、板块分类、其他信息这些东西浓缩到一行菜单栏上，也就去掉了繁复的头部，然他出现的更简单方便，而且一直出现在顶部，也就更方便用户使用。
（十）2月2日在VI色的选择上我们抛弃原有沉闷的深蓝色，因为本身考虑到希望吸引更多的设计师用户，而现在的侧重点则是商城，所以说一个网站的用户群体的定位是很重决定选择比较跳跃的嫩绿色作为VI色，首选是因为我们所授权的产品是漫威迪士尼，那么就可以将用户定义为四大用户群体，首先是喜爱动漫的acg、其次是白领、再者是有小孩用户，还有就是有合作意向的企业用户，那这四大用户除了企业用户，大多是是年轻人，所以我们希望我们整体的网站朝着一个年轻的方向走，所以很多东西都需要往年轻人的思考方式走。
（十一）2月5日这版新的网站需要思考的问题真的很多，用户在体验上会否不知所措，毕竟是一种新的体验么，那么我们是否要加新手指南，但是一个好的网站就是无需说明就能让用户一下了解，也就是没有让用户学习的成本，要知道现在的人对于要学习一样新的事物还是比较心累的，何况是一个网站，上网本身就是放松，一上来这个网站也不知道在说什么，也不知道怎么操作，确实是会流失用户，可是我们这一屏为界定的网站，要做用户指南也有些困难，因为每夜的内容不尽相同，想一下子将所有问题在第一屏里就展现完整确实是有些困难，所以大家开始讨论要怎么呈现才比较好，后来想想用新手指南就类似于第一版刚开始弹出半透明上面写信息，这种方式不好，所以还是摒弃了这种想法，或许第一屏上不光放banner再加一个按钮或许是好方法，至少人们不用翻到第二页才可以接触到我们所有的板块入口。
（十二）2月9日第二版的网页设计基本快完成了，内容包括，首页的四屏、上方菜单栏、设计师页面，在这里特别强调了设计师页面，毕竟还是希望考虑到设计师这一大块，我们希望每个设计师都有像自己主页一样的页面，所以在设计上要和别的页面区别，所以这一版面为一页式，在最上方放着设计师自己设定的图像，然后再图片底部有设计师名称、职业、自述，同样也有普通用户可以参与的分享按钮、点赞按钮和关注按钮，接下去就是设计师个人作品，在这里选择错位放，希望和别的有所不一样，文字说明叠在图片之上，还要考虑到图片的颜色来选取一个综合一点的字体颜色，或者在文字的底部寸上一个颜色之类的方式，主要还是想展现设计师的特别性。
（十三）2月12日第二版的设计并没有付至于实际，首先呢是从做一个网站的风险太大，毕竟和第一版的模式差太多，其次我们这边也缺IT人员来帮助实现，所以这一稿暂时更浅了，不过没关系，来日方长，这次可以说是一次练习，不能说是坐着玩的，其实都之后的设计都有一定的帮助，做设计也不会一接到手就开始做，做之前一定要想清间要比思考的时间要远远少的多，所以做设计不是靠手，靠的是闹，当然能熟练操作软件当然是事半功倍的事，但主要还是要靠你的idea取胜，不然就不叫设计师，叫美工。
（十四）2月16日今天就最平淡了，没什么大事做。
太无聊了，就自己找点事做。
我自己找了点事情做。
就是PS潮流复古的彩色插画效果，首先在Photoshop中新建个大小为1440x900像素的文档。
然后把图片移入文档。
运行图层>图层样式>颜色叠加。
混合模式采用柔光，颜色为棕色(#8b5c01)。
接着，我们将创建个画笔来制作些图形。
选择矩形选框工具，制作个黑色矩形。
然后运行编辑>变换路径>斜切。
接着，运行图层，右击图层缩略图，按下选择像素。
