想做網頁設計方面,有哪些實用的 Photoshop 教程推薦?

有一點ps基礎,想系統學一下做網頁方面,有什麼書籍或教程推薦

那種實用的案例最好


拿去吧!這裡有幾套關於網頁設計的Photoshop教程和書籍,每一套教程都涵蓋大量的網頁設計實操案例,非常適合想系統學習網頁設計的同學!

一、關於網頁設計

概述:常見的網頁設計類型有企業站(如:某某公司)、門戶站(如新浪)、專題活動頁面(如每年的天貓雙11活動頁面)。這三類是我們平日里最常見的網頁形式,以下網頁設計教程也就是圍繞這幾類展開視覺設計。

行情:高級網頁設計師,平均工資8180,這個水平通常是3~5年的一個薪資待遇,而1~3年的新手則常停留在5k上下。隨著電商的興起,市場對網頁設計的需求量巨大,其中蘊含著無窮商機!新公司企業建站、淘寶商品的介紹頁面、店鋪裝修、促銷專題頁面、括移動端頁面等等,著都需要網頁設計這個崗位。

二、網頁設計教程

1. 網頁設計基礎教程:網頁美工設計入門詳解,視頻地址:http://t.cn/R5pKsW1

講解作為一個網站美工所必備的基礎知識和技能,讓學生從單一軟體的學習中走出來,轉化為多元化的實際應用。選取的案例均是當前網頁美工領域實用的案例,穿插講解相關理論。

2. 網頁設計代碼:網頁設計Dreamweaver零基礎入門教程,視頻地址:http://t.cn/R5pVcC6

適用於網頁設計零基礎學員,需要會基本的Photoshop操作,幫助大家全面理解掌握DW的使用,以及HTML/CSS樣式/JavaScript/jQuery以及網頁交互效果的添加。

3. 【力薦】騰訊高級設計師主講:網頁設計高級教程(上),視頻地址:http://t.cn/R5pKsVA

騰訊遊戲TGideas 高級設計師Gordan傾情打造,授課邏輯嚴謹,思路清晰,課程內容擁有強大的理論支撐,讓大家知其然,也知其所以然。屬於高級課程內容,適合對Photoshop軟體操作有一些使用經驗的學員。

4. 【力薦】騰訊高級設計師主講:網頁設計高級教程(下),視頻地址:http://t.cn/R5pKFHV

本套課程全案例講解,總共分為十章,適合Photoshop掌握比較熟練的學員。豐富的實例讓上篇中的理論落到實處,更深層次梳理創作思路,學完定能收穫頗豐,擁有獨立完成網頁設計任務的能力。

5. 【力薦】高大上的網頁設計教程:汽車互動網頁設計教程,視頻地址:http://t.cn/R5qjT2v

本教程講解了一個汽車互動網站從命題到思考到設計製作等全系列過程。課程共分為荒野篇、賽場篇以及雪地篇三個篇章,教到大家面對需求時,如何從不同的方向思考,並打造出三種不同場景恢弘大氣的互動稿。

三、網頁設計書籍

1. 【力薦】騰訊TGideas團隊作品:《形式感+:網頁視覺設計創意拓展與快速表現》

本書可以幫助有一定基礎的網頁設計初學者或在職者,在遇到設計創意瓶頸時,能夠在較短的時間內解決設計上的創意和視覺形式感的問題。不論是應對緊急的工作需求或是求職面試都能夠給觀者一個新穎的視覺表現。

2.《界面設計模式(第2版)》

在第一版中文版在推出後「技壓群芳」而大獲好評,一路暢銷。本書新增了社交媒體,移動設計方面的內容,切實地符合了當下的技術發展潮流,作者多年觀察、實踐與智慧的升華。

3. 《眾妙之門:網頁排版設計制勝秘訣》

精選文章合集,讓你get網頁排版設計秘訣,輕鬆提高網頁排版設計水平,成為設計和開發雙面手。

如果還未安裝ps的同學可以在這裡(http://www.xxriji.cn/diary/49.html)免費下載Photoshop軟體,提供整理了網盤、官網、百度下載多個渠道。

互聯網上關於Photoshop的教程,實在是太多太多了,而著重講解Photoshop在網頁設計領域的教程,以上書籍和教程還是相當不錯的。希望能夠幫助到大家!

千里之行,始於足下!

大家一起共勉吧!

【聲明】以上分享的Photoshop網頁設計視頻教程均來自於http://t.cn/R5GMXLA,此處作為案例分析講解,其圖片及教程版權歸原作者所有,如果大家對上述PS教程確感興趣也可去自行學習。

未經許可禁止轉載,侵權必究!


如果想學PS的話,你可以去網上搜搜敬偉PS教程。

我相信學完你會回來贊我的,講的很清晰易懂。


樓主說的是網頁美工把,不是網頁製作,製作是前端的事情,美工玩轉ps懂代碼就夠了


從photoshop跳到網頁製作?這跨度有點大啊,從零開始學吧


推薦閱讀:

什麼樣的切圖占空間小切質量不低,儲存的時候該怎麼設置?
Fireworks 是否有類似 Photoshop 圖層編組的功能?
有哪些好的p圖的素材,網站?
自己編輯一本圖文混排的書需要用到哪些軟體?
Adobe Creative Cloud 2014 有哪些新功能?

TAG:AdobePhotoshop | 網頁設計 | 教程推薦 |