如何分析和点评不同类型的设计作品？看这篇文章就够了！
小编：如果说设计是一场修行。那如果有人可以为你指点迷津，是否我们就可以一往无前。作者从电商设计的角度，分析了包括Banner, 海报，临摹，电商店铺首页和详细页，从局部讲到页面整体，分析了很多设计师可能都会犯的毛病。希望通过阅读这篇文章，我们都可以有所收获…
写在前面平时我总会听到一些设计师给我这样一些反馈，比如：看别人的作品明明感觉有哪里不对劲，但是说不出个所以然；每次设计稿做完后自己是觉得挺好的，但是拿给别人看却总被挑出一些毛病被我忽略了；
抄不会抄，就连临摹也不知道从何下手，因为自己无法辨别作品的好坏，也不知道如何去分析别人作品的优缺点；等等…..
很多类似的情况，归根结底都是因为还没有找到分析作品和诀窍，而且这种问题不单单只是发生在新手身上，很多主管级别的也一样，让他做图会做，但是给手下点评却没那么擅长了。
出现这些情况都别着急，因为今天的这篇文章兴许对你们有用～
因为我昨天从微信上收到了好几十份作品要我点评，这工作量太大了，那么干脆我就挑选挑选出几个比较典型的给大家点评一下吧，并且Banner、海报、专题页、首页、详情页都有涉及到。
下面我们就开始进入正式的点评环节好了，以下所有的作品都是由我的面粉们提供的，感谢❤️。
点评一：Banner面条点评：这个Banner看第一眼其实是没有什么问题的，居中排版构图和纸雕创意都ok，利益点信息也是突出的，但是呢，你再多看几眼又总感觉这个Banner有点不够精致和美观，那原因主要是在哪里呢？
主要原因就是以下几个方面：
背景：大家可以看下，如果我将这个图变成黑白稿，排除颜色的干扰，你就会发现这里的信息层级还是有点乱的，右下角的商品最突出,其他信息层级很散。
大家看下这个视线注意的顺序层级基本是下面这这样的：
但实际上，我们最需要突出的一块区域应该是最中间部分：
但是这位设计师的处理方式却是将这一块融入到周围环境去了，没有与周围环境的明暗对比拉开差距，才造成了视觉松散没有主体的感觉。
实际上这种纸雕形式的的设计是有一个规律的，这些图层要么是有从明到暗的过度，你可以理解为是光是从外打到里面，比如下面这样：
要么是从暗到明，你可以理解为是光从后面打到前面，比如下面这样：
（这是我2017年新年为站酷做的纸雕）
所以明白了吗？要么从明到暗，要么从暗到明，一层层过渡下去，千万不要乱来，这样画面是没有层次感的，容易混乱。另外，既然是护肤品Banner，字体的选择要么就简洁利落一点，要么就纤瘦柔美一点，这里直接用的好像是思源体，实在是没有美感。其他问题包括商品大小颜色的选择、阴影的制作也都有一些问题，需要整体去细化调整，尤其是我不太明白这里为什么要给商品加动感模糊，它们明明是被卡在了纸之间啊，那里动感的起来啊，所以好多细节的地方都是说不通的。
我一直都觉得只有当你作为设计师明白了自己在落笔的时候就明白了自己要表现什么，要突出什么，要弱化什么，要给他什么样一种场景，把这些逻辑层次和设计目的都捋清楚了，你才能做出正确的设计。前期思考多花点时间，后期改动就可以少花点时间。
点评二：海报面条点评：这几张Banner的排版和大感觉其实还是不错的，也可以感觉是一个系列的设计，但就是不耐看，经不起仔细去推敲，因为越是这种简洁形式的设计，对画面细节和产品品质的要求就越高，因为这就相当于是把人放在聚光灯下，周围没有任何遮挡物似地供人欣赏，那一旦你有缺陷的话就很容易暴露了。
这也是为什么那些大牌玩得起细节放大和简洁留白的设计形式，而越是低端的劣质的商品往往需要做的花里胡哨，因为要吸引人注意啊，同时也要转移你的注意力不要把太多精力去挑剔毛病啊。
好了以上扯的有点远了，我们继续说回到这些海报存在的问题，那就是打光和阴影的处理，太粗糙了。
其实珠宝的阴影还是比较难做的，因为材质的原因，它跟普通的塑料产品阴影的画法就不太一样，这里有一张不同材质阴影画法大家可以了解一下：
找了张实际的图给大家看下～这里的阴影绝对不是跟上面那位设计师一样，搞一个投影图层就完事了，它是需要做好几层阴影的。
然后，三大面五大调了解一下～
不过这些对于原画师或者修图师来说可能都是小菜一碟的事情，对于我们这些以设计为主的设计师来说基本只需要了解一下会做一些基本的阴影和修图就好了，毕竟每个人的精力有限，不可能样样都精通的。
and，说到珠宝海报或者页面设计，下面这几个创意也不错，分享给大家看看～
纸雕形式的：
手绘形式的：
上面这个页面我了好几年，但依旧很喜欢，因为将珠宝与花结合在一起的形式非常惟妙惟肖，已经分不清花是饰品，还是饰品是花了，整体的色调也非常唯美浪漫，少女心看了很容沦陷～
点评三：临摹插画面条点评：之所以会想要点评这份插画作品是因为，我发现很多人都有一个共同的毛病，那就是一边是很想临摹别人的作品，但另一边又感觉这样子有点愧疚感，并且很没有成就感，还是希望自己能创造，但是最终出来的作品往往就成了四不像，看起来像是模仿的，但是模仿的又有点不伦不类，这就很尴尬了。
比如这位面粉的插画，一看就是有很浓的behance风的：
但是整体的元素比例和构图色彩又感觉不太成熟，而且像是半成品。
所以我就直接跟他讲初始阶段就从临摹开始，原版临摹下来，不要一开始都还没掌握别人的精髓和技巧，就急于求成想要自创了。
想抄又不好意思抄，设计师有这种心理也很正常的。
我在刚开始接触电商设计的时候也有过这么一个阶段，就是做Banner的时候特别想抄别人的板式和配色，但是羞耻心又特别重，所以最后做了很多四不像的Banner设计，但是后来意识到自己确实展示还没那个自创的能力，那不如就多临摹别人好的作品，然后分析别人为什么好，排版布局配色都是有考究的，带着这些思考去临摹成长就特别快。然后临摹了一段时间后觉得自己差不多掌握精髓了，我就开始自己创作，慢慢摆自己的想法和思考融入进去，摆脱临摹的依赖，最终才有了属于自己的设计理念和思维体系。到这个时候，不管别人提的是什么设计需求，你都可以抓住本质去分析别人到底需要什么类型的设计了。
当然设计借鉴永远都是存在的，就看你怎么样去把握一个度。另外，临摹是临摹，它属于练习的范畴，非商用的，所以这都是合理的，比如我平时做的很多照片海报，经常会有人拿去做练习然后发给我看，这完全ok的，反正你不是商用就行。但是抄袭是抄袭，它是属于商业范畴的，所以临摹练习是被提倡的，但是抄袭则是被不齿的，只是有的人可能抄的多点有的人抄得少点，有的人抄的太像了，有的人则会融入一些自己的思考和特色在里面，那就不算是抄袭了，顶多算是借鉴和获取灵感。
毕竟我们处在这样一个信息开放的环境下，眼睛看过的东西都会不自觉地存在脑海里，最后被我们运用在设计上，这都是很正常的事情。
我们人类还总是从大自然获取灵感呢，大家都是互相学习不是～
点评四：店铺首页面条点评：其实这个页面给我的第一感觉挺好的，整体色调和布局都比较舒服，大问题没有，有问题的都是一些小地方，我给大家分析一下。
先看头图：我是感觉其实整个页面是可以往手绘风格走一点会好些的，你看这个页面里的书基本都是针对学生和小朋友的，而且书籍的封面基本都是插画的形式，加点手绘元素画面会更丰满和趣味。
另外我能感觉到估计这位设计师手绘基础不太好，如果她会手绘的话，肯定是可以让这个画面更优秀的，比如右上角的棕榈叶这里用的是实物叶子，那么小小的2片实物叶子放这里真的不太合理，背景还虚化了几片实物叶子，看起来都有点多余了，如果用手绘的话那就合理了，而且效果会更好，因为你可以在好标题和利益点部分手绘一些元素呼应起来啊。
其次，这里“没满99减50”可是很重要的利益点信息啊，网购的有几个是不贪便宜的啊，尤其是买书这件事上，你得把这些优惠信息醒目的让他们看到啊，不管是通过颜色突出还是其他什么形式，总之，利益点信息在这里最好是突出就对了。
其次看特殊楼层：我们知道头部下面紧跟的楼层部分一般都是些比较特色或重要的楼层，所以在设计形式上会跟下面的普通楼层做些设计区分也属正常，但是这里我感觉处理的就有点过了。
比如“镇店爆款”楼层标题和“唯品会定制”楼层标题，为啥这里要左对齐啊？你的头图标题文案都是居中的，下面普通楼层标题也都是居中的，你其他很多设计元素也都是居中的，那这里为了区分特殊性你把设计形式不一样就OK了，排版没必要不一样的，全部都居中更好，不然还以为是切图没切好呢。
再看普通楼层：我注意到这里的购买按钮和价格也是有好几种，形式多本质上也无大碍，但是有一个地方就有点不太人机了，体验不太好，比如这里“点击购买”的按钮居然在价格的左边。。。。
这玩的是啥味啊，强迫症的我特别想给他们调换个位置，按钮要么放在右边，要么就直接拉长左右边距对齐，这才符合人的使用体验嘛～
其他问题：前面文艺字体用的挺好的，后面突然冒出这么一个粗犷的字体，我突然有点小心脏受不了，而且还是黑乎乎的颜色，这感觉就是看背影是一位小清新森女，妹子一回头原来是个满脸胡渣的糙汉子，我的妈呀～
我知道这里还是为了区分楼层才这么设计的但是调性没必要变的呀，你看着整个页面整体看都是调性很好的，但是细看却有一些跳脱的地方，说明你还是对页面整体的把握有点欠缺的。
需要作区分的地方你没有刹住车控制好度，记住区分是要在整个页面调性一致的前提下作区分，而不是突然冒出其他的东西哟！
点评五：详情页面条点评：点评到这里，已经10点了呜呜呜。。。我发文又迟到了。
但点评还是要继续的，我就简单说几句吧，这个页面整体的色彩比例控制得很理性，每一个楼层区块之间也都是用颜色来区分，整体页面也比较简洁，算是比较中规中矩的形式。
但是这里我认为更合理的设计也许需要更活泼一点才对，那么也许结合一些C4D或手绘的运用会比较好，但是设计师既然没有用，多半也是因为这些技能可能也不太擅长。
为什么我会说这个设计应该更活泼一点？因为这虽然卖的是一个加湿器，但是你看页面里不乏这些文案，比如“有范”“与众不同”“个性与趣味”等等；你再看它的产品造型，是拟物化造型，一只可爱的章鱼；你再看它还提到了这玩意是要作为礼品礼物送对象朋友的。
所以这个加湿器需要给人传达的感觉一定不单单只是一个功能性的产品，它还要传递一些情绪化的东西，要给人这种趣味、个性、可爱的感受，所以背景的氛围是一定需要表现出来这些点的。
但在这里我们似乎体会不到这些感觉，页面太冷清了理性了，氛围不够。
那我举个正面的例子，比如小黄鸭，你就可以感受到这种可爱快乐的氛围：
无论是暖色调、还是圆润的图形，抑或是一些快乐的表情、合适的场景等等都可以营造出我们想要的氛围，实现方式的话，不论是手绘还是C4D的形式也都可以实现出来。
另外这里标题字体和设计形式也不够可爱，间距也太紧了，也许都可以在调整一下。
总结来说呢，详情页设计有时根据产品的卖点和特性是需要体现不同的氛围的。一般来说那些男性化的大的电器类产品都是需要体现功能性安全性多一点，但是像这种往可爱方向走的家居小电器之类的，除了体现功能性以外，还是需要做一些情绪化的、趣味性的设计的，毕竟女孩子用的比较多～
嗯，时间不早了，就点评到这里吧。
哦,对了。这个页面是下面这位老板发给我点评的，这是他创业之前做的页面设计。
一开始我并不知道他是老板，只是我点开了他给我的红包，200元，我就问他为什么发这么大的红包，因为普通设计师应该没这么慷慨才对啊。。。。（嗯嗯嗯，毕竟我们都qiong），后来才知道原来他创业当老板了还小赚了点，你们看聊天记录～
他说：“这还不是因为生活条件上去了，发红包就大了！”然后我看了下，他之前给我发的红包确实比较小一点，6.66元。你看，果然是赚到钱了才会如此阔绰，我替他感到开心啊。
至于为什么会赚到钱，你看他这股学习的劲就知道了，都是已经拥有7家店铺的老板了，还来找我请教设计点评，而且还买我的书督促员工学习，这样的努力的老板，他不赚钱谁赚钱？嗯，活该你这样的人变成有钱人！
好啦！这里是《做设计的面条》，一个懂生活的电商号，我们下期再见！～
做设计的面条（公众号）
作者：做设计的面条
绛旓細16銆佹湰鑺傝寰堟湁鑹烘湳,鍦ㄦ暀鏉愬唴瀹圭殑鍩虹涓婁綔浜嗛傚綋鐨勫繀瑕佺殑鎵╁睍,绮惧績瀹夋帓瀛︾敓鑷富瀛︿範銆佽川鐤戙佹搷浣滃疄璺电瓑娲诲姩浠ュ惎鍙戝紡銆佽璁哄紡涓轰富銆傚鐢熷湪瀹屾垚浠诲姟鐨勮繃鍜岀▼涓浼氬悎浣溿 17銆佽鑺傝閲嶇偣绐佸嚭,鐩爣鍏ㄩ潰銆佸噯纭佸叿浣,鏁翠綋鐜扮煡璇嗕笌鑳藉姏銆佹柟娉曚笌杩囩▼銆佹儏鎰熸佸害涓庝环鍊艰涓変釜缁村害,甯冨眬鍚堢悊,璁捐鍚勭鏁欏娲诲姩,寮曞瀛︾敓鑷富瀛...
绛旓細鐐硅瘎妗堜緥鍙互浠庝互涓嬫柟闈㈡潵浣滅瓟锛1銆佺粏璇绘潗鏂欙紝鑾峰彇淇℃伅銆傜粏璇伙紝缁撳悎鏉愭枡鍑哄鐨勮鏄庯紙鏃堕棿銆佷細璁佷汉鐗╃瓑锛夛紝寤虹珛鏉愭枡涓庢墍瀛︾煡璇嗙殑鑱旂郴锛屽紕娓呮鑰冩煡鐨勬槸浠涔堟椂鏈熺殑浠涔堢煡璇嗭紝鍒嗘竻鏉愭枡涓摢浜涙槸鍙插疄锛屽摢浜涙槸瑙傜偣锛涙潗鏂欎箣闂寸殑鍏崇郴鏄浉瀵圭嫭绔嬭繕鏄浉浜掕ˉ鍏咃紱2銆鍒嗘瀽鎻愰棶锛屾槑纭姹傘傚湪闃呰鎻愰棶鏃讹紝搴旀敞鎰忔煇涓鎻愰棶...
绛旓細灏忓璇枃浣滀笟璁捐鍒涙柊鐨勫嚑绉鍨鍒 1銆佸疄璺典綋楠屽瀷浣滀笟 銆婅鏂囪绋嬫爣鍑嗐嬫寚鍑:鈥滆鏂囨槸瀹炶返鎬у緢寮虹殑璇剧▼,搴旂潃閲嶅煿鍏诲鐢熺殑璇枃瀹炶返鑳藉姏,鑰屽煿鍏昏繖绉嶈兘鍔涚殑涓昏閫斿緞涔熷簲鏄鏂囧疄璺碘濄傝鏂囧涔犺祫婧愬拰瀹炶返鏈轰細鏃犲涓嶅湪銆佹棤鏃朵笉鏈,鍙鐏垫椿鎶婃彙鏃舵満,宸т簬鍒涜绉嶇鎯呭,寮曞瀛︾敓鍦ㄨ澶栨湁鏁堝湴寮灞曡鏂囧疄璺垫椿鍔,灏辫兘淇冧娇瀛︾敓璇枃...
绛旓細閫夋嫨瀛︿範杩欓棬璇炬槸寰堟纭殑閫夋嫨,铏界劧鍦ㄤ互鍚庝笉浼氬啀鏈夋満浼氬幓涓婁簡,浣嗘垜杩樻槸浼氶氳繃鍚勭鏂瑰紡缁х画椤璁捐鍜屽埗浣滅殑,鍚屾椂寰堟劅璋㈠甫鎴戝叆闂ㄧ殑寰愬叺鑰佸笀,璁╂垜鏈夋満浼氬幓瀛︿範鏈夊叧缃戦〉鐨勭煡璇,璋㈣阿! 璁捐瀹炰範蹇冨緱鎰熸兂绡2 鐢变簬鍩硅鏃堕棿鏈夐檺,鎴戝湪鏂颁埂鐢靛姏骞垮憡鏈夐檺鍏徃鍩硅鏈熼棿,閬囧埌浜嗕竴涓瘮杈冨畬鏁寸殑鏂伴鏅轰俊浜哄姏璧勬簮瀹ｄ紶鍐岃璁＄瓥鍒掓渚嬨
绛旓細浜や簰璁捐涓嶈鏄滅簿鑻卞紡鈥濈殑锛屾洿璇ユ槸鈥滃偦鐡滃紡鈥濈殑锛屽幓杩芥眰涓绉嶆洿鈥滄湰鑳解濈殑绠鍗曟搷浣滐紝灏卞儚鍚冮キ绌胯。涓鏍风畝鍗曘備氦浜掕璁′汉鍛樺簲璇ュ叿澶囧皢浜嬬墿绠鏄庢壖瑕佷笖娓呮櫚鏄庝簡鍦板睍鐜板嚭鏉ョ殑鑳藉姏锛岃岄潪浠呬粎鏄В鍐鍚勭闂銆傛渶缁堝皢杩欎簺浜や簰鈥滅炕璇戔濇垚浜烘у寲锛屾劅瀹樼殑锛屾儏缁寲鍜屽姛鑳芥х殑琛ㄨ揪銆備汉鎬у寲鐨勪氦浜掕璁＄殑瀹炶川灏辨槸鏍规嵁...
绛旓細澶師甯備腑鑰冧綔鏂囬鐩,濡備綍瀹￠绔嬫剰鐐硅瘎瑙ｆ瀽锛堣瘎鍒嗘爣鍑嗭級澶師甯備腑鑰冨悇绉戣冭瘯鐪熼璇曞嵎绛旀鐐硅瘎鍒嗘瀽涓嬭浇QQ缇119408121 澶師甯備腑鑰冭鏂囧緢澶氬悓瀛﹂兘鎬曞啓浣滄枃锛屼笉鐭ラ亾鎬庝箞鍔炴墠鏇存湁鏁堛備簬鏄紝鏈夌殑鍦ㄨ冨墠鎷煎懡鐚滈;鏈夌殑骞茶剢鎵炬潵鍚勭绫诲瀷鐨浣充綔渚嬫枃锛屾鑳屼竴閫氥傛畩涓嶇煡锛岃繖鏍风殑鍋氭硶鏃㈢疮浜猴紝鍙堟棤鏁堛備綔鏂囷紝瀹為檯涓婂氨鏄皢浣...
绛旓細鍦ㄨ繘琛屼骇鍝佹蹇璁捐涔嬪墠,灏戜笉浜嗕骇鍝佽皟鐮旈樁娈点傛墍璋撶殑浜у搧璋冪爺,灏辨槸鎸囪繍鐢ㄧ瀛︾殑鏂规硶鍘绘敹闆嗐佹暣鐞嗗拰鍒嗘瀽浜у搧鐨勬柟鏂归潰闈,鍖呮嫭浠庣敓浜у埗閫犲埌鐢ㄦ埛浣跨敤鐨勮繃绋嬩腑鎵鍙戠敓鐨勬湁鍏冲競鍦鸿惀閿鍚勭鎯呭喌,浠ユ帉鎻″競鍦虹幇鐘跺強鍏跺彂灞曡寰,涓轰紒涓氭満鏋勮繘琛岄」鐩喅绛栨垨浜у搧璁捐鎻愪緵蹇呰渚濇嵁銆傞氳繃浜у搧璋冪爺,鎴戜滑鍙互鍦ㄨ璁″垵鏈熶究鑳借繀閫熶簡瑙ｇ敤鎴风殑闇姹,...
绛旓細鐪嬪畠濡備綍鐜╄浆鍘ㄦ埧璁捐 鐪嬪畠濡備綍鐜╄浆鍘ㄦ埧璁捐锛屽叧浜庡帹鎴胯璁″竷灞锛屽摢绉嶅帹鎴胯璁′綔涓氭洿鏂逛究銆涓嶅悓鐨瀹跺涵鐢变簬涓嶄竴鑷寸殑鍘ㄦ埧绌洪棿甯冨眬褰㈡垚浜嗗悇寮鍚鏍风殑鍘ㄦ埧璁捐鏂规锛屾垜浠竴璧风湅鐪嬪畠濡備綍鐜╄浆鍘ㄦ埧璁捐銆傜湅瀹冨浣曠帺杞帹鎴胯璁1 璁捐閲嶇偣锛氭┍鏌滆璁 缂栬緫鐐硅瘎锛氫笂涓嬩竴浣撶殑姗辨煖璁捐锛屼笉娴垂浠讳綍绌洪棿浣嶇疆锛屽嚫鏄惧绉扮編鐨...
绛旓細灏忕紪:鐜板湪鐨勮璁杩欎箞澶,濡備綍鎵嶅彲浠ヤ笌浼涓嶅悓,璁╀汉蹇靛康涓嶅繕銆傝繖鎴栬涓嶄粎浠呮槸瑙嗚涓婄殑闂銆備綔鑰呴氳繃鍑犱釜浣滃搧鐨鐐硅瘎,浠庢渚嬬殑瑙掑害鍑哄彂,娓呮櫚鐨鍒嗘瀽骞舵寚鍑轰簡濡備綍淇敼璁捐绋,濡備綍鍋氬嚭杩欑偣鐫涗箣绗旂殑鐏甸瓊銆傛垜浠彲浠ラ氳繃姣斿,浜嗚В鑷韩鐨勪笉瓒,涔嬪悗杩涜鏇撮拡瀵规х殑鏈夋晥瀛︿範鎴栫粌涔犮傚啓鍦ㄥ墠闈 杩欎簺骞存壘鎴戠偣璇勪綔鍝佺殑浜轰笉灏,浣嗘垜鍙...
绛旓細(涓)鐞嗐佸伐绉绫涓撲笟姣曚笟璁捐鎶ュ憡姝ｆ枃鍐呭搴斿寘鎷:闂鐨勬彁鍑;璁捐鐨勬寚瀵兼濇兂;鏂规鐨勯夋嫨鍜屾瘮杈冭璇;鏍规嵁浠诲姟涔︽寚鍑虹殑鍐呭鍜屾寚鏍囪姹傚啓鍑鸿璁¤繃绋嬨佽棰樻墍娑夊強鍏冧欢缁撴瀯鍜岀浉鍏冲弬鏁鐨勮璁璁＄畻,鏈夊叧鍩烘湰鍘熺悊鐨勮鏄庝笌鐞嗚鍒嗘瀽;缁欏嚭鎵璁捐璇鹃瀹為檯杩愯鐨勬暟鎹垨鍙傛暟,骞朵笌鐞嗚璁捐鍙傛暟杩涜姣旇緝鍜屽垎鏋,璇存槑浜х敓璇樊鐨勫師鍥犮傛渶鍚庤...
