photoshop制作960 Grid System的網頁模板
- 2022-12-24 23:23:36
- 來源/作者：互聯網/佚名
- 己被圍觀次
先看最終效果圖 網格設計呢，通常顯得很整齊規范，有時看上去也比較專業。但網格設計相對來說也是比較復雜的，往往需要精準的測量和欄目劃分。960 Grid System/960網格系統，這是一套可以讓你快速創建網格設計的工具，之所以叫960，就是說模板的寬度是960像素。而之所以用96
刪除中間的黑色圖層。
刪除黑色圖層 接下來把中間的十等份全部刪除吧。當然，你可以隱藏中間的十等份，下面的操作可以參考這十等份來調節位置。
隱藏中間的部分 添加一條豎立的虛線，在網頁制作的時候，這條虛線可以使用dashed border來制作，這里只是用ps來做效果而已。
制作虛線 完成文字和導航，導航的位置這里可以參考之前“十等份布局”的大約位置來布局。
文字和導航
刪除黑色圖層 接下來把中間的十等份全部刪除吧。當然，你可以隱藏中間的十等份，下面的操作可以參考這十等份來調節位置。
隱藏中間的部分 添加一條豎立的虛線，在網頁制作的時候，這條虛線可以使用dashed border來制作，這里只是用ps來做效果而已。
制作虛線 完成文字和導航，導航的位置這里可以參考之前“十等份布局”的大約位置來布局。
文字和導航
*PSjia.COM 傾力出品，轉載請注明來自PS家園網（m.sz-xdd.com.cn）
標簽(TAG) 網頁模板 學photoshop
下一篇：PS cc設計LOL主題圖標教程
更多精彩內容
-
APP展示圖，教你怎么用PS制作APP的界面圖片 -
用ps制作大拇指勝利手勢logo -
用ps制作金屬質感徽章 -
用ps制作綠色環保Logo -
用ps制作放大縮小logo -
ps cs6設計火箭UI圖標 -
教你用PS打造網頁效果圖全過程 -
進度條，設計一個彩色進度條