當前位置:首頁>ps實例教程>ps網頁設計>淘寶美工>教程內容

美工知識,如何做出高大上的天貓店鋪首頁

來源:站酷 作者:蔣三金 學習:26937人次

說在前面:

在上家公司工作的時候,發(fā)現有些設計上的朋友會有困惑,有時不知道從何下手去做一個店鋪首頁,總是停留在抄襲別家店鋪的階段,一直無法突破。后來,就想總結一下個人的經驗,一直沒時間寫,現在終于碼字碼上來了。以下也有很多不足之處,僅代表個人的經驗,不喜勿噴哦~

------------------------------------------------------------------------------------------

下面,我們先來看兩張?zhí)詫毶系暮螅ㄈ缬性髡呖吹秸堃娬彛瑑H僅是技術交流,無抨擊之意)

美工知識,如何做出高大上的天貓店鋪首頁_www.tgudhdp.cn

從元素、排版、配色上講一下這張海報存在哪些問題:

 

1、背景的選擇無依據。根據背景顯示應該是找了一張餐廳的背景,那么與產品本身并沒有什么聯系,即不是表達的產品的食用場景,也不是從產品本身的賣點出發(fā),所以這張背景的選擇是欠斟酌的。其次,背景的顏色太花,色調不統一,這樣就會打亂整個畫面的調子,這也是沒有注意到的。

 

2、產品的視角與背景的視角不符合。產品是仰角拍攝的,而找的背景卻是平視的背景,視覺上就產生了錯亂,消費者看到后第一反應自然是不舒服。

 

3、文字排版無規(guī)則,造成空間浪費。文字的排版要講究以點成線、以線成面的原則,而上圖只是打了兩行字,也無重點側重。再者文字的配色也是有問題的,先不講字體的選擇是否合理,單第二行文字的配色就超過了三種,真是亮瞎了我的鈦合金雙眼。

 

由于我膽子小,擔心選的問題海報太多,被原作者們追著打,下面還是給大家分析一下優(yōu)秀的海報作品吧。

美工知識,如何做出高大上的天貓店鋪首頁_www.tgudhdp.cn

這么一對比,是不是瞬間覺得這張海報簡直太**“高大上”了?

 

1、色調統一,采用的是手繪風格的背景元素,模特圖片的融合上也毫無違和感

 

2、左右排版,對稱統一又不失變化,請注意上圖左邊的兩顆小樹和右邊的單棵小樹,作者在這故意做了一些變化,用數量的變化來增加了畫面的韻律感。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
ps小白2016-03-21 11:39
產品的位置要不要根據黃金比例來放?
ps小白2016-03-21 11:03
產品的位置要不要根據黃金比例來放?
張俊雄2016-01-15 05:28
文字的排版要講究以點成線、以線成面的原則。這是什么意思<饞嘴>
張俊雄2016-01-15 05:01
文字的排版要講究以點成線、以線成面的原則。這是什么意思<饞嘴>
Growl2015-12-25 04:30
很好的網站,感謝樓主,學習到很多
Growl2015-12-25 04:12
很好的網站,感謝樓主,學習到很多
jdlrn2015-10-06 04:54
<給力>
jdlrn2015-10-06 04:10
<給力>
兮陌藤晨2015-09-08 12:22
教程像放屁
酒醉萬花樓2015-09-07 10:48
這屌毛水平也出教程了
單純的高傲2015-09-07 06:09
誰看誰傻逼
風隨愿我2015-09-07 03:13
傻逼東西
年少不多情王洋2015-09-07 02:35
只有傻逼才說好

關注大神微博加入>>

網友求助,請回答!