導航:首頁 > 萬維百科 > 網頁設計photoshop

網頁設計photoshop

發布時間:2021-03-18 13:38:03

1、如何用photoshop進行網頁製作

HTML+CSS+JS,這是廣義上的網頁三元素,HTML負責骨骼,CSS負責血肉,JS負責行為動作。其中瀏覽器中表現的畫面約等於(html+css),但僅僅擁有他們是表現不出設計師們大腦中天馬行空,不拘一格的想像力的,因此才引入了PSD作為設計稿。
這就好比,你完全自己DIY一個高達,你需要先有一副高達圖片(PSD),再通過圖片中的表現自己搭建支撐的骨架(HTML),再用各式噴漆、馬克筆(CSS)去勾畫、完善細節。

那麼回到問題上來,怎麼用PS做網頁?假定adobe體系中,PS永遠只能設計網頁,而Dreamweaver才能製作網頁,但是依然要你自己根據設計去解構設計然後劃分網頁骨架,具體到html上就是根據不同的頁面表現來寫Div標簽,製作Button按鈕,用CSS控制他們的大小和位置以及表現。更進一步的話,大部分前端會手寫html和css代碼,因為DW有各式包括啟動速度,冗餘代碼之類的問題。

至於響應式,這又是基於成型的html以後另一個話題了,但還是html+css,只不過通過UA檢測來適應不同終端的不同展現。

2、用Photoshop做網頁設計圖的教程有哪些

photoshop是處理圖片的軟體,並非做網頁的。
網頁需要格局,代碼等。如果只是拿PS做一張圖,再用firework去隔,會很簡單,很枯燥的。
再學學dreamweaver

3、關於photoshop設計網頁


也就這個辦法了,按Prnt Scrn鍵,把屏幕印下來,用windows自帶的畫圖版粘貼上去,另存為jpg格式的圖片。在用photoshop導入修改。
建議直接用ps作,也能做出漂亮的3D效果來

4、如何用Photoshop做網頁設計

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

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

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

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

5、photoshop在網頁製作的作用

首先,做網頁設計為什麼要使用photoshop,photoshop是一個圖形圖像處理軟體,而且是可視化的操作,可以讓設計師更方便的進行操作。那有人會說Firworks可以設計網頁嗎,答案肯定是有的,因為Firworks也是圖形圖像軟體,只是根據個人的操作習慣了,另外一般Firworks給人的印象是一個只會做GIF動畫的軟體,可能是對軟體的偏見吧,現在絕大部分做網頁設計都使用PS。從軟體的角度來說,PS的功能會比FIR要強大許多!

從軟體的界面的設計,到軟體的實用性,以及特效的製作上,都有著不可超越的特性,而且photoshop還在不斷的升級過程中,現在最高的版本是CS6,它不僅僅可以實現網頁設計的製作以及平面設計效果圖的製作,還可以製作GIF動畫以及3D效果圖!

做為做網頁設計的平台,photoshop起著至關重要的作用,做網頁設計,首先必須要有一個自己足夠熟悉的平台,而且在操作上要有效率,後期做網頁設計,效率是一個非常值得關注的問題。

6、如何用photoshop進行網頁設計

你是想要在原來的設計下面加上一塊空白,那可以選擇「圖象」-「畫布大小」,在彈出的對話框中,先設置定位,如果在下面加長就點擊向上的鍵頭,這樣就會在原圖的下方加入空白,現在再輸入設定高度數字就OK了!

7、ps網頁設計尺寸

從用戶體驗的角度來說,你不應該以最大尺寸來做參考,設計頁面應該以最小尺寸來做決定;
從普遍用戶來說,目前最小尺寸大部分是以1024*768解析度作為標准來做的,設計師要做的事情就是以最小尺寸來設計,還要考慮到大屏幕顯示器的用戶的瀏覽效果,所以你必須要考慮到頁面的自動伸縮問題;即使是以大圖片為背景的頁面,也是會考慮到不同解析度的伸展問題
作為網頁設計師,要盡量考慮到絕大部分用戶的瀏覽需求

8、網頁設計中可以用PS做什麼

按鈕什麼都可以做,不過除了PS,網頁設計,建議也學學AI,結合PS,處理圖片。

與網頁設計photoshop相關的知識