專題頭圖設計需要注意的細節(jié)(3)

來源:站酷 作者:李晨光 學習:5754人次
好的專題設計,有創(chuàng)意,整體效果和諧,用戶印象深刻,內(nèi)容傳達有效,視覺元素有延續(xù)和繼承。整個頁面銜接不生硬。這都需要設計師動腦去巧妙構思和發(fā)揮。這期就頭圖部分,整理了一些觀點和大家做分享

教程所講的都是PC端的專題設計所需要注意的細節(jié),我們先從頭圖開始講起。
色彩

頭圖作為專題第一眼印象,重要性我就不再強調(diào),如何判斷一個頭圖色彩做的好,有很多小方法,分享給大家。

很常用的一招,將頭圖去色,看對比度,在灰度的情況下,頭圖的標題,文字依舊有很好的表現(xiàn),我們可以判定這張圖,在色彩的處理上是OK的,對比達到,反之,顯示比較模糊,那么在色彩上,可能還要再花功夫。如下圖。
專題頭圖設計需要注意的細節(jié)

專題頭圖設計需要注意的細節(jié)
當然,在色彩方面,這是靠上述方法,肯定是不行的,顏色就如同人穿衣服,搭配好看也是一種學問,對于色感不好的同學,我建議是學習好作品的配色方案,以及根據(jù)大自然來配色,請看下圖示例。

專題頭圖設計需要注意的細節(jié)

構圖 好的頭圖不權有一個吸睛的色彩搭配,還得有一個好的構圖,在構圖方面,除了網(wǎng)上流行的左右結(jié)構,倒三角結(jié)構,三等分結(jié)構等等,這里我給大家分享的是,如何快速找到構圖的靈感,在思考構圖方面主要注意的一些事情。

專題頭圖設計需要注意的細節(jié)
上圖中,寒秋為關鍵字眼,突出表現(xiàn)在寒冷,首先在場景的打造上,很容易的就會聯(lián)想到冰雪這樣的元素,另外為了表現(xiàn)秋這一季節(jié)性,也會聯(lián)想到落葉這類元素。

專題頭圖設計需要注意的細節(jié)

再來是場景中元素的層次感,我們來分析下圖,1為視覺最近的地方,2為較近的,3遠的,4為更遠的,層次感對于構圖很重要,頭圖的立體感,場景真實感都靠它。

專題頭圖設計需要注意的細節(jié)
不管是何種風格,迅速的找到感覺,比較快的方式,還是從方案入手,找關鍵詞聯(lián)想,確認整個頭圖使用元素,風格,再來就是關于場景的打造方面,層次的表現(xiàn),各個元素之間的前后關系一定要清楚。

專題頭圖設計需要注意的細節(jié)

文字 好的專題頭圖,除了有精美的視覺元素外,頭圖的大標題要重點強調(diào),它通常需要設計師花費專門的精力來制作字體的變形和特效。好的字體效果其實可以成為專題的主視覺,成為最亮眼的一部分,同時也是最直接體現(xiàn)專題主旨的方式。文字的表現(xiàn)形式不具體展開,這里只是把需要注意的方面羅列出來,給大家做分享。

文字可以做變形,可以和圖形結(jié)合,這都是很好的表現(xiàn)形式,但是文字變形組合的基礎一定是辨識度。

專題頭圖設計需要注意的細節(jié)

文字的風格,要符合整個頭圖的風格。

專題頭圖設計需要注意的細節(jié)

文字一定是突出表現(xiàn)的,在對比上要很大程序上區(qū)別背景。

專題頭圖設計需要注意的細節(jié)

文字分主次,可以用不同的字體,不同的字號做區(qū)分,原則上一個頁面不宜超過三種字體。

專題頭圖設計需要注意的細節(jié)

好的專題設計,有創(chuàng)意,整體效果和諧,用戶印象深刻,內(nèi)容傳達有效,視覺元素有延續(xù)和繼承,整體頁面銜接不生硬。這都需要設計師動腦去巧妙構思和發(fā)揮。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
K字用輔助線畫了好久 求大神指教啊2018-04-19 08:21
32個贊
雨季還未停2017-05-27 11:02
學習啦學習啦
grbytff2017-05-27 10:38
看起來很好的效果.
小白白臉2017-05-27 04:57
看起來很好
封印miss2017-05-27 03:08
學習啦學習啦學習啦學習啦
荼蘼的香味2017-05-27 12:53
學習啦
壞小孩安2017-05-27 12:00
學習學習啦學習啦
天使搞飛機2017-05-27 06:40
學習
陳曉帥2017-05-27 06:28
不醉BOB2017-05-27 06:28
姜姜姜皓宸2017-05-27 06:28

關注大神微博加入>>

網(wǎng)友求助,請回答!