Date Picker UI Interaction Design | Prototype | Adobe XD | High Fidelity Design Deliverables | PDG

In this episode, Abishek will teach you about creating interactions for the date picker UI component in Adobe XD

============
Check out our previous video on creating the Date Picker UI Component in Adobe XD. Because we are using the same component in this video & making it Interactive

▶ https://youtu.be/eLFNfdAs_68
============

Component States
1 - Date (Default State)
2 - Mouse over the date (Hover State)
3 - Date Select (Selected State)

The date picker allows users to enter a date either through text input or by choosing a date from the calendar. It is made up of several components and directives that work together.

0:00 Introduction
00:15 Date Picker Interaction Preview
00:30 Creating Interaction for a single date cell
08:73 Creating Interaction for the entire date picker
11:42 Thank you

--------------

#ui #ux #product #design #date #datepicker #daterange #adobexd #adobe #xd #learning #pdg #productdesigngarage #abishek #abishekthangapandi #abishekshivan #web #mobile #wireframe #mockup

--------------

Interaction Design

Interaction Design (IxD) is the design of interactive products and services in which a designer's focus goes beyond the item in development to include the way users will interact with it.

--------------

👉 Subscribe
👉 Like
👉 Share

Тэги:

#UI_Design #UX_design #Product_Design #Design #Designer #PDG #Product_Design_Garage #Design_Garage #Project_Design #Planning #Ideation #Calendar_UI #Date_Picker #Date_Picker_UI #Date_Range_Selection_UI #Mobile_Design #Web_Calendar_Design #Mobile_Calendar_Design #ReactJS #React_Date_Picker #Angular #Angular_Date_Picker #React_Calendar #Angular_Calendar #Jquery_Calendar #Vue_Calendar #UI_Design_Course #UX_Design_Course #Product_Design_Course #Abishek_Thangapandi #Adobe #Adobe_XD

Скачать видео