導航:首頁 > 萬維百科 > 怎麼使用ps進行網頁設計布局

怎麼使用ps進行網頁設計布局

發布時間:2021-03-12 19:01:16

1、怎麼用PS做網頁設計

用PS可以把一個網頁切片後導入Dreamweaver,這樣就形成了html格式的網頁了!用PS做主頁,也是專先用PS把主頁畫好,布局好,在導屬入Dreamweaver(導出html和圖像)後,就變成html格式的主頁了

2、怎麼使用PS製作一個網頁

你好!
准確的說,ps是製作網頁的其中一個軟體之一,製作網頁有專用的「網頁三劍客」:PS、DW、flash。
想要做網頁的話,你起碼要會前兩個,其中
ps在網頁製作裡面的作用主要就是:劃分切片+圖片處理。

劃分切片:就是將你在ps裡面做好的網頁版面進行合理的劃分,劃分為一個個小的切片,然後用DW對這些切片進行布局。

圖片處理:這個很好理解,就是對網頁圖片進行優化+處理,以節省空間和達到你想要的圖片效果。

最終的網頁文件是在DW這個軟體裡面完成的,單靠ps做不出來一個完整的網頁。

3、如何用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檢測來適應不同終端的不同展現。

4、怎麼用ps做網頁設計

用PS可以把一個網頁切片後導入Dreamweaver,這樣就形成了html格式的網頁了!用PS做主頁,也是先用PS把主頁畫好,布局好,在導入Dreamweaver(導出html和圖像)後,就變成html格式的主頁了

5、如何用ps製作網頁首頁

首先要看行業,行業領域的區分,再加上本身公司的logo主題色是什麼
其次是對網站的大小,現在一般都是1920px的寬主體1100px,特殊行業有特殊的尺寸
功能的設想,布局框架,哪個位置需要布局什麼板塊
再就是相關的圖片設計與文字的排版,還有比較多的細節等等一系列。
還有問題歡迎私我

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

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

7、如何用Photoshop做網頁設計

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

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

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

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

與怎麼使用ps進行網頁設計布局相關的知識