虛化背景-Banner設(shè)計(jì)背后的小丑
全屏大圖的banner是最近網(wǎng)站設(shè)計(jì)的主流,大屏幕的設(shè)計(jì)顯得高端大氣上檔次。而設(shè)計(jì)這么大的banner看似簡(jiǎn)單,但是想要展現(xiàn)最好的效果并非一件易事。首先,你必須要有清晰的大圖,好品質(zhì)的畫(huà)面,不然,就是考設(shè)計(jì)師的功底了,要設(shè)計(jì)出一個(gè)好的大背景,配合好的產(chǎn)品展示需要花點(diǎn)小心思呢。今天,教會(huì)大家一個(gè)小竅門(mén),不僅使得網(wǎng)站看起來(lái)大氣,還能很好的體現(xiàn)出產(chǎn)品的特征,對(duì)于設(shè)計(jì)網(wǎng)站模板大有幫助。首先,我們先來(lái)看一組圖片:
都是大屏幕banner是吧,很大氣吧。繼續(xù)看下一組:
這組的色彩更具誘惑,更時(shí)尚吧。關(guān)鍵點(diǎn)不在這里,而是你會(huì)發(fā)現(xiàn)他們的banner設(shè)計(jì)背景都是模糊的,而產(chǎn)品、人物和文字都是清晰的,這樣的設(shè)計(jì)方 式看起來(lái)不僅內(nèi)容豐富還色彩鮮明,有主次之分。對(duì)于煩惱苦思如何去設(shè)計(jì)一個(gè)banner大圖的設(shè)計(jì)師來(lái)說(shuō),是一個(gè)好方法。對(duì)于新手設(shè)計(jì)師來(lái)說(shuō),更是一種簡(jiǎn) 單上手做設(shè)計(jì)的好訣竅呢。
現(xiàn)在我來(lái)教會(huì)你如何去擺弄你的PS,來(lái)制作類似這樣的效果吧。只需一步就可以完成了。非常簡(jiǎn)單。
選擇一張漂亮的大圖,進(jìn)行高斯模糊,調(diào)到你所需要的數(shù)值,就可以了。效果立馬體現(xiàn)。當(dāng)然,如果你有更好的數(shù)值能夠調(diào)出更漂亮的效果就更好了。調(diào)整好 圖片就可以放入你的產(chǎn)品圖片和文字了。原本漂亮的一張圖片就這樣變化成了一個(gè)面目全非的背景,可是這小丑的角色可是起到了至關(guān)重要的作用,使得整個(gè)頁(yè)面的 背景看起來(lái)不再單調(diào)。默默的虛化襯托出產(chǎn)品的優(yōu)秀,小丑并不丑。
========================分割線========================================
昨天就按照這樣的方式,同樣是設(shè)計(jì)了一款咨詢策劃的網(wǎng)站模板,還有些不足之處,慢慢會(huì)改進(jìn)。
本文地址:http://pkvc.cn/tutorial/di1935.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏