想知道一個(gè)網(wǎng)站的首頁效果圖制作的基本過程
在網(wǎng)頁效果圖的設(shè)計(jì)階段,應(yīng)按照繪制結(jié)構(gòu)草圖,在Fireworks中繪制輔助線、繪制結(jié)構(gòu)底圖、添加內(nèi)容、對效果圖進(jìn)行切片、對切片進(jìn)行優(yōu)化、輸出切片刀Dreamweaver的順序來依次進(jìn)行。下面將會介紹網(wǎng)頁效果圖設(shè)計(jì)中各個(gè)流程的作用。
在圖像軟件中設(shè)計(jì)網(wǎng)頁效果圖,總體可以分為7個(gè)步驟:(1)、創(chuàng)建畫布,添加輔助線來布局;(2)、繪制結(jié)構(gòu)底圖;(3)、添加內(nèi)容,包括圖像和文字;(4)、切片;(5)、優(yōu)化;(6)、導(dǎo)出;(7)、布局。
1、創(chuàng)建輔助線
在具體設(shè)計(jì)前,應(yīng)當(dāng)考慮到網(wǎng)頁的布局形式,可以根據(jù)策劃階段確定下來的網(wǎng)頁布局草圖,在Fireworks的畫布中添加輔助線,這樣做的目的是為了明確頁面布局形式和面積。
需要注意的是,對于布局結(jié)構(gòu)比較復(fù)雜的頁面,輔助線不是一次就能夠全部創(chuàng)建好的,而是一部分內(nèi)容創(chuàng)建一部分否則輔助線過多會使頁面混亂。
2、繪制結(jié)構(gòu)底圖
根據(jù)創(chuàng)建好的輔助線,使用Fireworks的工具或者是矩形選取框工具,把網(wǎng)頁效果圖中帶有底色的“矩形塊”依次繪制出來,形成一個(gè)整體的布局效果。
這里的“矩形塊‘只是一個(gè)統(tǒng)稱,可以使任意的形狀。除了得到形狀以外,還可以直接對這些”矩形塊“配色,或添加紋理、濾鏡,從而在整體上對頁面的配色方案進(jìn)行控制。
3、添加內(nèi)容
結(jié)構(gòu)底圖繪制完畢后,就可以開始在網(wǎng)頁效果圖中添加實(shí)際的內(nèi)容了,包括文字和圖像,從而完成最終的效果圖方案。
添加圖像的時(shí)候,如何選擇最合適的圖像素材,如何對圖像素材進(jìn)行處理是非常重要的,可以說網(wǎng)頁中圖像設(shè)計(jì)的好壞,直接影響到整體的頁面效果。
4、切片
效果圖制作完畢后,首先需要進(jìn)行切片。把網(wǎng)頁比喻成一幅圖,而切片工具就像是剪刀,使用切片工具可以把一張大圖像裁剪成很多小圖像。這樣做目的之一是為了加快下載速度。因?yàn)镮E瀏覽器是多線程的,同一時(shí)間可以下載3幅圖像。
切片的另外一個(gè)目的,也是最主要的目的是為了布局的需要。很多人不知道該如何對效果圖進(jìn)行切片,這是因?yàn)閷Σ季旨夹g(shù)不了解。同一個(gè)網(wǎng)頁效果圖,按不同的方式布局就會得到不同的切片,并沒有說哪一個(gè)才是”標(biāo)準(zhǔn)”的,所以要想靈活運(yùn)用切片,必須熟悉流行的布局技術(shù)。
怎樣去做一個(gè)網(wǎng)站的效果圖呢?求詳細(xì)。。。
做一個(gè)不但在于技術(shù)精還要在于設(shè)計(jì)理念有創(chuàng)意,所以如何設(shè)計(jì)好一個(gè)效果圖要從多方面去考慮,首先從你的需求方面去想去設(shè)計(jì)(即頁面內(nèi)容),之后根據(jù)企業(yè)VI去定位頁面布局及顏色等等方面,最后根據(jù)布局再去用技術(shù)方面的東西去設(shè)計(jì)。既然你只是說如何布局,那么根據(jù)經(jīng)驗(yàn)來說,應(yīng)該從以下幾方面考慮。
一).確定頁面功能模塊
首頁的內(nèi)容模塊是指你需要在頁面上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊:
網(wǎng)站名稱(logo), 廣告條(banner), 主菜單(menu),
新聞(what‘s new), 搜索(arch), 友情鏈接(links),
郵件列表(maillist),計(jì)數(shù)器(count), 版權(quán)(copyright).
(當(dāng)然這些只是常用而已。一般情況下,如果是企業(yè)設(shè)計(jì)一個(gè)網(wǎng)站的話,都會有網(wǎng)站設(shè)計(jì)方案,那么可以根據(jù)方案去設(shè)計(jì)的。)
二).設(shè)計(jì)首頁的版面
在功能模塊確定后,開始設(shè)計(jì)首頁的版面。就象搭積木,每個(gè)模塊是一個(gè)單位積木,如何拼搭出一座漂亮的房子,就看你的創(chuàng)意和想象力了。設(shè)計(jì)版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然后再用網(wǎng)頁制作軟件實(shí)現(xiàn)。
1.定位你的網(wǎng)站主題和名稱
2.定位你的網(wǎng)站CI形象
3.確定你的欄目和版塊
4.網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)
5.網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)
6.首頁的設(shè)計(jì)
7.版面布局的竅門
8.色彩的搭配
其實(shí)說來說去就是顏色搭配問題及圖片布局,一般一個(gè)網(wǎng)站效果圖都只是一個(gè)靜態(tài)的頁面而已,要圖片格式的話,直接截個(gè)圖就行了。所以只要知道布局及顏色搭配再就是懂設(shè)計(jì)技術(shù)基本上就可以做一個(gè)效果圖了。當(dāng)然你自己感覺創(chuàng)意不夠的話,一般可以同過網(wǎng)絡(luò)去搜索一下網(wǎng)站模板,可以去借鑒別人的設(shè)計(jì)風(fēng)格之后在根據(jù)自己的要求加以修改就ok了,有很多是PS格式個(gè)模板,那么就可以在ps里面先修改在通過切片工具做都是可以的。這些需要一定的設(shè)計(jì)技術(shù)了。
根據(jù)樓主說提問的問題來看應(yīng)該不太懂網(wǎng)頁設(shè)計(jì),所以最好去下載一個(gè)網(wǎng)頁模板,百度里搜索有很多下載網(wǎng)站,之后看點(diǎn)網(wǎng)頁制作教程就可以了做了。一下是一些相關(guān)資料,如果鏈接過期請自行搜索
網(wǎng)頁模板下載地址:http://www.dabaoku.com/moban/geren/
網(wǎng)頁設(shè)計(jì)教程:http://www.enet.com.cn/eschool/zhuanti/dreamweavershili/
模型網(wǎng)站的效果圖和渲染出來的差別很大
效果圖是使用ps經(jīng)行修飾了的。看到的別人的效果圖都是經(jīng)過后期PS的,直接渲染很難有好效果。小概率可能是是首選項(xiàng)里有個(gè)設(shè)置gamma值沒有調(diào)整,調(diào)整一下可能就行了。
怎樣在電腦上制作效果圖?
1、首先打開3dsmax軟件,創(chuàng)建平面,長寬均為4000mm,然后打開材質(zhì)編輯器,選擇一個(gè)空白材質(zhì)示例球,命名為地磚,將其賦予指定對象地面(平面)。
2、并將其轉(zhuǎn)換為vray材質(zhì)。
3、然后點(diǎn)擊【漫反射】右邊的小方框,選擇【平鋪】確定。
4、點(diǎn)擊切換【顯示最終結(jié)果】,將示例球顯示為平面平鋪效果,在標(biāo)準(zhǔn)控制里將顯示類型設(shè)為【堆棧砌合】。
5、在【高級控制】里將【磚縫設(shè)置】水平垂直間距均設(shè)為0.2。
6、然后選擇一張地板磚圖片打開。點(diǎn)擊右上方的【修改】,展開修改器列表,選中UVW貼圖。
7、在【UVW貼圖】修改器里面,將長、寬均設(shè)為800mm,用【平面】的類型。點(diǎn)擊【渲染】,得到平鋪地板磚的效果圖。
哪個(gè)網(wǎng)站有裝修效果圖?
我最近在裝修,也看了很多效果圖網(wǎng)站,給你推薦兩個(gè)最好的:
1、國外的Houzz,這個(gè)是美國最大的效果圖網(wǎng)站了,而且基本都是真實(shí)的裝修案例,唯一可惜的是美國人裝修風(fēng)格和國人有些不同,所以可以看美圖、但是實(shí)用性一般般。www.houzz.com
2、 國內(nèi)的酷家樂,這個(gè)是國內(nèi)一個(gè)比較新的裝修網(wǎng)站,有很多很不錯(cuò)的技術(shù)和產(chǎn)品,能自動(dòng)化地解決一些裝修中的問題。同時(shí)它也有一個(gè)效果圖板塊,里面有很多國內(nèi)的效果圖和真實(shí)案例,也還算實(shí)用。www.kujiale.com
3、剩下就是去天涯等大論壇看看了~