淘寶對(duì)于我們很多人來說磁椒，就是一個(gè)剁手網(wǎng)站趟章。但自從成為了PPTer杏糙，它就成為了一個(gè)學(xué)習(xí)設(shè)計(jì)的去處。
因?yàn)樘詫毜暌遣稽S鋪?zhàn)域就粒蜁?huì)一直更新商品宏侍，更新首頁的圖，所以它可以說是一個(gè)源源不斷的資源庫北戏，并且每家店鋪的風(fēng)格比較固定负芋，你需要做某種風(fēng)格的時(shí)候就鎖定幾家去看他們的排版就好了。而且嗜愈，在你淘寶的時(shí)候留意一下就會(huì)無形中擴(kuò)大你的設(shè)計(jì)內(nèi)存呢~
當(dāng)然，學(xué)習(xí)之前需要一個(gè)好的引導(dǎo)莽龟，才能更好更快捷找到你需要的蠕嫁，否則只會(huì)讓你浪費(fèi)更多的時(shí)間，得不償失毯盈。
我們?cè)趯W(xué)習(xí)之前剃毒，首先要知道去哪里學(xué)，以及學(xué)什么。
如果說要省心力赘阀，那么就是看店鋪的首頁圖益缠，快捷，點(diǎn)開即得基公。有些店鋪的寶貝詳情頁也有一定的排版幅慌，但是這樣會(huì)耗費(fèi)一些時(shí)間精力，所以是在瀏覽寶貝的時(shí)候順便留心一下就好轰豆。
小沐這幾天按照風(fēng)格進(jìn)行了一個(gè)分類匯總胰伍，接下來，就開始跟著小沐看看如何利用淘寶學(xué)習(xí)圖文排版吧~
文藝風(fēng)
文藝小清新路線酸休，一般排版較為簡潔骂租，整個(gè)畫面很干凈。
一般的排版用元素只是簡單的色塊和線框斑司、線條以及一些小的裝飾元素渗饮。甚至最為簡潔的只是通過字體自身的粗細(xì)對(duì)比就可以完成，而黑色又是百搭色宿刮，雖不出彩抽米，但也不會(huì)出錯(cuò)。若是再想豐富畫面糙置，則可以通過色塊來使字體產(chǎn)生對(duì)比的效果云茸，加分隔線以及變形的文字（如第二張圖中的弧形字體，在PPT中很容易就可以做出）谤饭。
再者可以通過變換字體的顏色進(jìn)行區(qū)分主次關(guān)系标捺。在顏色與黑色之間，顏色會(huì)成為吸睛之處揉抵，黑色中還會(huì)有黑色和灰色之分亡容。
但是就第三張圖來說，排版中應(yīng)用了居中對(duì)齊冤今，最后兩排文字又開始錯(cuò)落闺兢，看起來畫面會(huì)比較亂。而第二張不僅居中對(duì)齊戏罢，兩端也進(jìn)行了對(duì)齊屋谭，看起來就更加整潔。
此排版方式可以應(yīng)用在簡約的設(shè)計(jì)中龟糕，例如小沐在此前發(fā)在自己的文字公共號(hào)中的圖文桐磁，靈感來源就是淘寶的“梅子熟了”店鋪中的商品介紹。
再附上幾張DOWN下來的圖片讲岁，大家自己拆解分析喲~
再來幾張多圖的~
可以看到這張主要是應(yīng)用了細(xì)條的色塊和線框我擂，顏色取自于圖片衬以。
其實(shí)這個(gè)有些偏帥氣的文藝風(fēng)，所以黑色部分較多校摩，稍微有些偏歐美看峻。但是文字部分排版還是很具有簡約文藝氣質(zhì)的，注意它使用的斜線以及豎線衙吩。
這張又有些可愛感覺的文藝風(fēng)互妓。主要采用了粉嫩的色塊，以及與模特身著顏色一致的字體作為圖底分井。
歐美風(fēng)
歐美風(fēng)有一種撲面而來的帥氣啊~有木有车猬！
可以看到畫面中黑色的面積會(huì)比較大，如果黑色作為底色尺锚，那么總會(huì)使用較為亮的顏色作為點(diǎn)綴色珠闰，一般為藍(lán)綠色、亮粉色瘫辩、亮藍(lán)色等伏嗜。在上次的教程中也提到了點(diǎn)綴色，就是在整個(gè)畫面中大約小于百分之五的面積的顏色伐厌。
第一張?jiān)谖淖稚厦孢€設(shè)置了肌理層承绸，在整個(gè)大背景中還用了建筑物加黑色蒙版的形式讓畫面豐富起來。
第二張雖也算不得出彩挣轨，但是總體感覺比較對(duì)军熏，試圖營造一種在粗糙墻面上涂鴉的形式，有質(zhì)感的變化卷扮。
第三組的店鋪中首圖還有幾張荡澎，都是比較有設(shè)計(jì)感的。排版形式有變化晤锹，第三張則是用黑色矩形和英文單詞打破了完整的形摩幔，又利用線框創(chuàng)造了完型。
第四張圖應(yīng)用的文字處理手法上面都有提及鞭铆，但是放在一起又不顯凌亂或衡，主要和居中對(duì)齊和外邊的方框有關(guān)系。顏色的選取上车遂，將折扣的文字顏色突出封断，并沒有與畫面主題的藍(lán)色順應(yīng)，而是做了對(duì)比的處理艰额。
當(dāng)然澄港，藍(lán)色的補(bǔ)色應(yīng)該是橙色，但是畫面中存在紅唇和紅色的構(gòu)筑物柄沮，所以選擇時(shí)也會(huì)與此有所呼應(yīng)。
可愛風(fēng)
可愛風(fēng)挺適合賣萌的，嘿嘿祖搓。
可愛風(fēng)都會(huì)比較有童真狱意，所以裝飾元素會(huì)看起來比較多，排布也會(huì)相對(duì)散亂一些拯欧。顏色一般以嫩粉色和粉藍(lán)色详囤、淺綠色為主，冰淇淋色系镐作，或者馬卡龍色系藏姐。裝飾元素較有簡筆畫的畫風(fēng)，像是卡通貼圖该贾。
背景會(huì)有一些紋理填充羔杨，波點(diǎn)，斜線等都是較好的選擇杨蛋。
人物的處理方式值得關(guān)注兜材，對(duì)于我們做經(jīng)驗(yàn)分享的人物海報(bào)時(shí)，若是采用了比較可愛的風(fēng)格逞力，也可以做同樣處理曙寡，即在人物后面加上與之相似的異形，并填充紋理或是顏色寇荧。
中國風(fēng)
中國風(fēng)举庶，我們想到的元素就是水墨、竹子揩抡、印章等元素户侥。整體感覺端莊，留白有呼吸感捅膘。
顏色選擇黑白不易出錯(cuò)添祸，第二組第二張更是大膽的選擇了兩個(gè)較為中性的顏色，紫色被稱為冷色中最暖的顏色寻仗，綠色則是暖色中最冷的顏色刃泌。感覺第二組就是妥妥的PPT封面以及目錄頁和內(nèi)頁啊= =
下載筆刷，填充圖片是不錯(cuò)的選擇署尤，會(huì)使畫面看起來協(xié)調(diào)統(tǒng)一耙替，并且有質(zhì)感。
大家體會(huì)一下吧曹体，意境感只可意會(huì)不可言傳啊~
小結(jié)
版式風(fēng)格還有很多俗扇，受限于小沐的偏好，所以會(huì)比較多關(guān)注如上這些風(fēng)格箕别。希望大家在利用如上方法學(xué)習(xí)后铜幽，還有更多驚喜等你們自己去發(fā)現(xiàn)喲~
文字在畫面中本是作為點(diǎn)的元素存在滞谢，但是因?yàn)楹芏嘧衷谝黄穑愠蔀榱司€或者面的形式除抛，所以在應(yīng)用的時(shí)候便有了不同的效果狮杨。
在圖文排版中應(yīng)用的技巧小沐稍微總結(jié)一下：
利用色塊對(duì)比文字
利用線條，方框豐富畫面
利用字體的粗細(xì)到忽、色彩橄教、大小進(jìn)行對(duì)比強(qiáng)調(diào)
適當(dāng)采用文字的傾斜和變形讓畫面產(chǎn)生動(dòng)感
不管什么風(fēng)格，都需要一個(gè)豐富的資源庫喘漏，這樣做設(shè)計(jì)的時(shí)候也會(huì)更加得心應(yīng)手～
我們都要學(xué)會(huì)成為一個(gè)會(huì)學(xué)習(xí)的人护蝶，其實(shí)，留心生活翩迈，到處都可以學(xué)到很多東西持灰。
你看過設(shè)計(jì)的廣度，也會(huì)影響你做設(shè)計(jì)的深度帽馋。
當(dāng)然搅方，在淘寶學(xué)習(xí)設(shè)計(jì)的成本會(huì)比較高，因?yàn)樵O(shè)計(jì)良莠不齊绽族，需要花費(fèi)大量的時(shí)間和精力去篩選姨涡，但當(dāng)你把一些店鋪鎖定，下次再去找靈感的時(shí)候吧慢，則會(huì)節(jié)省很多精力涛漂，一勞永逸的事情。
對(duì)于學(xué)習(xí)的過程中检诗，模仿是很重要的一個(gè)過程匈仗，不要怕模仿，也不要覺得模仿是一種很LOW的行為逢慌。其實(shí)悠轩，百分百的還原是一件很難的事情，不僅會(huì)涉及軟件的操作能力攻泼，還與自己的觀察力息息相關(guān)火架。
學(xué)習(xí)本應(yīng)該是一件輕松愉悅的事情，希望大家都可以快樂學(xué)習(xí)~么么噠~
