(平面图形处理课设梁姗姗.docVIP

南华大学 计算机科学与技术学院 课程设计实验报告 （2014秋季学期） 课程名称 平面图像处理 实验题目 如：淘宝页面 ———靴子版面的设计与制作 姓名 梁姗姗 学号 20134340118 专业 数字媒体技术 班级 本13数媒01班 地点 8-509 教师 李望秀 一、设计说明 （描述你的作品的构思） 设计这个作品之前，我找了许多的淘宝页面的模板，确定了一个主题，就是鞋店的设计。我比较喜欢简单大方的设计，所以我的作品没有太多的花边，主要是比较规则的矩形构成。 在背景色的选择上我用的事比较醒目的颜色，也通常是淘宝的主色调。 主要的版面在鞋子上面，突出本店鞋子的特色，选择不同的鞋子，放在版面上。 当然要留下微信扫码的地方，还有在页面的末尾留下一些重要的信息，还有页面开头的信息要完整，可以加上优惠券的信息，用同样的颜色来着色，那么这个页面的整体架构就出来。 接下来就是找素材的事情了，素材的选择要符合颜色的要求，当然大小比例要协调。最好要有吸引人眼球的文字效果。每一个选框的大小比例协调。但是开头和结尾可以用比较满的格子，让作品看上去不单薄。 二、实现过程 （截图+文字说明） 建立新图层设置好背景的大小为合适比例，设置前景色为图片所显示的颜色，用裁剪工具调整自己所需的大小。 建立图层和组，在不同的图层上开始绘图，调整照片的饱和度，色阶，曲线的参数，让其看上去更显自然。 调整各个矩形框的大小，让其比例协调，利用矩形选框工具，用画笔工具对选区进行涂抹，让选区着色均匀。 加上一些小配饰，通过通道抠像，抠出鞋子，放在标题的位置，制造比较好的视觉效果。 重复以上方法对细节进行操作。 下面是作品的JPG格式。 三、学习体会 　这次ps的作业要做淘宝的页面设计，刚接触到淘宝时，我只知道是个可以买卖东西的网站，接触了淘宝之后，让我认识到原来淘宝也是博大精深，平时只是看看的网站，其实要自己设计不容易呢！ 　　刚开始设计淘宝模板时，尺寸问题困扰了我，但是我都一个一个把他们解决了，淘宝店招（宽950，高120），淘宝店标，淘宝分类栏 -- -- 自定义模块（950，高任意），所谓人靠衣装，没有一个好的门面，是树立不起什么品牌效应的。 　　一个好的淘宝店招是简洁干净，一眼就认得出这间店是卖什么的，还要考虑他的吸引点在哪，那就是成功所在，参观了几个大型卖家。 　　发现了许多设计的优点和缺点，色调的搭配与统一，网站的卖点在哪里，这些通通必须考虑在内，现在着手设计店铺，打开ps，打开你的网络相册，同时进行，效率快，（我还打开了网页3剑客），例如：设计卖休闲运动服装的，就要考虑他必须有动感时尚，清新，爽快，自然。 　　色调建议搭配红色，蓝色，黑色，灰色都可以，先构思一个整体感觉，然后一个一个设计单个模块，如果你用白色做背景，那么你要考虑用灰色或者黑色在做搭配，在同其他附加色调搭配，更显协调。 　　打开你的软件，我就以做海报为例吧，新建一个950x3500像素的文件，然后在网上找一张符合你的产品的背景图，调用色阶，色彩平衡，色彩饱和度等，先调到一个你觉得与背景搭配的颜色效果。 　　然后，第2步，你就可以把你的模特照片放上去，或者找一张产品图，加点阴影，预备装好你的字体，去ps网站找，有些字体很漂亮，把你需要的字体大小间距，错落有致，如果你不会ps，没关系，你用光影魔术手一样可以解决照片颜色问题。 　　第3步，整体感觉，掌握色彩平衡感，哪里不对劲，改哪里，改到你觉得ok为止，最好在角落打上你的打折条。 这样还没有完事，想要让这张照片动起来，必须转到IMAGED，从ps左下角有羽毛的那按钮，转换到动画平台，然后根据图层，复制帧，定义时间，做各种角度改变的闪图动画，说容易其实很容易。如果你要在一张图片建立连接，必须在Dreavever 8.0里面进行（网站有教程，你们可以去摸索一下）。 我在网上也看到了许多的资料：2011年10月，淘宝网推出了“店铺装修市场”平台，目前该平台已经会聚了超过80万名的网店装修师。目前，淘宝上第三方服务商数量接近20万家。根据数据预测，到2015年，电商第三方服务的收入或将达到一万亿元。不过，几年下来，作为网店装修师而言，仅凭拥有一台电脑、懂点Photoshop、Fireworks、Dreamweaver技术、再加上一些灵动的创意和想法，已经很难招揽来生意了。 ?“现在从视觉上愉悦顾客几乎是个网店装修师就能做到，但是如何通过设计增加顾客的停留时间，且能激发客户的购物冲动才是店家真正需要的。最好还能有一些功能上的设计，比如可以将消费者的浏览偏好统计出来，为卖家改进服务提供依据。这一点，可不是一般懂点设计的装修师都能做到的。”一位淘宝店铺装修市场的资深装修师说