導航:首頁 > 萬維百科 > ps網頁設計框架圖

ps網頁設計框架圖

發布時間:2020-10-20 07:50:29

1、如何用Photoshop做網頁設計

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

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

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

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

2、用PS製作網頁要存什麼格式的圖片

存儲為web格式 也可以直接存儲為png格式即可。

ps製作網頁步驟:
1.先用Photoshop做一個網頁圖片;
2.Ctrl+R調出標尺,在圖片上繪製表格,框選出要做鏈接的部分;
3.使用切片工具,按照繪制的表格劃分切片
4.以上步驟完成後,進行操作「文件」>「儲存為Web和設備所用格式」,在打開的窗口中按照自己的需要為網頁圖片作設置,設置完成後,「儲存」,保存類型「html和圖片」,切片「所有切片」。
5.接下來用Dreamweaver打開html文件,為其作鏈接及其它。
6.最後保存就完了。

3、網站設計是先PS設計好圖,然後切圖,然後用CSS/HTML把框架做好,那軟體UI設計呢,

UI涉及到的軟體有PS、AI、CDR、AN等

4、在網頁設計中如何用PS切圖

1、在Photoshop中打開設計稿,如下圖:

2、選擇工具板上的slice切片工具,大面積的色塊單獨切成一塊,盡可能的保持在水平線上的整齊,切好的圖如下所示:

3、在PhotoShop中選擇file-save for web...來輸出,這里要注意一些參數的選擇:

4、接下來在Dreamweaver里建立站點:

5、在圖示左邊的site name中為站點起一個名字,如example然後在下面的local root folder中選擇剛才導出的站點的文件夾:

6、重新製作頁面表格,通常在photoshop中直接導出的htm文件是不可以直接使用的,因為有些地方在實際運用時要作調整:

7、根據這個頁面表格所示,在新的頁面中建立一個三行一列的表格,把cellpadding,cellspacing,border三項值設為0,不然會有空隙,最後選擇表格,背景添加圖片即可。

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

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

6、怎麼樣利用PS設計網頁框架?需要哪些板塊?求新手自學教程!

網頁構架設計,首先要貼合網頁客戶的需求,接著進行草圖的設計,清楚大概需分幾個展示板塊,然後我們就要利用網頁設計中的網格系統將我們想要表達的內容進行布局設計。接著就要進行內容的設計與填充,這里就和一般的平面設計沒什麼很大的區別了。網頁設計是傳統平面設計的延伸,新手學習去百度下秒秒學,希望可以幫到你。

7、ps網頁設計 怎樣在ps里弄出一個網頁的框架,就是切片的前的那個步驟。

切完了以後保存為Web什麼的那個就行。

8、PS網頁設計尺寸設定

這是我在站酷網上看見的一片文章,不知道原文在哪裡,若是作者看見了,不讓弄上的話,通知我,我可以刪除。

9、用PS做一個網頁設計圖

挺簡單的,現在fireworks中做下PSD圖,然後在DW中處理一下就行了

我也有現成的,加些分留個郵箱可以發給你。。。。

網站分為好多類型,像個人主頁、門戶、論壇等,你可以選擇其中的一個來做。。如果你是新手的話,那就做個個人主頁吧,比較自由,做成什麼樣的都可以。。。。
如果你的程序搞的比較好的話,那就做個論壇吧、

10、從photoshop製作網站頁面到切圖,再用Dreamweaver做 生成網站~~~~

現在大家都不會Dw切圖了,都用藍湖切圖,效率高,而且不出問題。

與ps網頁設計框架圖相關的知識