About this Course
최근 조회 38,442

다음 전문 분야의 4개 강좌 중 4번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 28시간 필요

권장: 4 weeks of study, 4-10 hours/week...

영어

자막: 영어

다음 전문 분야의 4개 강좌 중 4번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 28시간 필요

권장: 4 weeks of study, 4-10 hours/week...

영어

자막: 영어

강의 계획 - 이 강좌에서 배울 내용

1
완료하는 데 20분 필요

Course Overview

1개 동영상 (총 2분), 8 readings
1개의 동영상
8개의 읽기 자료
About this course2m
About the assignments3m
Project Brief2m
Required tools2m
Forum Guidelines2m
Requesting Peer Reviews2m
Academic Integrity2m
About CalArts and the Program in Graphic Design3m
완료하는 데 7시간 필요

Not Getting Caught up in the Details: Wireframes

18개 동영상 (총 113분), 5 readings, 3 quizzes
18개의 동영상
Introduction to Wireframes5m
Responsive Design: What size should your website be?8m
Introduction and Primary navigation4m
Secondary and utility navigation5m
Related content, inline links, indexes, and search4m
Wayfinding6m
Header6m
Footer2m
Sidebar2m
Content8m
Common Form Elements7m
Introduction to Homepage Content Strategies4m
Examples of Homepage Content Strategies13m
Wireframing Tools6m
Wireframes: Bradley8m
Wireframes: Alyson, part 18m
Wireframes: Alyson, part 27m
5개의 읽기 자료
Example Wireframes: Pasadena Conservatory of Music2m
Scrolling6m
Further Reading14m
Try it yourself: Sketch out a wireframe15m
A Final Thought for the Week1m
2개 연습문제
Navigation Systems10m
Common Design Patterns8m
2
완료하는 데 11시간 필요

Finally, Make it Beautiful: The Mockup Phase

12개 동영상 (총 111분), 5 readings, 3 quizzes
12개의 동영상
Visual Mockups3m
Design Principles7m
What is whitespace?3m
Using whitespace to style a form3m
A visual comparison1m
Web Fonts7m
Web Typography: A few tips8m
Creating Visual Mockups9m
Moodboards and Homepage Mockup: Bradley6m
Homepage Mockup: Alyson13m
Interview with Rob Hope: Web design trends44m
5개의 읽기 자료
The Grid19m
Further Reading14m
Web History, Skeuomorphs & Flat Design14m
Moodboards7m
A Final Thought for the Week1m
2개 연습문제
Design Principles/Whitespace12m
Web Typography8m
3
완료하는 데 12시간 필요

An Excursion to Codelandia

7개 동영상 (총 47분), 5 readings, 1 quiz
7개의 동영상
Do I Need to Learn How to Code?4m
Survey of Web Technologies13m
HTML vs. CSS vs. Javascript: A metaphorical adventure6m
HTML Basics5m
CSS Basics8m
Web Inspector8m
5개의 읽기 자료
A Web Design History Primer7m
How to become a unicorn5m
Try it yourself: Styling Buttons15m
Further "Reading"1시 9분
A Final Thought for the Week1m
4
완료하는 데 10시간 필요

Putting it all Together: Final Presentation

8개 동영상 (총 39분), 2 readings, 2 quizzes
8개의 동영상
Clickable Prototypes Introduction1m
Invision Introduction2m
Exporting Assets3m
Importing Assets and Creating Hotspots7m
Hotspot Templates5m
Full Mockups: Bradley8m
Full Mockups: Alyson8m
2개의 읽기 자료
Dark Patterns14m
A Final Thought for the Week1m
4.9
28개의 리뷰Chevron Right

25%

이 강좌를 수료한 후 새로운 경력 시작하기

25%

이 강좌를 통해 확실한 경력상 이점 얻기

Web Design: Wireframes to Prototypes의 최상위 리뷰

대학: LHDec 4th 2019

I loved this course! So many useful tips and lessons were packed into the last four weeks, I would highly recommend other students interesting in UX/UI to check this one out!

대학: XLNov 3rd 2019

Very well structured content, very good course.\n\nI hope the content of the course was a little harder, it's a little too easy even for absolute beginners like me.

강사

Avatar

Roman Jaster

Visiting Faculty, Program in Graphic Design
School of Art

캘리포니아 예술대학 정보

CalArts has earned an international reputation as the leading college of the visual and performing arts in the United States. Offering rigorous undergraduate and graduate degree programs through six schools—Art, Critical Studies, Dance, Film/Video, Music, and Theater—CalArts has championed creative excellence, critical reflection, and the development of new forms and expressions. ...

UI / UX Design 전문 분야 정보

The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps. User interface and user experience design is a high-demand field, but the skills and knowledge you will learn in this Specialization are applicable to a wide variety of careers, from marketing to web design to human-computer interaction. Learners enrolled in the UI/UX Design Specialization are eligible for an extended free trial (1 month) of a full product suite of UX tools from Optimal Workshop. Details are available in Course 3 of the Specialization, Web Design: Strategy and Information Architecture....
UI / UX Design

자주 묻는 질문

  • 강좌에 등록하면 바로 모든 비디오, 테스트 및 프로그래밍 과제(해당하는 경우)에 접근할 수 있습니다. 상호 첨삭 과제는 이 세션이 시작된 경우에만 제출하고 검토할 수 있습니다. 강좌를 구매하지 않고 살펴보기만 하면 특정 과제에 접근하지 못할 수 있습니다.

  • 강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

  • Since this is a graphic design course, to complete the assignments you will need access to a desktop or laptop computer with the appropriate software installed. You can't really do graphic design work properly on a smartphone or tablet. Adobe CC software is recommended for these courses, but alternatives are available. Software will be reviewed in greater detail in the first week of the course.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.