導航:首頁 > 萬維百科 > 怎樣設計網站的圖片大全

怎樣設計網站的圖片大全

發布時間:2020-09-10 14:10:06

1、怎麼把設計好的圖弄到網站上去

這個問題的確很難回答,太泛了,你可以選擇FTP上傳,也可以在網站後台上傳,但是要記得壓縮小一點。

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

做一個不但在於技術精還要在於設計理念有創意,所以如何設計好一個效果圖要從多方面去考慮,首先從你的需求方面去想去設計(即頁面內容),之後根據企業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/

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

 平面廣告和網站頁面設計的宗旨就是吸引眼球,符合平面視覺沖擊特點,如何設計一款有特色、另類能吸引眼球的作品是擺在平面設計人員和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邊框"下面新建一層,然後在其之上新建一層,放置沙漠圖片,將其混合模式修改為"顏色"然後打開一開始制

4、網站圖片怎麼設計

網站圖片一般如果有團隊的話當然是設計部門去按需求設計。
如果是小團隊,也沒有設計人員,可以在網上搜集一些沒有版權的圖片,自己稍作修改。
最好不要直接搜圖就用,因為如果被作者發現並申訴,這邊網站可能會面臨一定的賠償。
作圖這塊,可以自學一下PS,在原本圖片素材上加一點簡單的字樣。
也可以上一些在線設計網站,比如 易圖設計,上面也會提供背景素材和圖片模版,有版權,可以商用。
細節上網站圖片設計要注意的是干凈、整潔,圖片最好和網站的整體氣質相符合,比如網站主色是橙色,那麼圖片的主色調就最好不要是藍色或者紫色。
自己做圖圖片上文字也需要注意,網上有很多字體可以下載,但實際上追究起來,很多也是沒有版權的,假如網站有盈利,說不準字體公司就會找上門來,也盡量選擇共享版權的字體。

5、怎樣把圖片設計自己的網址?

先吧圖片上傳到QQ相冊,然後查看圖片,左上角有個查看地址(看我圖),然後再自定義加入圖片,復制的地址黏貼就行了

6、怎樣製作高清網頁圖片

要想學做網頁,首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。

Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具,javascript、java編輯器等。

網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。

大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。

總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!

網站設計八步驟

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者。

網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip

要是在網上的話,你最好去一些論壇,你可以查一下,很多的

7、怎麼製作一個照片展示網站?

圖片展示網站在設計技巧上有著諸多共通的地方。掌握下面的幾種處理方法,能讓這個網站在逼格爆表,脫穎而出。1、使用高清大圖背景2、多圖滾動播放能引起訪客更多興趣 3、創建圖片拼貼或者展示柵格 4、使用簡約的風格 5、設計一個主題。

8、如何製作網站中的圖片

通常情況下,數碼相機里的JPG格式圖片只要更改尺寸可直接用於網路。
網路顯示因顯示器解析度而不同,目前比較常用的是1024*768像素。所以,為了大部分人可以很好的瀏覽你的圖片,請將圖片設置為適當的大小,根據網頁的設計而定,一般寬度不要超過700像素。
目前最為常見的圖片製作工具是Photoshop CS系列,具體步驟如下:
1、打開圖片。
2、在編輯中進行圖片大小的編輯,解析度保持在72DPI。
3、另存為WEB格式。
目前國產軟體中有一個光影魔術手,做一些網站用圖十分便利,且是免費軟體,可下載一試。

9、有哪些在線圖片製作網站,圖片如何處理呢?

能在線製作流程圖網站還沒有看到過哦。如果有的話,我們肯定也會用。我們現在用的方法是,去一些圖片素材網站,如:千圖網、千庫網、昵圖網,找一些流程圖素材,下載PSD文件,也可以下載透明的png格式的圖片。有了源文件或圖片素材,就可以在PS軟體裡面把流程的文字加進去,基本就完成了(要保證圖片上傳到網站文字內容的清晰度)。當然,直接把文字寫在圖片裡面,不是很利於搜索引擎的識別,不過一張流程圖,基本不會有影響。

與怎樣設計網站的圖片大全相關的知識