暢游VC:快速打造酷炫Slogan
slogan(標(biāo)語)是所有設(shè)計(jì)重中之重,它所強(qiáng)調(diào)一個(gè)活動(dòng)或是一個(gè)產(chǎn)品最為突出的特點(diǎn),所以今天給大家?guī)韼讉€(gè)炫酷的案例,希望同學(xué)們能蓋特(get)一些細(xì)節(jié)的技巧。
一大波slogan正在靠近......
案例一
啪啪啪,把UE給的slogan敲好。
讓我們see一下slogan,主題背景應(yīng)該是圣誕節(jié),送福利,亂high。
主標(biāo)題貌似有點(diǎn)長(zhǎng),我先給文案排排版,變變形。
我們先把文案主標(biāo)題、副標(biāo)題層次拉開,字體的話,我們用一個(gè)有襯線字體,更貼合圣誕節(jié)feel。
slogan的字形如何變得更有圣誕氣氛呢,我們找了一個(gè)關(guān)于圣誕的圖形,找一找能提煉的細(xì)節(jié)元素。吼吼,這個(gè)元素不錯(cuò),俏皮不失可愛,挺像圣誕老人胡須,啾啾啾,很符合我們主題氣質(zhì),就它了。
在主標(biāo)題筆劃的落尾出加上我們提煉出來的小胡須,副標(biāo)題就不加了這個(gè)元素了,因?yàn)楦睒?biāo)題如果加了會(huì)拉不開層次,筆劃會(huì)很含糊,所以副標(biāo)題用了另一個(gè)圓角字體,拉開之間關(guān)系。
接下來我們要添加效果樣式,想想還有些激動(dòng)。據(jù)小道消息專題背景好像紅色的,如果背景是紅的話,字體用冷色肯定不行,白色的話需求方爸爸肯定會(huì)說跟沒設(shè)計(jì)過,如果我沒算錯(cuò)的話,就只有黃色了。但是只用黃色的話,就略顯單薄了。漸變加起來。字體厚度搞起來。
漸變效果做完了,接下來開始把字體厚度搞起來。將文字轉(zhuǎn)化為形狀,復(fù)制一層,然后按alt鍵+方向鍵復(fù)制多層。再把字體的投影(復(fù)制字體厚度圖層,設(shè)置動(dòng)態(tài)模糊并疊加正片疊底模式)做出來。
再制作出字體厚度的反光效果,使字體更加有質(zhì)感。
讓我們看看字體運(yùn)用到頁面會(huì)是以一個(gè)怎樣的效果。6666666666666666
案例二
從需求方那得知,整個(gè)專題大背景以雪景為主,偏向Q版的風(fēng)格。先來找個(gè)Q點(diǎn)的字體。
Q版的字體,應(yīng)該胖胖的,可愛的?,F(xiàn)在的這個(gè)字體,感覺是有了,但是,太細(xì)了,我們得給它增增肥。選中錨點(diǎn),將字體進(jìn)行變形。
增肥完成后,從字面意義出發(fā),進(jìn)擊/召喚/獸 看看還能不能再把字體做的更有意思點(diǎn)。
大感覺做好了,接下來開始給字體加質(zhì)感和厚度了。先給字體加藍(lán)色描邊,把空隙全部填滿,并添加漸變。
選擇藍(lán)色描邊圖層,復(fù)制一層。按alt+下右方鍵按鈕。制作字體厚度。
最后,將字體加上反光效果,就大功告成了。
讓我們來看看最終放在頁面上的效果圖。
小結(jié)
1. slogan的字體效果,要在頁面的主題背景大前提下做設(shè)計(jì)。
2.做字體變形時(shí),加一些細(xì)小元素,使整個(gè)slogan更加生動(dòng),吸引眼球。
3.把文字厚度做出來,使slogan更加凸顯。
本文地址:http://likemindfilms.com/tutorial/ui3275.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏