You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.
From the web to mobile apps! The Basics of UX Design Implementation 📲
🗒 Course Introduction
(Please note that this lecture does not provide instructor-assisted answers.)
In this course, we will use Adobe Photoshop and XD to design UX layouts that can be implemented on various devices, including mobile, tablet, and desktop.
Additionally, you will learn practical web and app design skills by learning coding methods suitable for mobile device implementation as well as design.
You can design layouts for various devices using design tools.
Learn proper coding practices for mobile devices.
🌈 Preview the lecture
🙌 Tools covered here
Adobe Photoshop CC (2018)
Adobe XD CC (2018)
Atom 1.24.0
Google Chrome
In this course, we will learn about Adobe Photoshop and XD CC 2018I am using Atom 1.24 . So I recommend using the latest version of Photoshop and XD or higher.
Both Atom and Google Chrome can be downloaded for free from their official websites. Adobe tools can be purchased or offered as limited-time trials on their official websites. Official site links (1) , (2),(3)
🙋🏻♂️ Expected questions related to the lecture
Q. Can non-majors and beginners also take the course? A. This course covers the fundamentals of UX design, so it's designed to help you quickly learn Adobe XD, HTML, CSS, jQuery, and more from the ground up. However, please note that you'll benefit from this course if you already have some prior knowledge of Photoshop.
Q. Are lecture notes included? A. Yes, the lecture notes are attached to the second lecture of each part. For Part 1, the lecture notes file is large, so you can download it by clicking the drive link displayed on the screen. For Part 2, you can download the example compressed file by clicking the cloud-shaped icon on the left tab of the lecture playback screen or the green [Materials] icon in the upper right corner. (To ensure 100% progress, please click [Viewed] in the bottom center.)
Looking at the title of the lecture, I expected to learn about design trends and how to apply UX effectively depending on the situation, but in reality, it felt like a mobile UX case study, which was disappointing. Also, although coding is supposed to be a natural way to work while correcting errors, it was a beginner-level lecture, and there were a lot of mistakes, so it was confusing to understand. Still, it was good to be able to see and learn how mobile UX work is done.
It was great not only because I learned new things I didn't know before, but also because I was able to organize and review things I already knew in a more easily understandable way.