網(wǎng)頁(yè)設(shè)計(jì)教程:打造華麗的房地產(chǎn)網(wǎng)站首頁(yè)效果
本教程是高檔商業(yè)房地產(chǎn)網(wǎng)站的設(shè)計(jì)過(guò)程和方法。作者為大師級(jí)別的高手,制作當(dāng)然非常講究。畫面構(gòu)成簡(jiǎn)潔大氣,素材安排恰到好處。色彩渲染層次感強(qiáng)??傮w非常經(jīng)典,值得學(xué)習(xí)。
最終效果
1、前期素材準(zhǔn)備,去網(wǎng)上搜集一些華麗,有氣派的素材圖片,根據(jù)下圖標(biāo)志風(fēng)格選擇一些歐式華麗素材。
2、先將畫面分成上中下三欄,Logo中間排列,菜單有金屬感,將菜單指示效果做成金屬感,菜單間的空隙要比Logo左右兩邊的空隙小,利用調(diào)整圖層控制Logo背景的光效,為了增強(qiáng)菜單背景的肌理質(zhì)感,適當(dāng)在背景上鋪上歐式花紋。
3、將城市背景元素加進(jìn)來(lái),需要自己找相關(guān)的素材。背景城
市在放置的時(shí)候一般要重心下移,留出天空的位置,也要留出位置方法廣告詞,不要把畫面塞得很滿,畫面有透氣感才好。
4、城市背景與天空混合。把城市圖層混合模式改為“正片疊底”,在城市圖層下面新建一些圖層,用鋼筆工具將大樓的外輪廓勾出來(lái),用白色填充,多做幾個(gè)圖層分別填充白色,便于以后修改。然后用調(diào)整圖層將右邊天空的云彩調(diào)亮。
5、接下來(lái)擺放主體元素,用帝王,地標(biāo)建筑代表巔峰,傲視群雄。這是要表達(dá)的核心元素。主體元素可以使人或物,如寶座、權(quán)杖、皇冠等。
擺放元素要注意大小、位置、比例要合適,主元素造型要完整,大部分必須整體沒(méi)有缺失。
6、擺放廣告詞的地方,背景圖形不要太復(fù)雜,廣告詞是重色背景就要淺些,廣告詞的背景是深色,廣告詞就用淺色,一般的地產(chǎn)廣告詞由主標(biāo)題、副標(biāo)題、說(shuō)明文字、英文翻譯組成。
7、網(wǎng)頁(yè)設(shè)計(jì)最后一步---整體調(diào)色:
首先是VI色:VI色決定畫面的色調(diào)關(guān)系,確定后畫面是暖調(diào)還是冷調(diào),亮調(diào)還是暗調(diào);
然后是色彩冷暖:色彩冷暖是指在同一色調(diào)范圍內(nèi)色彩關(guān)系要有冷暖對(duì)比。
還有色彩協(xié)調(diào):色彩協(xié)調(diào)指色彩在對(duì)比的基礎(chǔ)上達(dá)到統(tǒng)一協(xié)調(diào)均衡。
最后效果:
本文地址:http://m.likemindfilms.com/tutorial/ps926.html
- 專訪:石墨文檔產(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ì)系列文章(二):全屏