利用淘寶學習圖文排版如此簡單

沐白出品

淘寶對于我們很多人來說,就是一個剁手網站。但自從成為了PPTer,它就成為了一個學習設計的去處。

因為淘寶店要是不黃鋪子,就會一直更新商品,更新首頁的圖,所以它可以說是一個源源不斷的資源庫,并且每家店鋪的風格比較固定,你需要做某種風格的時候就鎖定幾家去看他們的排版就好了。而且,在你淘寶的時候留意一下就會無形中擴大你的設計內存呢~

當然,學習之前需要一個好的引導,才能更好更快捷找到你需要的,否則只會讓你浪費更多的時間,得不償失。

我們在學習之前,首先要知道去哪里學,以及學什么。

如果說要省心力,那么就是看店鋪的首頁圖,快捷,點開即得。有些店鋪的寶貝詳情頁也有一定的排版,但是這樣會耗費一些時間精力,所以是在瀏覽寶貝的時候順便留心一下就好。

小沐這幾天按照風格進行了一個分類匯總,接下來,就開始跟著小沐看看如何利用淘寶學習圖文排版吧~

文藝風

圖片來自于店鋪:安妮森林

圖片來自于店鋪:安妮陳
圖片來自于店鋪:舒然衣舍

文藝小清新路線,一般排版較為簡潔,整個畫面很干凈。

一般的排版用元素只是簡單的色塊和線框、線條以及一些小的裝飾元素。甚至最為簡潔的只是通過字體自身的粗細對比就可以完成,而黑色又是百搭色,雖不出彩,但也不會出錯。若是再想豐富畫面,則可以通過色塊來使字體產生對比的效果,加分隔線以及變形的文字(如第二張圖中的弧形字體,在PPT中很容易就可以做出)。

再者可以通過變換字體的顏色進行區分主次關系。在顏色與黑色之間,顏色會成為吸睛之處,黑色中還會有黑色和灰色之分。

但是就第三張圖來說,排版中應用了居中對齊,最后兩排文字又開始錯落,看起來畫面會比較亂。而第二張不僅居中對齊,兩端也進行了對齊,看起來就更加整潔。

此排版方式可以應用在簡約的設計中,例如小沐在此前發在自己的文字公共號中的圖文,靈感來源就是淘寶的“梅子熟了”店鋪中的商品介紹。

來自公共號:沐暖時光

再附上幾張DOWN下來的圖片,大家自己拆解分析喲~

圖片來自于店鋪:森宿
圖片來自于店鋪:糯米糯米你不開花

圖片來自于店鋪:旅行的意義

再來幾張多圖的~

圖片來自于店鋪:森宿

可以看到這張主要是應用了細條的色塊和線框,顏色取自于圖片。

圖片來自于店鋪:稀有概率

其實這個有些偏帥氣的文藝風,所以黑色部分較多,稍微有些偏歐美。但是文字部分排版還是很具有簡約文藝氣質的,注意它使用的斜線以及豎線。

圖片來自于店鋪:第九片海

這張又有些可愛感覺的文藝風。主要采用了粉嫩的色塊,以及與模特身著顏色一致的字體作為圖底。

歐美風

圖片來自于店鋪:S家原創設計

圖片來自于店鋪:GRACE CHOW

圖片來自于店鋪:NANASTYLE

圖片來自于店鋪:NANASTYLE

歐美風有一種撲面而來的帥氣啊~有木有!

可以看到畫面中黑色的面積會比較大,如果黑色作為底色,那么總會使用較為亮的顏色作為點綴色,一般為藍綠色、亮粉色、亮藍色等。在上次的教程中也提到了點綴色,就是在整個畫面中大約小于百分之五的面積的顏色。

第一張在文字上面還設置了肌理層,在整個大背景中還用了建筑物加黑色蒙版的形式讓畫面豐富起來。

第二張雖也算不得出彩,但是總體感覺比較對,試圖營造一種在粗糙墻面上涂鴉的形式,有質感的變化。

第三組的店鋪中首圖還有幾張,都是比較有設計感的。排版形式有變化,第三張則是用黑色矩形和英文單詞打破了完整的形,又利用線框創造了完型。

第四張圖應用的文字處理手法上面都有提及,但是放在一起又不顯凌亂,主要和居中對齊和外邊的方框有關系。顏色的選取上,將折扣的文字顏色突出,并沒有與畫面主題的藍色順應,而是做了對比的處理。

當然,藍色的補色應該是橙色,但是畫面中存在紅唇和紅色的構筑物,所以選擇時也會與此有所呼應。

可愛風

圖片來自于店鋪:LITTLEBUNNY兔醬

圖片來自于店鋪:LITTLEBUNNY兔醬


圖片來自于店鋪:LITTLEBUNNY兔醬


圖片來自于店鋪:第九片海

可愛風挺適合賣萌的,嘿嘿。

可愛風都會比較有童真,所以裝飾元素會看起來比較多,排布也會相對散亂一些。顏色一般以嫩粉色和粉藍色、淺綠色為主,冰淇淋色系,或者馬卡龍色系。裝飾元素較有簡筆畫的畫風,像是卡通貼圖。

背景會有一些紋理填充,波點,斜線等都是較好的選擇。

人物的處理方式值得關注,對于我們做經驗分享的人物海報時,若是采用了比較可愛的風格,也可以做同樣處理,即在人物后面加上與之相似的異形,并填充紋理或是顏色。

中國風

圖片來自于店鋪:半步手造

圖片來自于店鋪:半步手造

圖片來自于店鋪:貓迷森林

圖片來自于店鋪:貓迷森林

中國風,我們想到的元素就是水墨、竹子、印章等元素。整體感覺端莊,留白有呼吸感。

顏色選擇黑白不易出錯,第二組第二張更是大膽的選擇了兩個較為中性的顏色,紫色被稱為冷色中最暖的顏色,綠色則是暖色中最冷的顏色。感覺第二組就是妥妥的PPT封面以及目錄頁和內頁啊= =

下載筆刷,填充圖片是不錯的選擇,會使畫面看起來協調統一,并且有質感。

大家體會一下吧,意境感只可意會不可言傳啊~

小結

版式風格還有很多,受限于小沐的偏好,所以會比較多關注如上這些風格。希望大家在利用如上方法學習后,還有更多驚喜等你們自己去發現喲~

文字在畫面中本是作為點的元素存在,但是因為很多字在一起,便成為了線或者面的形式,所以在應用的時候便有了不同的效果。

在圖文排版中應用的技巧小沐稍微總結一下:

利用色塊對比文字

利用線條,方框豐富畫面

利用字體的粗細、色彩、大小進行對比強調

適當采用文字的傾斜和變形讓畫面產生動感

不管什么風格,都需要一個豐富的資源庫,這樣做設計的時候也會更加得心應手~


我們都要學會成為一個會學習的人,其實,留心生活,到處都可以學到很多東西。

你看過設計的廣度,也會影響你做設計的深度。

當然,在淘寶學習設計的成本會比較高,因為設計良莠不齊,需要花費大量的時間和精力去篩選,但當你把一些店鋪鎖定,下次再去找靈感的時候,則會節省很多精力,一勞永逸的事情。

對于學習的過程中,模仿是很重要的一個過程,不要怕模仿,也不要覺得模仿是一種很LOW的行為。其實,百分百的還原是一件很難的事情,不僅會涉及軟件的操作能力,還與自己的觀察力息息相關。

學習本應該是一件輕松愉悅的事情,希望大家都可以快樂學習~么么噠~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 菡岱閱讀 742評論 0 9
  • 文字排版設計是平面設計中最重要也是最能打動人心的設計要素之一。無論你的設計水平處于哪個階段,文字排版準則對于提升你...
    Norman_HU閱讀 4,355評論 0 34
  • 首先,文字是我們傳承文明的唯一工具。世界上所有的國家里,只有我們中國的文化是始終沒有間斷過的傳承下來,漢字是偉大的...
    曰月德閱讀 2,857評論 0 11
  • 文/ET王好好 “我不是微笑,我是做了嘴角上揚”是這個女孩留給我最深的一句話。 背景是什么呢?媽媽和這個整了2...
    ET王好好閱讀 321評論 3 3
  • 別再給孩子玩手機了,特別是初中生,這篇文章告訴你后果 雖然網絡上有其他類似的文章,相信很多家長也意識到手機等電子產...
    藝趣書苑閱讀 412評論 0 0