photoshop設(shè)計時尚網(wǎng)站模板(4)
來源:未知
作者:學(xué)photoshop
學(xué)習(xí):1860人次
可選背景/顏色二
這里我又換了一張iStockPhoto站點的叫做“Blue Energy”的抽象圖片做背景。因為顏色變了,所以通覽一遍,將一些地方的顏色做了修改——特別是文字地方——再在主圖層上添加一個亮光。
為什么奏效
現(xiàn)在你可能也不會想這個詳細設(shè)計了——既然我已經(jīng)寫了完整教程,F(xiàn)在談一談為什么有這個效果,這樣可以幫助你用這些原則來創(chuàng)建你的專屬頁面
這里是本次設(shè)計的幾條原則:
首先,我挑選了幾張很炫的背景圖片。用幾張iStock的圖片和一張GoMedia圖片可以做出來很好看圖片。雖然很好看,但是不會喧賓奪主。他們也很容易淡出。一般容易淡化的圖片更容易處理。
好圖片一定要搭配簡潔的字體排版。因為圖片已經(jīng)很可愛了,就沒有必要過分強調(diào)字體。一定要是清爽明了,井井有條。
作品另一個因素就是有足夠空間。在復(fù)雜背景下,很容易看東西就一團糟,所以元素之間,方框以內(nèi)等地方要保持足夠的空間?臻g寬裕也是讓設(shè)計看起來更為高檔的好方法。沒人喜歡亂七八糟的下等設(shè)計。
誠然還有很多其他方面的東西可以談,像顏色、優(yōu)先級等,但是我認為這里需要關(guān)注的主要設(shè)計元素還是字體和背景的搭配。最后總結(jié)一下,這里一幅小圖就說明一切了:-)
現(xiàn)在看HTML/CSS
photoshop部分的工作已經(jīng)完工了,現(xiàn)在要看看HTML/CSS!接下來來到NETTUTS,我們把設(shè)計應(yīng)用到正在使用的網(wǎng)站上。
英文原文:Create a Sleek, High-End Web Design from Scratch
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop繪制好看的老式wordpress主題
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!