تصميم واجهات المستخدم، تطبيق عملي تصميم موقع وتطبيق UI/UX

Name: تصميم واجهات المستخدم، تطبيق عملي تصميم موقع وتطبيق UI/UX
Rating: 4.7 (28 reviews)

الدورة الشاملة لتأسيسك كمصمم تجربة وواجهات المستخدم باستخدام برنامج Adobe XD

Created byKerlos Eskander

Last updated 1/2023

Arabic

What you'll learn

كيف تصمم واجهات المستخدم ببرنامج Adobe XD
كيف تصبح مصمم واجهات مميز لدية فهم لمبادئ وقوانين تصميم تجربة المستخدم UX Design
كيفية بدأ مشروع التصميم وفهم مايريده العميل، حتى تسليم المشروع
كيفية ربط صفحات تصميمك وادخال الانميشن لتبهر عملاءك
أساسيات ومبادئ التصميم العامة مثل Alignment, Typography, Colors, layout ... الخ
تعلم كيف تحصل على صور وخطوط مجانية لاستخدامها في تصميمك

Course content

5 sections • 26 lectures • 4h 39m total length

What is Adobe XD ما هو برنامج0:43
Get to know what is Adobe XD, how to get it, what is it capable to provide.
The XD Interface - شرح واجهة البرنامج11:59
Walking-through the ADOBE XD interface, and know how to use the basic tools shortcuts.
Working with Shapes - التعامل مع الأشكال11:00
Learn how to work different shapes in Adobe XD.
Working with Text - التعامل مع النصوص13:05
Learn how to work with text & fonts in Adobe XD.
Test Your Information - اختبر معلوماتك

You as a Designer! - أنت كمصمم8:43
Let's talk about you as a designer, what should you do while you're designing and while you're not, what are inspiration websites you should see and how to copy other creatives till you have your own style.
Balance and Alignment - المحاذاة والتوازن13:44
What is Balance and Alignment in UI Design by examples.
Hierarchy - التسلسل الهرمي9:58
What is Hierarchy in UI Design by examples.
Consistency - التطابق7:33
What is Consistency in UI Design by examples.
Some UX Laws Part 1 - 1 بعض قوانين تصميم تجربة المستخدم10:04
Learn some UX Laws and how could it have a very big impact on your UI design. Part 1
Some UX Laws Part 2 - 2 بعض قوانين تصميم تجربة المستخدم7:21
Learn some UX Laws and how could it have a very big impact on your UI design. Part 2

The Brief or The Questionnaire - كيف تفهم ما يريده العميل8:53
How to read the brief and what are the questions you should ask the client before starting.
Choosing the Main Colors & Font - اختيار الألوان والخطوط لمشروعك11:22
Let's define our colors and main font for our project.
Style Guide & Learn Assets Part 1 - إنشاء دليل تصميم سريع الجزء الأول16:19
Creating a quick Design Guide to follow later on so we keep consistency all over our UI elements & Learn the Assets in ADOBE XD. Part 1
Style Guide & Learn Assets Part 2 - إنشاء دليل تصميم سريع الجزء الثاني14:00
Creating a quick Design Guide to follow later on so we keep consistency all over our UI elements & Learn the Assets in ADOBE XD. Part 2
Quick Wireframing the Page Contents - رسم محتويات الصفحة الرئيسية بشكل سريع13:58
Define the content of our page as a wireframe to get back to it before doing the visual stuff.

Explain + Creating a Grid System - شرح وعمل نظام شبكي للتصميم8:29
Design the Landing Page Header & Main Banner - تصميم الهيدر والبانر الرئيسي17:28
Design our landing page Main Header & Banner.
Design the Rest of the Landing Page Part 1 - تصميم باقي الصفحة الجزء الأول19:21
Design our landing page content.
Design the Rest of the Landing Page Part 28:54
Design our landing page content. Part 2
Design the Rest of the Landing Page Part 35:38
Design our landing page content. Part 3
Design the Landing Page Footer - تصميم الفوتر9:36
Design our landing page Footer.
Design the Mobile App Onboarding Screens - تصميم الصفحات الارشادية للتطبيق9:54
Design our Mobile App Onboarding screens.
Wireframe & Design the Mobile App Home Screen - تصميم الصفحة الرئيسية للتطبيق18:27
Design our Mobile App Home screen.
Wireframe & Design Mobile App Details Screen - تصميم صفحة تفاصيل داخلية للتطبيق7:20
Design our Mobile App Details screen.

Requirements

Adobe XD software.
Windows 10, cause 7,8 or any older version is not supporting Adobe XD.
No previous design experience required.
No previous Adobe XD experience required.

Description

Are you excited to get into the world of UI/UX but don't know how and where to start? Well, I've designed this course to allow you to learn how to start and end as a UX/UI designer & start getting paid for having that skill by working on a design project for a web landing page & mobile app screens.

Hello buddy! My name is Kerlos & I’m a Senior UI/UX Designer & Instructor. I'll help you learn the design basics & fundamentals using Adobe XD which is a great design tool used by industry professionals. By the end of this course, you will be able to produce practical and effective User Interfaces (UI) for both Mobile Apps & Websites.

I've designed this course to cover the Digital Design Fundamentals that make you a Good Designer in the first place before we dive into the process of designing a Landing Web Page & Mobile App screens for a project using the ADOBE XD.

You'll also get to know where could you get your design assets like the images and fonts that you'll need for creating your next awesome project, as long as the design inspiration websites you should visit daily to feed your visual design memory.

Join me in this wonderful experience we will have together, to become the UX/UI Designer that companies love to hire.

Who this course is for:

Junior/Beginner UX/UI designers who want to learn design basics & Adobe XD interface.
People who love to create and explore!

تصميم واجهات المستخدم، تطبيق عملي تصميم موقع وتطبيق UI/UX

What you'll learn

Explore related topics

Course content

Adobe XD - البرنامج4 lectures • 37min

UX Design Fundamentals & Laws - أهم أساسيات وقوانين تصميم تجربة المستخدم6 lectures • 57min

How to Start a Project - كيف تبدأ أي مشروع تصميم5 lectures • 1hr 5min

Design the Project - تصميم المشروع9 lectures • 1hr 45min

Creating the Prototype - عمل النموذج المبدأي لمشروعك2 lectures • 16min

Requirements

Description

Who this course is for: