課程信息

122,911 次近期查看

學生職業成果

25%

完成這些課程後已開始新的職業生涯

25%

通過此課程獲得實實在在的工作福利
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
第 4 門課程(共 4 門)
可靈活調整截止日期
根據您的日程表重置截止日期。
中級
完成時間大約為41 小時
英語(English)

您將獲得的技能

SketchAdobe XDAdobe IllustratorHTML/CSSBalsamiq

學生職業成果

25%

完成這些課程後已開始新的職業生涯

25%

通過此課程獲得實實在在的工作福利
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
第 4 門課程(共 4 門)
可靈活調整截止日期
根據您的日程表重置截止日期。
中級
完成時間大約為41 小時
英語(English)

提供方

Placeholder

加州艺术学院

教學大綱 - 您將從這門課程中學到什麼

內容評分Thumbs Up98%(2,044 個評分)Info
1

1

完成時間為 21 分鐘

Course Overview

完成時間為 21 分鐘
1 個視頻 (總計 2 分鐘), 9 個閱讀材料
1 個視頻
9 個閱讀材料
About this course2分鐘
About the assignments3分鐘
Project Brief2分鐘
Required tools2分鐘
Instructor Presence and Staff Support 1分鐘
Forum Guidelines2分鐘
Requesting Peer Reviews2分鐘
Academic Integrity2分鐘
About CalArts and the Program in Graphic Design3分鐘
完成時間為 7 小時

Not Getting Caught up in the Details: Wireframes

完成時間為 7 小時
18 個視頻 (總計 113 分鐘), 5 個閱讀材料, 3 個測驗
18 個視頻
Introduction to Wireframes5分鐘
Responsive Design: What size should your website be?8分鐘
Introduction and Primary navigation4分鐘
Secondary and utility navigation5分鐘
Related content, inline links, indexes, and search4分鐘
Wayfinding6分鐘
Header6分鐘
Footer2分鐘
Sidebar2分鐘
Content8分鐘
Common Form Elements7分鐘
Introduction to Homepage Content Strategies4分鐘
Examples of Homepage Content Strategies13分鐘
Wireframing Tools6分鐘
Wireframes: Bradley8分鐘
Wireframes: Alyson, part 18分鐘
Wireframes: Alyson, part 27分鐘
5 個閱讀材料
Example Wireframes: Pasadena Conservatory of Music2分鐘
Scrolling6分鐘
Further Reading14分鐘
Try it yourself: Sketch out a wireframe15分鐘
A Final Thought for the Week1分鐘
2 個練習
Navigation Systems10分鐘
Common Design Patterns8分鐘
2

2

完成時間為 11 小時

Finally, Make it Beautiful: The Mockup Phase

完成時間為 11 小時
12 個視頻 (總計 111 分鐘), 5 個閱讀材料, 3 個測驗
12 個視頻
Visual Mockups3分鐘
Design Principles7分鐘
What is whitespace?3分鐘
Using whitespace to style a form3分鐘
A visual comparison1分鐘
Web Fonts7分鐘
Web Typography: A few tips8分鐘
Creating Visual Mockups9分鐘
Moodboards and Homepage Mockup: Bradley6分鐘
Homepage Mockup: Alyson13分鐘
Interview with Rob Hope: Web design trends44分鐘
5 個閱讀材料
The Grid19分鐘
Further Reading14分鐘
Web History, Skeuomorphs & Flat Design14分鐘
Moodboards7分鐘
A Final Thought for the Week1分鐘
2 個練習
Design Principles/Whitespace12分鐘
Web Typography8分鐘
3

3

完成時間為 12 小時

An Excursion to Codelandia

完成時間為 12 小時
7 個視頻 (總計 47 分鐘), 5 個閱讀材料, 1 個測驗
7 個視頻
Do I Need to Learn How to Code?4分鐘
Survey of Web Technologies13分鐘
HTML vs. CSS vs. Javascript: A metaphorical adventure6分鐘
HTML Basics5分鐘
CSS Basics8分鐘
Web Inspector8分鐘
5 個閱讀材料
A Web Design History Primer7分鐘
How to become a unicorn5分鐘
Try it yourself: Styling Buttons15分鐘
Further "Reading"1 小時 9 分
A Final Thought for the Week1分鐘
4

4

完成時間為 10 小時

Putting it all Together: Final Presentation

完成時間為 10 小時
8 個視頻 (總計 39 分鐘), 2 個閱讀材料, 2 個測驗
8 個視頻
Clickable Prototypes Introduction1分鐘
Invision Introduction2分鐘
Exporting Assets3分鐘
Importing Assets and Creating Hotspots7分鐘
Hotspot Templates5分鐘
Full Mockups: Bradley8分鐘
Full Mockups: Alyson8分鐘
2 個閱讀材料
Dark Patterns14分鐘
A Final Thought for the Week1分鐘

審閱

來自WEB DESIGN: WIREFRAMES TO PROTOTYPES的熱門評論

查看所有評論

關於 UI / UX Design 專項課程

UI / UX Design

常見問題

還有其他問題嗎?請訪問 學生幫助中心