我想學(xué)網(wǎng)頁設(shè)計與制作，但是沒基礎(chǔ)。也沒有接觸過，該怎么去學(xué)？

時間：2024-02-12 10:20:01 | 來源：網(wǎng)站運營

時間：2024-02-12 10:20:01 來源：網(wǎng)站運營

我想學(xué)網(wǎng)頁設(shè)計與制作，但是沒基礎(chǔ)。也沒有接觸過，該怎么去學(xué)？：推薦給題主和大家網(wǎng)頁設(shè)計的學(xué)習(xí)路徑，學(xué)完可以直接入職的那種~

路徑中的課時均為視頻教程

網(wǎng)頁設(shè)計師職業(yè)路徑

網(wǎng)頁設(shè)計師是指精通PS、AI、DW等多項網(wǎng)頁設(shè)計工具的網(wǎng)頁設(shè)計人員。網(wǎng)頁設(shè)計師可以將平面設(shè)計中的審美觀點套用到網(wǎng)站設(shè)計上面來。 網(wǎng)頁如門面，小到個人主頁，大到大公司、政府部門以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當(dāng)點擊到網(wǎng)站時，首先映入眼簾的是該網(wǎng)頁的界面設(shè)計，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng)用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁設(shè)計的范疇，都是網(wǎng)頁設(shè)計師的工作。

-點我領(lǐng)會員免費學(xué)路徑內(nèi)所有視頻教程！-




第一章：基礎(chǔ)入門

1.PS（Photoshop）


PS-課程介紹
PS-界面初識
PS-工具介紹
PS-基礎(chǔ)變換
PS-圖層介紹
PS-標(biāo)尺參考線與對齊像素
PS-矢量圖形與位圖
PS-對齊與分布
PS-布爾運算
PS-鋼筆工具
PS-轉(zhuǎn)換點&添加和刪除錨點
PS-進(jìn)階變換
PS-文字轉(zhuǎn)形狀 錨點技巧
PS-線性圖標(biāo)&小白與鋼筆工具
PS-智能對象
PS-圖層蒙版與剪切蒙版
PS-混合模式
PS-漸變疊加
PS-投影&彌散陰影&羽化
PS-內(nèi)陰影
PS-內(nèi)外發(fā)光
PS-描邊&顏色疊加&圖案疊加
PS-顏色填充&圖層樣式
PS-案例實操





2.AI（illustrator）


AI-課程介紹與學(xué)習(xí)方法
AI-界面初識與新建文檔
AI-常用工具介紹（上）
AI-常用工具介紹（下）
AI-基礎(chǔ)變換
AI-編組鎖定與隔離模式
AI-對齊與分布
AI-布爾運算
AI-進(jìn)階變換
AI-自定義轉(zhuǎn)換角
AI-偏移路徑
AI-填充與描邊
AI-擴(kuò)展與擴(kuò)展外觀
AI-鋼筆工具
AI-添加刪除錨點（上）
AI-添加刪除錨點（下）
AI-圖標(biāo)應(yīng)用場景
AI-形狀生成器
AI-對齊像素與像素預(yù)覽
AI-圖標(biāo)線面狀態(tài)設(shè)計
AI-文字轉(zhuǎn)曲及其他技巧
AI-波紋效果與平滑弧線
AI-漸變與特殊漸變
AI-線性填充
AI-混合工具
AI-圖案疊加
AI-剪切蒙版
AI-圖層樣式
AI-案例插畫（一）
AI-案例插畫（二)





3.DW（Dreamweaver）


DW第1課-軟件介紹與安裝
DW第2課-軟件面板介紹
DW第3課-什么是HTML
DW第4課-新建站點
DW第5課-HTML與CSS的關(guān)系
DW第6課-標(biāo)題段落圖片標(biāo)簽
DW第7課-認(rèn)識強(qiáng)調(diào)標(biāo)簽
DW第8課-了解列表標(biāo)簽
DW第9課-DIV標(biāo)簽圖解
DW第10課-如何給標(biāo)簽命名
DW第11課-初識CSS樣式
DW-CSS樣式之寬、高、顏色
DW-CSS樣式之文字排版
DW-CSS樣式之背景樣式
DW-CSS樣式之邊框設(shè)置
DW-元素的分類
DW-邊距與填充
DW-什么是盒模型
DW-網(wǎng)頁布局模型與三種定位
DW-CSS的其他樣式
DW-案例分析與切圖
DW-案例制作-banner及關(guān)于我們（上）
DW-案例制作-banner及關(guān)于我們（下）
DW-案例制作-產(chǎn)品展示模塊
DW-案例制作-新聞中心模塊
DW-實例制作-客戶案例模塊
DW-實例制作-聯(lián)系我們模塊
DW-什么是偽類/偽元素
DW-鏈接的四種偽類
DW-偽類之first-child
DW-其他偽類介紹
DW-偽元素的用法
DW-導(dǎo)航案例（上）
DW-導(dǎo)航案例（中）
DW-M-導(dǎo)航案例（下）





4.Axure（選修）


Axure-認(rèn)識軟件界面
Axure-軟件下載與安裝
Axure-熟悉元件庫
Axure-元件頁面屬性修改
Axure-元件交互樣式設(shè)置
Axure-布爾運算的使用
Axure-發(fā)布與設(shè)置
Axure-菜單及表格元件的使用
Axure-內(nèi)聯(lián)框架的使用
Axure-母版的使用
Axure-動態(tài)面板的應(yīng)用
Axure-交互事件
Axure-交互樣式
Axure-打開鏈接&關(guān)閉窗口
Axure-框架打開鏈接
Axure-滾動到元件
Axure-設(shè)置自適應(yīng)視圖
Axure-顯示隱藏-燈箱&彈出
Axure-顯示隱藏-推動&拉動
Axure-動態(tài)面板-設(shè)置面板狀態(tài)
Axure-輪播效果的實現(xiàn)
Axure-動態(tài)面板-選項卡效果
Axure-動態(tài)面板-手風(fēng)琴菜單效果
Axure-設(shè)計文本&設(shè)置圖片
Axure-設(shè)置文本&設(shè)置圖片案例
Axure-設(shè)置選中交互
Axure-設(shè)置列表選中項-下拉列表
Axure-設(shè)置列表選中項-上拉列表
Axure-啟用禁用交互
Axure-移動交互
Axure-旋轉(zhuǎn)交互
Axure-設(shè)置尺寸交互
Axure-設(shè)置元件層次順序
Axure-設(shè)置不透明度交互
Axure-設(shè)置獲取焦點
Axure-中繼器工作原理及應(yīng)用
Axure-中繼器數(shù)據(jù)傳輸原理
Axure-中繼器-添加行
Axure-中繼器刪除當(dāng)前行
Axure-中繼器通過條件標(biāo)記-刪除行
Axure-中繼器-刪除最后選中行
Axure-中繼器-更新行-復(fù)選框
Axure-中繼器更新行-條件
Axure-中繼器-添加排序
Axure-添加篩選-完全匹配搜索
Axure-中繼器模糊搜索
Axure-中繼器-每頁顯示項目數(shù)量
Axure-中繼器-當(dāng)前顯示頁面
Axure-設(shè)置等待交互
Axure-設(shè)置其他+案例彈出窗口
Axure-觸發(fā)事件





第二章：網(wǎng)頁設(shè)計基礎(chǔ)

-點我領(lǐng)會員免費學(xué)本章所有網(wǎng)頁設(shè)計基礎(chǔ)視頻教程！-

1.網(wǎng)頁設(shè)計基礎(chǔ)認(rèn)知


web-網(wǎng)頁設(shè)計基礎(chǔ)認(rèn)知
web-網(wǎng)頁設(shè)計組成與規(guī)范


2.項目分析與風(fēng)格參考


web-項目分析與風(fēng)格參考


3.網(wǎng)頁設(shè)計實操


Web-柵格系統(tǒng)與線框原型
Web-Axure中創(chuàng)建柵格
Web-線框圖在設(shè)計中的作用
Web-頁面設(shè)計與優(yōu)化調(diào)整
Web-導(dǎo)航與輪播Banner設(shè)計
Web-其他版塊設(shè)計
Web-細(xì)節(jié)處理與優(yōu)化


4.網(wǎng)頁設(shè)計知識點總結(jié)


Web-網(wǎng)頁設(shè)計知識點總結(jié)







第三章：案例實操

-點我領(lǐng)會員免費學(xué)本章所有網(wǎng)頁設(shè)計案例視頻教程！-

1.視覺設(shè)計理論


PS-視覺設(shè)計理論


2.設(shè)計風(fēng)格


PS-扁平化設(shè)計
網(wǎng)頁的版式設(shè)計


3.網(wǎng)頁項目實操


PS-企業(yè)網(wǎng)站項目（上）
PS-企業(yè)網(wǎng)站項目（下）
PS-網(wǎng)頁項目FOOTER
PS-響應(yīng)式網(wǎng)頁排版（上）
PS-響應(yīng)式網(wǎng)頁排版（下）


4.網(wǎng)頁設(shè)計切圖


PS-網(wǎng)頁切圖方法




第四章：職場技巧

1.作品包裝


UI設(shè)計師如何準(zhǔn)備簡歷與作品集


2.面試技巧


UI設(shè)計師面試技巧


3.溝通技巧


UI設(shè)計師面試時，如何闡述設(shè)計思路
老板讓你十分鐘出一張圖怎么辦？


4.工作效率提升


如何通過瀏覽作品提升自己
【UI設(shè)計新人】培養(yǎng)哪些好習(xí)慣，可以事半功倍

---

-點我領(lǐng)會員免費學(xué)以上所有網(wǎng)頁設(shè)計基礎(chǔ)入門視頻教程！-







收藏不忘點贊，是一種優(yōu)秀的品格！