• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 高級設計師是如何解構一張海報設計作品—- 設計教程




    教學主題: 高級設計師是如何解構一張海報設計作品

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 高級設計師是如何解構一張海報設計作品

    這教學的重點為這幾點 [ 海報,解構,如何,設計師,高級,網格,字體,我們,可以,一個 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    如何解構好的作品呢?在我們的設計生涯中需要多看多想,當然要看很多的好作品來提高自己的審美,擴展自己的武器庫。那麼當我們看到好的設計作品時怎麼辦呢?大多數情況下我們都會選擇看過之後就沒有然後了。其實我更建議大家把好的作品保存下來,然後去思考這個

    如何解構好的作品呢?在我們的設計生涯中需要多看多想,當然要看很多的好作品來提高自己的審美,擴展自己的武器庫。那麼當我們看到好的設計作品時怎麼辦呢?大多數情況下我們都會選擇看過之後就沒有然後了。其實我更建議大家把好的作品保存下來,然後去思考這個作品為什麼要這樣做。

    也就是知其然,知其所以然,知道它為什麼好,好在哪裡,這樣的思考過程對自己的提高是很有幫助的。現在我以一組adidas的海報作品來進行解構,我們一起來看看這張海報為什麼如此美觀大方。

    高級設計師是如何解構一張海報設計作品

    就是這張海報作品,下面我們對其進行分析解構。

    這個海報漂亮有兩個方面原因,第一個原因是選擇的底圖好看,細節足。第二個原因則是版式排的好看。

    我們重點解構他版式排版這一塊。

    首先從版式上來說,它裡面的點元素相當於劃分的網格:

    高級設計師是如何解構一張海報設計作品

    這樣大家可以看明白,除了四周的天頭地腳和左右頁邊距,這些小點將頁面劃分成了6*8的模塊網格,如下圖。

    高級設計師是如何解構一張海報設計作品

    問:這樣柵格化就是為了文字排版?

    答:對,網格系統服務於排版,但是字的精緻程度和字號大小、行距字距也影響着版面的美觀。

    我們來繼續分析,其中他的主標題,SEASON1,佔據了兩個模塊網格的長度,下面的正文則佔據了三個模塊網格的長度和一個模塊網格的高度,如下圖。

    高級設計師是如何解構一張海報設計作品

    那麼為什麼一個佔據兩個模塊,一個佔據三個模塊呢?

    因為要有長度對比跟疏密對比,可以看到主標題是採用了寬鬆型字距的。

    高級設計師是如何解構一張海報設計作品

    問:其實這個按你那樣說不科學,為什麼畫了網格英文幾行就卡着網格,右上和右下就不卡着。

    答:我這個網格沒畫標準,只是從宏觀上分析別人的作品而已。回答你這個問題,因為這個版面是按小點的中心對齊的,如下圖。

    高級設計師是如何解構一張海報設計作品

    上下兩行都是在旁邊點元素的中心線上。明白了嘛?

    另外網格不是一個死東西,是可以無限劃分的。

    比如我現在是6*8的網格,我們還可以每個網格之間平分,變成12*16的網格。

    但最終決定排版美不美觀的因素是什麼?答案是審美,只有你的審美好你才能做出漂亮的設計,網格系統什麼不過是輔助的工具而已。

    比如一個畫家,就算給他一根樹枝,他也可以在地上畫出驚艷的畫作,但對於一個不會畫畫的人,就算給她全世界最豪華的畫材,他也畫不出好的作品。

    繼續,我們詳細講一講這個版面中的網格。其實這個版面,一開始是可以從雙欄網格開始劃分的,如下圖:

    高級設計師是如何解構一張海報設計作品

    一開始從雙欄劃分,比如小文字就佔據了一欄,留白佔據了一欄,而後每個欄又劃分成三份,能明白嘛?

    高級設計師是如何解構一張海報設計作品

    右上角的LOGO也是佔據了一個模塊網格的大小。

    高級設計師是如何解構一張海報設計作品

    那我們來看上圖這個LOGO為什麼沒按照模塊網格的長度來呢?這就是我說的網格是可以無限劃分的應用了。

    再具體分析的話,就像圖上一樣,它其實是又把左側的網格對半分了一下,所以這個adidas的LOGO佔據了一個半模塊網格的長度。網格不是很死工具,一切都在於靈活運用與審美上。那些說網格排出來的東西很死板的人根本就沒有深入的了解網格系統。

    從宏觀上我們分析完了,再來看看,為什麼好看,其實排的好不好看一個重要的原因是取決於字體的精緻程度。

    高級設計師是如何解構一張海報設計作品

    從圖上可以看出他用的字體是非常精緻的。

    字體名稱叫AdiHaus,是adidas的御用字體,所以用好字體也是關鍵。

    但是這款字體網上並沒有資源可以下載,所以我用了一款比較相似的字體來做分析,

    高級設計師是如何解構一張海報設計作品

    我用的字體名叫Avenir,也是著名的有幾何化特徵的無襯線體之一。

    高級設計師是如何解構一張海報設計作品
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    上面是adidas的官方字,下面是我用的Avenir字體,如果對字體的敏感程度不夠,一定會認為這是一款字體。

    兩款字體主要是細節上的不同,首先從字寬來說,我選的字體就沒有原來字體寬。另外筆畫細節的處理上也有所不同,比如下圖中對1的處理。

    高級設計師是如何解構一張海報設計作品
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    我們再來看看內文排版。

    高級設計師是如何解構一張海報設計作品

    右邊是我模擬的。從圖上可以看出它文字層級關係分的十分明確。

    如果要計算字號的話

    高級設計師是如何解構一張海報設計作品

    我們可以看出,它主標題用的是40號字,內文用的是16號字,40÷16=2.5,所以它字號之間是2.5倍的關係。

    高級設計師是如何解構一張海報設計作品

    再來看一下標題與內文的字重對比,標題採用的是Bold粗體,內文採用的是比Bold細一個等級的Demi體。

    高級設計師是如何解構一張海報設計作品

    所以我們可以看出這麼一個美觀的海報,裡面包含了這麼多東西,也正是這些,讓版面變得規整有序,美觀大方。

    高級設計師是如何解構一張海報設計作品

    例子舉完了,這就是我看到好的作品時的分析解構方法,大家學會了嘛?

    本文章版權歸 [ 視覺狀態設計研究所 ] 所有,歡迎關注它的微信公眾號:

    高級設計師是如何解構一張海報設計作品

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 高級設計師是如何解構一張海報設計作品 這教學會喜歡

    文章標題: 骨子愛創意- 高級設計師是如何解構一張海報設計作品–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 海報,解構,如何,設計師,高級,網格,字體,我們,可以,一個

    本文永久連結 :高級設計師是如何解構一張海報設計作品

    本文轉載自 :VIA