淘宝美工设计理念.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2013/9/15,#,意尔康,美工设计部分享会,朱加苗 与你分享,色系,制定,海报,设计,字体,选择,页面,设计,设计给谁看,?,传统经典,时尚高端,个性化,PU,女性,大众化,现在,开始打开你的思维吧,!,页面设计,webpage,“,“,店铺页面的,设计至关重要，这里是最重要的门面,。,无论界面,采用什么样的设计风格，或简约、明快,，,或,复杂、精致,，大家,都喜欢井然有序,、外观,漂亮,的网站,。漂亮,的外观,，首先,给,访问者一个不错的第一印象。,买家首先到达的两个地方：宝贝页面,&,店铺首页。,关键,任务：建立信任,=,买家留更长时间,宝贝页面,A,店铺页面,搜索页面,宝贝页面,B,宝贝页面,C,宝贝页面,D,购买,现在要做的工作,客服的,浏览过程,：,我是专门做这个的商家,。,很值得,信任,。,有很多人买了我的东西大家都说好,。我,还有很多这样的东西，你随便,看。,最近还有促销活动。,黄金三屏,THREE GOLDEN SCREEN,店招,/,导航,大广告位,新品区,活动区,促销,区,爆款区,类目,LIST,其它,模特、颜色、字体,Tips,：,中文字体，,英文字体，,数字字体都应保持统一。,基本元素,标签,规范,主次分明,结合产品特点,专题陈列,色彩制定,Color,“,“,一般情况下我们需要三个颜色，一个是基础色,，一,个是,辅,助,色,，还一个,是突出色,。,不管店铺怎么改版,，这,三个,颜色,都,还在，这样才能,保证,店铺设计的统一及连贯,。,具体,到产品，例如女装女鞋，用的颜色很多很杂,，,但是,在某些不容易改动的位置图片,上,我们,使用的色彩必须是这几个基准色,。,在整体上要有统一感！,颜色选择,不是个人喜好,而是行业,必须适合我们的行业人群,必须我们的用户群喜欢,必须突出产品,。,1.,根据风格及诉求确定主色；,2.,根据主色找配色；,3.,调整色彩比例；,4.,制定设计配色板。,形成你的设计配色标准！,颜色多决定,价位高低,一,个基本原则,.,价位,平易近人的商品大多会用上很多颜色，而高价位商品的颜色运用则明显偏少，像一般商店，颜色运用得多也代表了它的平民化，而水平越高的商店，相对来说用色越少，越干净,.,因为他们对事情的态度已经偏向简单化，是更进一步的消费行为，在欧洲就有许多超级商场都很简单干净。,颜色,多寡决定商品风格,颜色运用得越多，带给人的感觉越偏向活泼、年轻，而颜色运用得少，则给人高雅、沉稳的感觉。什么品牌该达到什么效果，颜色多寡的运用就可以达到这个目的。,颜色,的数量控制,同一个设计中用三个颜色以上，就算是多色彩，有热闹活泼的感觉。而三个颜色以内，能给人高雅沈稳的感觉。,从,照片中找配色,配色其实不难，每一张照片都在告诉你用色的方法，看到一张照片，你只要从背景色中挑出合适的颜色就好，不需费力去找其它颜色来搭配。,配合,情境搭配颜色,一张照片中一定有很多颜色,.,而每个颜色都可以尝试，再配合季节与气氛，从中去找出最合适的就好，还有两个非常重要但常被忽略的颜色黑色跟白色供你运用。,颜色搭配方法,用色法则,注,:,这里的产品指是广义的产品,它包括产吕及核心功能,产品,(),标题,(,),副标题,(,),活动,详情,(),背景图案,一般一个活动页面或,BANNER,包括以下内容,强色相对比,+,强明暗对比,弱色相对比,+,强明暗对比,无色相对比,+,强明暗对比,怎样提取合适的色彩,提取颜色,把选中的图片放入,ps,中，点击“存储为,web,所用格式”（如果没有色彩非常合适的图，可以再,ps,里适当的调整颜色再进行颜色提取），格式选为,png-8,，色块选择,8,，（数字越大色块越多，视自己需求而定）。,在颜色显示区域就会留下,8,种颜色（按照颜色在画面中所占的单位面积程序自动筛选），点击颜色区域右侧的下拉按钮，会找到“储存颜色表”，把他储存到桌面上或者你容易找到的地方。然后用,ps,打开，色斑中会显示刚才提取到的颜色。,,推荐给大家配合工具,字体选择,FONTS,“,“,标准字即便已经是名牌也未必有,，,店铺,设计,里要,做的就是统一字体的应用,，,不能出现各种各样,的字体,，字体选择,要,少而精,，这里包括中文字体,和,英文字体。,设计是一项非常具有挑战性的工作,尤其字体的选择,如何将字体与图形完美结合,以更好地吸引客户,突出主题,?,技巧一,同系列字体的不同粗细选择使设计更具一致性,技巧二,按主题提炼出针对性,的,打造专属于个性字体,技巧三,在整体页面中,字体以同系列字体为主,且不能超出,3,种以上字体,，,并形成协调感！,海报设计,posters,“,“,海报设计一般,以产品信息,或,文案的内容。,海报设计的,本质是把信息视觉,化,其,目的以各种促销为主题的海报,形式,.,打破常规,，,让你,的海报会说话,构图 左右,构图 居中,多听,多看,多交流,加强你的逻辑性,当你积累足够,多,你,才会有不同的灵感,诞生,你,展示越,精炼,你,让别人,记住得,越,多,.,THANKS,让我们,一起进步,!,本次分享内容来源于网络,欠妥之处还请多多指正,!,