導航:首頁 > 萬維百科 > 如何用fw做網頁設計效果圖

如何用fw做網頁設計效果圖

發布時間:2020-10-12 23:58:21

1、怎麼使用Fireworks設計網頁模板?

做好規劃效果圖後用切片工具分割,然後導出為網頁文件。切片工具劃分的每個區域都可以通過屬性來調整大小。你試試就知道了

2、如何用Photoshop做網頁設計

如果是給個人做,怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少,出了效果圖後,要給客戶看。等客戶確定不再修改時再做網頁,目的就在於防止客戶反復修改,動布局!
另外會做網頁效果圖,代表你的設計能力。用dreamweaver直接做的後果是邊想邊做,容易把設計思路搞混了!
據我所知,這樣的教程基本沒有。因為做網頁效果圖只要基本的操作,有時從別的網頁截一塊下來處理一下,直接用到自己的效果圖上。

一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。
是否可以解決您的問題?

3、如何用PS做網頁效果圖



上次有空做了個。我用的是GIF的動態效果。你也可以直接做圖片然後保存網頁格式,尺寸什麼的自己調。不要在意這些細節。。

4、如何用ps來做網頁效果圖?

P

5、用FW可以做網頁嗎

可以 不過最好是手寫代碼 因為現在的網頁要符合W3C標准 能夠向後兼容 從長遠有好處

6、網頁效果圖怎麼製作?

 平面廣告和網站頁面設計的宗旨就是吸引眼球,符合平面視覺沖擊特點,如何設計一款有特色、另類能吸引眼球的作品是擺在平面設計人員和photoshop愛好者面前的難題

現在以一款網頁平面設計效果圖為實例,講解網頁設計方面的創意知識,從網頁效果圖布局創意、顏色選擇,裁減效果圖和製作網頁特效等方面來學習。下面我們就一起來學習吧。

首先聲明一下,這款網頁效果圖在得到朋友許可後拿來製作教程實例,切勿抄襲和用做其他用途。先看效果圖0。

一、 創意設計思路

一個網站在製作前需要確定網站風格、網站主題、和主色調,在沒有確切的方案之前,最好不要貿然動手製作,不然最後的結果很可能是以失敗而告終。

筆者決定從關鍵字"路行""獨自行走"加上是暗色系的要求上下手,敲定顏色採用沙漠黃,沙漠很容易讓人聯想到孤單;板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題。

二、 網站效果圖及LOGO的製作。

1、LOGO的樣式採用的是圖形和字元的組合。漢字LOGO的字體不是下載的字體,是筆者用鋼筆工具畫出來的字體。如圖1和1-1。

 鋼筆工具勾勒出圖1的行走的人樣式,填充紅色,然後調整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2,其他默認。這LOGO 的創意是,一個人在崎嶇不平的路上堅持自己的方向,配合網站的英文加中文名字,構成一個形象LOGO,剛好"路"字和"行"字採用紅色,突出了路行。

文字LOGO筆者用鋼筆工具勾畫出字的各個部件,然後拼接在一起,這里只給出"路"字的方法,"行"字方法如同。[next]

2、製作布局參考圖。如圖2


 3、根據布局效果圖,新建文件大小1000X765,填充黑色。布局中的"顯示區域"為廣告牌是要掛到牆上的,使用"石頭材質"放置在頁面最上方來製作石板牆;使用"銹跡皮革材質"製作"顯示區域""LOGO"區域的邊框(註:一些材質的製作方法省略,平時可自行製作也可去圖片站下載保存,用的時候方便),將LOGO區域的邊框復制一層,調整不透明度為60%放置到LOGO曾下方,這樣大體的框架就完成了。如圖3和3-1。

(圖5)


(圖6)

4、找來一張沙漠公路的圖片,把這張圖片進行聚焦處理。點圖4示例的按扭進入"以快速蒙版編輯模式",選擇漸變,漸變模式為"徑向漸變"在圖中間向兩邊拉,屏幕會出現一團紅色;然後再點"以標准模式編輯"畫面會出現一個圓圈選擇區域,按"DELETE"刪除即可。如圖4和圖4-1。

(圖7)

(圖8)

 5、在"路"圖片上方新建一層,按住CTRL+"路"圖層,單擊新建的圖層,填充顏色4E341B,調整為暗系沙漠黃。如圖5。

(圖9)

製作文字LOGO牌。找來圖5-1中的灰色材質,在"LOGO邊框"下面新建一層,然後在其之上新建一層,放置沙漠圖片,將其混合模式修改為"顏色"然後打開一開始制

7、怎樣去做一個網站的效果圖呢?求詳細。。。

做一個不但在於技術精還要在於設計理念有創意,所以如何設計好一個效果圖要從多方面去考慮,首先從你的需求方面去想去設計(即頁面內容),之後根據企業VI去定位頁面布局及顏色等等方面,最後根據布局再去用技術方面的東西去設計。既然你只是說如何布局,那麼根據經驗來說,應該從以下幾方面考慮。

一).確定頁面功能模塊
首頁的內容模塊是指你需要在頁面上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
網站名稱(logo), 廣告條(banner), 主菜單(menu),
新聞(what『s new), 搜索(search), 友情鏈接(links),
郵件列表(maillist),計數器(count), 版權(copyright).
(當然這些只是常用而已。一般情況下,如果是企業設計一個網站的話,都會有網站設計方案,那麼可以根據方案去設計的。)

二).設計首頁的版面
在功能模塊確定後,開始設計首頁的版面。就象搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟體實現。
1.定位你的網站主題和名稱
2.定位你的網站CI形象
3.確定你的欄目和版塊
4.網站的整體風格創意設計
5.網站的層次結構和鏈接結構
6.首頁的設計
7.版面布局的竅門
8.色彩的搭配

其實說來說去就是顏色搭配問題及圖片布局,一般一個網站效果圖都只是一個靜態的頁面而已,要圖片格式的話,直接截個圖就行了。所以只要知道布局及顏色搭配再就是懂設計技術基本上就可以做一個效果圖了。當然你自己感覺創意不夠的話,一般可以同過網路去搜索一下網站模板,可以去借鑒別人的設計風格之後在根據自己的要求加以修改就ok了,有很多是PS格式個模板,那麼就可以在ps裡面先修改在通過切片工具做都是可以的。這些需要一定的設計技術了。

根據樓主說提問的問題來看應該不太懂網頁設計,所以最好去下載一個網頁模板,百度里搜索有很多下載網站,之後看點網頁製作教程就可以了做了。一下是一些相關資料,如果鏈接過期請自行搜索
網頁模板下載地址:http://www.dabaoku.com/moban/geren/
網頁設計教程:http://www.enet.com.cn/eschool/zhuanti/dreamweavershili/

8、請問用FW怎麼做網頁?

fw其實和ps有點像,在FW把著頁整個畫面畫出來。然後再切出來,然後在dw中編寫代碼 。

與如何用fw做網頁設計效果圖相關的知識