當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

文字的風(fēng)格,要符合整個頭圖的風(fēng)格。

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

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

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

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

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

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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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