강의

멘토링

로드맵

Inflearn brand logo image
Design

/

UI/UX

Creating Effective Mobile UX (Design + Coding)

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.

(4.5) 46 reviews

106,958 learners

  • usefulit
HTML/CSS
jQuery
XD

Reviews from Early Learners

What you will learn!

  • Mobile UX Design with Adobe XD

  • Mobile UX coding using HTML, CSS, and jQuery

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 2018 I 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.)

Recommended for
these people

Who is this course right for?

  • Students studying the web

  • Web-based practitioner

Need to know before starting?

  • Basic Photoshop skills

Hello
This is

8,256,327

Learners

6,111

Reviews

4.6

Rating

296

Courses

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Curriculum

All

46 lectures ∙ (22hr 13min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

46 reviews

4.5

46 reviews

  • Yuni님의 프로필 이미지
    Yuni

    Reviews 11

    Average Rating 4.9

    4

    100% enrolled

    강의명을 보고 디자인 트렌드라던가 상황에 따라 어떤 UX를 적용하는 게 효율적인지와 같은 내용을 기대했는데 실제적으로는 모바일 UX 케이스 스터디 같은 느낌이라 아쉬웠습니다. 또한 코딩이 원래 오류를 정정하면서 작업하는 것이 자연스러운 작업 방식이라고는 하지만 초급 수준의 강의인데 실수가 잦으셔서 이해가 혼란스러웠습니다. 그래도 모바일 유엑스 작업이 어떻게 이루어지는지 보고 배울 수 있는 점은 좋았습니다.

    • 최정은 (탈퇴)님의 프로필 이미지
      최정은 (탈퇴)

      Reviews 1

      Average Rating 3.0

      3

      100% enrolled

      도움이 됐습니다.

      • 박채윤님의 프로필 이미지
        박채윤

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        몰랐던 부분을 새로 알게 되었을뿐만 아니라 알고 있었던 부분을 좀더 쉽고 다시한번 정리할 수 있어서 좋았습니다.

        • 주선우님의 프로필 이미지
          주선우

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          좋은 강의입니다~

          • mipizz님의 프로필 이미지
            mipizz

            Reviews 2

            Average Rating 5.0

            5

            100% enrolled

            감사합니다

            $61.60

            usefulit's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!