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




  • [ 平面理論教程 ] 平面設計里怎樣提高作品的視覺衝擊力—- 設計教程




    教學主題: 平面設計里怎樣提高作品的視覺衝擊力

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

    今天的這個教學主題是: 平面設計里怎樣提高作品的視覺衝擊力

    這教學的重點為這幾點 [ 視覺,作品,提高,怎樣,平面設計,字體,設計,可以,我們,一 ]

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

    本文重點

    提高視覺衝擊力的方法非常非常多,我將結合下我的平面設計經驗,總結歸納一下我所學習到的平面設計理論。我一直覺得學習平面設計不能只着眼於平面,應該讓眼光開闊些,所以我下面的一些例子會從傳統平面海報,繪畫,建築,電影等各個方面來分析設計原則。

    提高視覺衝擊力的方法非常非常多,我將結合下我的平面設計經驗,總結歸納一下我所學習到的平面設計理論。我一直覺得學習平面設計不能只着眼於平面,應該讓眼光開闊些,所以我下面的一些例子會從傳統平面海報,繪畫,建築,電影等各個方面來分析設計原則。

    內容摘要

    排版四大原則

    字體選擇與運用

    平面版式

    故事元素

    排版四大原則

    平面設計中最經常被使用到,也是經常被人提及的四大原則分別是Contrast/對比,Repetition/重複,Alignment/排列,Proximity/親近。

    1. Contrast/對比:

    “Contrast is the most important element of all graphic design. ” — Jan Tschichold

    對比是所有平面設計中最重要的元素。我們可以在設計過程中,找一個對比點,再把這個對比極端化,例如,使用正負形空間,對比色,粗細對比,尺寸大小對比,字體bold和Italic對比等等。

    平面設計里怎樣提高作品的視覺衝擊力

    上面這張經典而精彩額封面由Emily Mahon 設計,封面插畫的作者是RayMorimura 。通過田野線條的縱向延伸,同時使用負空間將觀看者的注意力引向(TheWealth of Nations)這一標題的,設計師使用了自然風景,動物和人物手掌為設計元素,是否是利用人與自然之間的關係的角度來詮釋書籍內容?

    平面設計里怎樣提高作品的視覺衝擊力

    在上面這張Helen Yentus 設計的封面中,設計者使用了白色的方框來象徵醫院中冰冷的消毒燈。設計者還有意識地將醫生的形象處理得沒有特色,這是為了凸出該書主題的普遍性。

    平面設計里怎樣提高作品的視覺衝擊力

    上面這張海報中,標題字體顏色對比,副標題顏色對比,大標題副標題正文的字體大小對比,狼人,小孩,葉子等正負形的手法作為圖形,可以說是對比手法用的很成功的一幅海報作品。負空間並非意味着封面要保持絕對的極簡主義。它可以是一種集中讀者注意力的設計策略。

    平面設計里怎樣提高作品的視覺衝擊力

    學習平面設計,從藝術繪畫中獲得靈感是必不可少的方法。例如,畢卡索運用黑、白、灰的色調來表現畫境,使得整幅畫的畫面看起來如同服喪般晦暗。房子正熊熊地燃燒著,一個女人被火燒著掉下來,停止呼吸的嬰兒、四肢分離的士兵屍體,刀子旁邊開著的白花。是電燈?還是炸彈爆炸的光芒?整幅畫的結構和筆法看起來似乎相當粗率。人物的肢體被任意地任意地延長或縮短。手指和腳趾大得不協調,本是人的側面之處,卻有兩個眼睛不自然地長在一起,或是不自然地排列着。

    平面設計里怎樣提高作品的視覺衝擊力

    2001太空漫遊中的經典畫面,富有故事的對比,是原始到現代科技的轉變。

    2. Repetition/重複

    重複並不是單調,重複是可以用少數的元素快速傳達畫面想要傳達的信息,例如

    平面設計里怎樣提高作品的視覺衝擊力

    重複的元素是信息設計中必不可少的手法,重複圖像一出來,信息數據、畫面中傳達的內容故事也就直接的呈現,可以說這是非常直觀的手法。

    平面設計里怎樣提高作品的視覺衝擊力

    重複並不一定是一個元素不變。在這幅壁畫中,科學家、藝術家、哲學家全都被安排在一座宏偉的廳堂內。大廳中央是腋下夾着「蒂邁烏斯篇」(Timeaus)、富於象徵意義地以食指指天的柏拉圖(Plato),以及一手拿「倫理學」、另一b手臂伸向前方的亞里士多德(Aristotle)。其他的著名人物包括蘇格拉底、畢達格拉斯、歐幾里德等人。這些聚集在一起的人物造型,使拉斐爾成功地用簡單的形象來表達這一個最複雜的內容。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    重複手法在建築的應用上,從古埃及到現在都是不可缺少的設計原則,在英國的格洛斯特大教堂(Gloucester Cathedral)可以看到重}的扇狀拱頂(vault),在北京天壇祈年殿的藻井也看到環形式的重複構圖。

    平面設計里怎樣提高作品的視覺衝擊力

    如果每一個單位是一個元素,那二十世紀中國著名的建築師貝聿銘(I. M.Pei)為巴黎羅浮宮所建造的玻璃金字塔即為一個很傑出的建築範例。三角形讓它朝三度空間重複地發展可以形成有趣的立體構成。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    還有一種重複,是風格。重複讓一個產品或者品牌形成了風格,也可以把它理解我我們品牌設計中常說的視覺統一。

    平面設計里怎樣提高作品的視覺衝擊力
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    重複也可以形成品牌符號,有沒發現有很多奢侈品的品牌視覺就是用重複手法做的。

    3. Alignment/排列

    排列手法有一個很大作用是引導視覺,它讓我們的畫面中的元素找到平衡,它可以讓我們的畫面形成一個系統,如“網格”,網格後面我們再詳談。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    從上面這張封面上,讀者可以判斷出書的內容與強迫症有關。封面中色彩搭配和近乎完美的線條都給人以愉悅之感。封面的風格應該體現全書的整體風格。如果書籍的內容和嚴肅,不可用充滿幽默元素的封面來誤導讀者。這會讓讀者失去對設計師的信任。

    平面設計里怎樣提高作品的視覺衝擊力

    設計師Jessie-Jisun Lee將著名導演大衛林奇的照片不加修飾地放到了封面中。而使用方塊隔開的字體則給人一種猜謎之感,這暗示該書將把與大衛林奇相關的細節透露給讀者。

    平面設計里怎樣提高作品的視覺衝擊力

    在竇加的作品《浴盆中的裸女》(The tub)當中,從裸女右手抓著頭髮的位置開始欣賞這幅畫,將順着頭髮往下隨着少女的眼神注意浴盆的邊緣。然後再一路隨着浴盆的弧線,經過少女的手指,與桌邊的直線相交。但是,竇加很技巧地運用桌上的梳子再引導觀賞者的視線回到少女迷人的身軀以及她的右手。畫中其他的物品或擺設,則是用來平衡整個畫面,使觀眾的注意力隨時停留在裸女身上。

    看似平平無奇的畫面,卻都是帶給我們無限的內容和學習空間,所以我們要多多留意周邊的物品,說不定下一幅牛逼作品就在你身旁:)

    4. Proximity/親近

    親近這個詞是英語翻譯過來,我們中文會不太好理解,大致意思可以是元素與元素之間的關係。我們把畫面中的幾個元素放在一起,他們之間必須是有聯繫的,或者說,應該是合理的。

    平面設計里怎樣提高作品的視覺衝擊力

    這本書封面的淡綠色調讓人很自然地聯想到書中虛構的翡翠城市(Emerald City)。此外,膽小獅子的雙眼也充滿魔力,同時用拼貼的手法,讓水桶,獅子,人和麻布衣服構成一個完整的臉,確實會引起讀者的好奇心,這樣的配合到底和書中內容有什麼必然聯繫。

    平面設計里怎樣提高作品的視覺衝擊力

    上圖封面的設計者從心理測驗所用的洛夏墨跡(Rorschach Inkblot test)中獲得了靈感,這張封面表現了這本名著(《蠅王》)兇殺和智力遊戲的主題。四濺的鮮血讓人覺得怪異卻印象深刻。沒有什麼能比強烈的感情更能促使讀者入手一本書的東西了。在設計時,應試圖通過喚醒讀者的內心情感使他們與書籍的角色及主題建立起聯繫。

    平面設計里怎樣提高作品的視覺衝擊力

    將人的眼睛部位和拱形門將結合,兩個元素之間的替換是想要闡述人物與圖像的關係還是想類比人物當時眼中所見之物呢?親近方法是類似一種比喻的方式,讓人對作品無限聯想。

    字體選擇與運用

    說完平面四大原則,這一部分是也是重中之重——字體。每一款字體都帶有其各自的風格和情緒,例如襯線字體帶有高貴,傳統的感覺,而無襯線字體則給人簡約,現代的感覺。選擇正確的字體會讓畫面加分不少,當然,選擇不當會直接毀掉畫面。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    我們把所有字母在視覺上保持水平對齊,但是他們並沒有絕對意義上的相同高度。比如,這個三角形比矩形要高,否則,三角形肯定會看上去比矩形要小。同樣,圓形也需要超出基準線而達到視覺上的對齊。如果圓形和矩形高度相同,那肯定會看起來比矩形小,這原則可以應用在字體設計中的每一個字母,是很重要的一條法則。

    字體的選擇是協調畫面的黑和白。黑,字體的外形。白,字體內部以及字體與字體之間的部分。字母內部的白決定了字母與字母之間的白。創造一種黑多白多的字體是不可能的,一種黑體白的部分肯定比細體白的部分少。

    平面設計里怎樣提高作品的視覺衝擊力

    選擇和安排設計的字型時,閱讀難易度應該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字,中文最小最好不要超過7點,英文一般來說不低於8-9 點之間,而網頁則是 15-20 之間,大部分的瀏覽器默認值是 16 點。當然,這不是準則,應視情況而定,最保守的做法是直接輸出打印,測試最合適字號。

    平面設計里怎樣提高作品的視覺衝擊力

    每種字型都散發獨特的情感或個性,也許是友善、新潮、嚴肅或傻裡傻氣,但大部分的字型並不是萬用的,所以你要判斷一個字型對你來說是怎麼樣的感覺,還有它適不適合放在這個設計裡面。我的方法之一就是列出該設計需要呈現哪些特質,如果能先確定內容更好,這樣就能直接挑選字型來配合建立好的內文調性。

    每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過程。

    平面設計里怎樣提高作品的視覺衝擊力

    對於海報設計上的字體,因為空間更多而且大家通常會從遠一點的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發揮創意和選擇更有型的文字。一些像名片之類的小型項目或是長段文章會需要小一點的字,但這些字也要清晰易讀,而都充滿裝飾。

    平面設計里怎樣提高作品的視覺衝擊力

    該作品通過後台程序編碼,用戶可以輸入一串文字,該文字將會自動生成一隻已字體組成的怪獸,用戶可以通過鍵盤控制該怪獸進行一 系列遊戲,該怪獸會跟隨着音樂的節奏而變化,玩這個音樂電視就像在玩遊戲一樣,運用多樣化的交互工具我們可以儘可能的調用人體多種感官,我們通過自己的身體感受和體驗在字體之中所蘊含的情感。

    平面設計里怎樣提高作品的視覺衝擊力

    不同的質感和肌理,會使人產生不同的心理感受。施德明Stefan Sagmeister 通過利用各種材料的質地效果來完成字體的創意設計, 有拼貼、纏繞、排列組合等手法,為字體的視覺表現開創了新的思路。有的材質字體是實物模型製作出來, 通過攝像技術,拍攝成視頻影像。有的材質字體是藉助計算機來完成多元渠道的應用使字體增添更多趣味。

    平面版式

    平面版式中最科學嚴謹的就是“網格”了,可能很多人覺得網格限制設計師的工具,會讓設計變得理性而沒有人情味,我覺得不然,僅僅幾個矩形就可以有創造無數的版式,如果再配合圖形,圖片,文字信息,那將會是有更多的驚喜。這裡有運用網格嘗試了16種排版方式,可以作為部分版式的指導。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    360設計雜誌的風格是用三張封面疊加的方式設計,安排層次圖形和元素之間的層次感,可以在干擾視覺的同時,突出自身所想體現的主題,這種表現方式往往是比較直接而且有效的方式。這種視覺干擾是在分散欣賞者多餘視線的同時,更能注意到雜誌logo上,這種疊加方式所產生的圖形視覺效果也是這本雜誌的輔助圖形。

    平面設計里怎樣提高作品的視覺衝擊力

    比例也是版式中不可忽視的部分,比利時的超現實主義畫家馬格利特(Rene’ Magritte )畫了一件名為《個人價值》(Personal Values)的作品。在這幅畫中,我們看到一把梳子、一個酒杯、一把修面刷和一個肥皂。這些日常用品的相對大小與其所處的空間關係十分奇怪;如果不是它們的尺寸過大,超乎常理,要不然就是這個空間是一個很小的玩具屋。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    自古至今,運用黃金分割比例原理創作的偉大藝術作品不勝枚舉,如埃及的金字塔、雅典的巴特農(Parthenon)神廟、達文西的蒙娜麗莎 … 等等。以上以雅典巴特農神廟及法國點描派畫家秀拉(Georges Seurat)的《戲水的人》(Bathers)為例說明之。

    平面設計里怎樣提高作品的視覺衝擊力

    平面設計里怎樣提高作品的視覺衝擊力

    利用黃金分割比例連續u作愈來愈大的正方形,以弧形連接每一個正方形的對角,可以形成一個螺旋狀的曲線,將這個曲線運用在希臘建築柱頭的設計,就形成愛奧尼亞式(ionic order)的柱頭。

    故事元素

    前面幾個方法都是設計手法為主,而這部分,強調的是畫面帶來的內容。如何把畫面內容、故事等用平面設計的手法傳達給觀眾,就是我們平面設計師的工作。

    平面設計里怎樣提高作品的視覺衝擊力

    皇冠+鮮血所渲染的氣氛是血腥和凝重的,背後無疑是一個極為扣人心弦的故事。這張封面雖然沒有提供詳盡的細節,但權力爭鬥,懸疑及皇室的要素已經彰顯無遺。

    平面設計里怎樣提高作品的視覺衝擊力

    上面這張為Jules Verne的小說《地心歷險記》葡文版設計的封面出自Carlo Giovani之手。封面通過不同的顏色,形狀,質感,加上層層分級的效果,展現了地殼的不同分層。單從書籍封面的圖像就可以清楚該書的大致內容,只是非常高明的故事表達方法。

    平面設計里怎樣提高作品的視覺衝擊力

    Chanel 2011年指甲油創意廣告,片子拍攝全程用女性的手指作為主體,這是一個很棒的比喻手法,將手指比喻為女性雙腿,紅色指甲油自然變成舞鞋,在搭建的舞台上,配合音樂節奏跳起舞,這種講故事的手法會給觀看者留下深刻印象,因為這是指甲油已經不只是指甲油,它是舞台上不可缺少的閃光點。

    總結

    以上介紹了排版四大原則 + 字體選擇與運用 + 平面版式 + 故事元素四大內容,均通過其他人的作品來分析設計手法與運用。

    我個人認為,提高視覺衝擊只是更快地抓住別人的注意力,視覺手法只是用來輔助和表現你的主題與創意的手段。

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

    希望我們所介紹的 平面設計里怎樣提高作品的視覺衝擊力 這教學會喜歡

    文章標題: 骨子愛創意- 平面設計里怎樣提高作品的視覺衝擊力–轉載請註明來源處

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

    文章相關關鍵字為: 視覺,作品,提高,怎樣,平面設計,字體,設計,可以,我們,一

    本文永久連結 :平面設計里怎樣提高作品的視覺衝擊力

    本文轉載自 :VIA