• Post category:StudyBullet-7
  • Reading time:8 mins read


Design a Portfolio Website UI/UX Using Adobe XD-Learn Adobe XD Prototype,Animation-User Interface-User Experience Design

What you will learn

Website Design Using Adobe XD

Web Design Process in Adobe XD

Design A Complete Portfolio Website

Adobe XD Prototyping

UI/UX Design Process

Adobe XD Character Style


Get Instant Notification of New Courses on our Telegram channel.


Adobe XD Assets, Color and Color Gradient

Adobe XD Component, Group and Grid System

Description

In this course, you will learn from the very basic to advanced level of adobe XD and you will end up designing a complete portfolio web app UI/UX. This course is completely project-based. It means you will design a real-world project and you will be able to add it to your portfolio that will help you to get your dream job.

UI/UX Designer has a good demand in the current job market. If you want to build your career as a UI/UX Designer then this course is going to be very helpful for you. You are designing a complete project from scratch. This way you are going to learn how to organize your project and generate your ideas to design your web app. Step by step you will learn the adobe xd technique and you will design different kinds of designs for the portfolio website. You will design different screens with different kinds of design challenges. At the end, you will end up learning prototypes and animation. You will get to know how to export your design in different formate and share.

Here are some lists, that you are going to learn in this class:

  1. How to work with the component of Adobe XD.
  2. Web app UI/UX Design.
  3. How to work with the color asset of Adobe XD.
  4. You will learn the uses of Adobe XD Plugin.
  5. Adobe XD Scroll View(Vertical and Horizontal Scroll View).
  6. How to create a group and duplicate the group data.
  7. Different kinds of shortcut keys that help a lot to speed up the working process.
  8. Adobe XD Color, Color gradient, and Colors Shadow.
  9. Text style and text Asset.
  10. The uses of Prototyping and animation.
  11. How to use repeat grid tools.
English
language

Content

Introduction

Introduction

**Create Art board and Navigation Design**

Create Art board and Navigation Design Part-1

**Header Section Design**

Header Section Design Part-2

**Design Career Object**

Design Career Object Part-3

**Design Career Object and Uses of Plugin**

Design Career Object and Uses of Plugin Part-4

**Design Education Section**

Design Education Section Part-5

**Project Section Design**

Project Section Design Part-6
Project Section Design Part-7

**Tech Skills Design**

Tech Skills Design Part-8

**Tools Section Design**

Tools Section Design Part-9

**Feedback Card Design**

Feedback Card Design Part-10

**Feedback Card and Horizontal Scroll View**

Feedback Card and Horizontal Scroll View Part-11

**Contact Form- Design Input Field and Button**

Contact Form-Design Input Field and Button Part-12

**Footer Design**

Footer Design Part-13

**Details Page Navigation Design**

Details Page Navigation Design Part-14

**Details Page Feature Design**

Details Page Feature Design Part-15

**Details Page Card Design**

Details Page Card Design Part-16

**Prototype With Animation**

Prototype With Animation Part-17

**Export All Designs**

Export All Designs Part-18