ps網頁設計教程？1.打開PS，新建一個空白文檔，名稱設置為“飛飛工作室”，在預設大小下拉列表中選擇“1024 x 768”，模式設置為“RGB顏色”，內容設置為“白色”，點擊“確定”按鈕，完成文檔

ps網頁設計教程？

1.打開PS，新建一個空白文檔，名稱設置為“飛飛工作室”，在預設大小下拉列表中選擇“1024 x 768”，模式設置為“RGB顏色”，內容設置為“白色”，點擊“確定”按鈕，完成文檔創(chuàng)建。

ps網頁設計布局有哪幾種？

第一，正面，無邊框設計。

無邊框設計近年來很流行。設計頁面時，頁面中的樣式線和邊框會被刪除，并由間距代替。

無邊框設計一般以大圖為主，本來就是一種分割元素。而且內容基本上是有規(guī)律的，空格之間的內容一定是相對一致的，重復的，緊密的，這樣用戶在瀏覽的時候就會認為這些內容是一個。

一般來說，小眾垂直產品更適合無邊框設計。

第二，卡片設計。

卡片設計打破了傳統(tǒng)的固定版面模式，提高了版面的利用率，可以為網站建設增添更多驚喜。那么卡片設計有什么優(yōu)勢呢？1.可以提高頁面的利用率。

卡片就像一個容器。不同類型的內容設置在不同的卡片中，這樣可以很好的區(qū)分內容，統(tǒng)一頁面的風格。

比如傳統(tǒng)列表中，內容一般是垂直滾動的，能夠顯示的內容相對有限?？ㄆO計的滑動模式可以有效解決空間問題。

2.辨別卡片上的內容。

卡片就像一個容器。不同的內容放在不同的卡片上，更好的區(qū)分內容的類型。

卡片的維度不一樣，相對獨立又相互聯(lián)系。所以通過卡片來概括網站的內容，整個網站顯得更加有序。

3.卡片設計可以提高可控性和體驗。

卡片設計應用廣泛，覆蓋、滑動、堆疊，具有良好的擴展性和可操作性。

第三，分割線的設計。

這也是一種常用的頁面布局設計方式，可以更好的幫助用戶快速熟悉頁面布局，有良好的內容組織。

分割線可以貫穿整個頁面，將不同的內容分割成獨立的信息。網站中的頁面布局有不同的設計方法，設計趨勢也在不斷變化。在設計頁面布局之前，要考慮合適的風格，而不是一味的追求潮流，根據產品的實際需求選擇合適的設計方法。

分割線的設計，要想做好，必須處理好間距、粗細、色彩等等。

如何用photoshop做網頁？

首先，用Photoshop切片

1.在Photoshop中打開要設計的網站圖片。

ps怎么設計主頁？

制作主頁是一項非常復雜的工作，類似于創(chuàng)意合成。首先要根據客戶的要求，找一些好的作品來參考，找出一些靈感，然后收集相關的素材，按照自己的思路慢慢進行畫面的溶解，色彩的渲染，明暗和細節(jié)的處理。最終效果

首先，創(chuàng)建主頁模板

1.首先打開我們下載的ps軟件，選擇左上角的文件-新建(快捷鍵ctrl N)，然后創(chuàng)建一個1920x3000的畫布。網頁設計分辨率可以選擇72，顏色模式選擇RGB，點擊創(chuàng)建；(注意寬度是以像素為單位選擇的)

為什么要創(chuàng)建一個1920年范圍的？目前我們的顯示器分辨率一般是1920px，所以創(chuàng)建一個1920px寬的可以讓我們的網頁背景顯示完整，左右不會有空白。

2.接下來，我們將調整單位和縮放到像素，以便我們可以測量寬度和高度。操作步驟為：編輯-首選項-單位和標尺(快捷鍵ctrl K查找單位和標尺)

3.選擇視圖-比例尺(快捷鍵ctrl R)調用我們的比例尺，可以直觀的看到寬度和高度；點擊左邊的比例尺，分別拉出360和1560比例尺的兩條參考線，中間留1200px的寬度。兩個標尺之間的距離就是我們的內容顯示的區(qū)域。使用(快捷鍵ctrl)顯示關閉比例。

為什么要用1200px的寬度？因為目前主流網頁設計的主要內容寬度是980px和1200px，而1200px可以顯示更多的內容，網頁也可以顯得更加高端大氣。

其次，使用矩形工具制作黑色背景的導航條：

1.選擇“矩形工具”，設置填充顏色為“#333”，筆畫為空白；

2.創(chuàng)建“圖層1”點擊畫布，在彈出窗口中設置寬度為1920，高度為25，點擊創(chuàng)建；

3.使用移動工具將導航欄移動到左上角；

三、標志圖像導入

1.使用file -gt to open (ctrl o)打開logo圖片；

2.ctrl A選中圖片，然后復制粘貼到當前頁面；

3.將圖片移動到指定位置。