Web and screen design 3 - User interface design

Module title:

Web and screen design 3 - User interface design

Module overview:

This module provides students with the skills and knowledge needed to make responsive web pages, use appropriate tools, and apply the ways of thinking required to make a website with a modern user experience.

This module is core to subspecialisation in Design and provides the foundation for web page design and light development modules that students will take in the following semesters. Skills brought by this module will contribute significantly to student’s development as professionals in respecting fields.

Students will learn:
• Foundations of how to create a responsive website, which is necessary to build skills that are more complex and required in the labour market.
• How to create HTML structure and applying CSS styles to create a responsive website.
• How to apply principles of the mobile-first approach of design for creating responsive websites.
• How to create websites using CMS.

The module assessment is based on individual student projects. In these projects, students must create a responsive website in CMS according to the given specification.

Literature:

Essential reading:
1. Frain, B. (2020) Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, Birmingham, 3rd Edition, Packt Publishing

Recommended reading:
1. Messenlehner, B., Coleman, J. (2019), Building Web Apps with WordPress, 2nd Edition, Sebastopol, O'Reilly Media, Inc.
2. Jakobus, B., Marah, J. (2018) Mastering Bootstrap 4 - Second Edition, Birmingham, Packt Publishing
3. Moreto, S. (2016) Bootstrap 4 By Example, Birmingham, Packt Publishing

Further reading:
1. Krause, J. (2020) Introducing Bootstrap 4: Create Powerful Web Applications Using Bootstrap 4.5, New York, Apress