Wireframing Tools - Web Design: Wireframes to Prototypes

Опубликовано: 24 Март 2026
на канале: Adrianna Vere
55
0

Link to this course:
https://click.linksynergy.com/deeplin...
Wireframing Tools - Web Design: Wireframes to Prototypes
UI / UX Design Specialization
This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. Along the way we will also discuss:

Responsive web design and mobile web challenges
Mobile-first approach
Web typography
The relationship between design and programming and whether it is important to know how to code
The different web technologies that make the web work, such as HTML, CSS, JavaScript, server-side coding, and databases.

This course is the continuation of the course Web Design: Strategy and Information Architecture, in which students completed the first half of a large scale project—developing a comprehensive plan for a complex website. If you are intending to complete the assignments in this course to earn a certificate you must complete the Strategy and Information Architecture course first so you have the materials and data needed to begin creating wireframes and mockups in this course.

This is the fourth and last course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone.

These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.
Sketch, Adobe XD, Adobe Illustrator, HTML/CSS, Balsamiq
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!,Very well structured content, very good course. I hope the content of the course was a little harder, it's a little too easy even for absolute beginners like me.
This week is all about wireframes. After mapping out our strategy and scope in the previous course, Web Design: Strategy and Information Architecture, this is the first time in the process that we will address the screen. Now things are going to get much more concrete as we’re starting to actually lay out elements for the user interface. This week you will learn why working on wireframes first—before designing high-fidelity mockups—is a helpful intermediate step. I’ll also talk about responsive design, navigation systems, wayfinding, common design patterns, and strategies for homepage design. And, we’ll discuss which tools are most appropriate for creating wireframes. Because creating those will be your assignment at the end of the week.
Wireframing Tools - Web Design: Wireframes to Prototypes
Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use.