هیچ دوره ای در سبد آموزش شما وجود ندارد
قبل از شروع آموزش Adobe Xd بهتر است مروری داشته باشیم بر تجربه و رابط کاربری:
اجازه دهید کمی در زمان به عقب سفر کنیم و یک وبسایت را طراحی کنیم. یک نفر پروژه میگرفت، فکر می کرد، طرح psd میزد و آن را کد می زد، تست می کرد و تحویل می داد و این یعنی صفر تا صد آن را یک نفر انجام میداد. اما با گذشت زمان طرح ها پیچیده تر و متنوع تر شد از طرفی در حوزه کد نویسی هم تکنولوژی های متنوعی ظهور کرد و به روز و حرفه ماندن در هر دو زمینه تقریبا غیر ممکن شد.
همه تمام کارها را یاد میگرفتد و انجام می دادند اما امروزه کارها تخصصی شده است و به افرادی می شود اعتماد کرد که در یک حوزه متخصص هستند برای همین طراحی رابط کاربری از کدنویسی جدا و مستقل شد و در مجموع علم Ui و Ux را شکل داد.
پس از آن افراد با نرم افزارهای ویرایش عکس طراحی رابط کاربری ( ویکی پدیا) انجام می دادند که چون امکانات آن مخصوص عکس و عکاسی بود این نوع نرم افزارهای سنگین و پیچیده بود و از طرفی امکانات کمی برای حوزه رابط کاربری داشتند. اما به تدریس در زمینه رابط و تجربه کاربری نرم افزارهای مختلفی پا به عرصه گذاشتند که با توجه به امکانان این نرم افزارها قدرت طراحان رابط و تجربه کاربری را چند برابر می کرد.
آموزش پیشنهادی
آپدیت این دوره تحت عنوان «دوره جامع آموزش Adobe Xd 2022 به صورت پروژه محور» در حال برگزاری است. پیشنهادی می گردد آن دوره را خریداری بفرمایید.
معرفی نرم افزار Adobe Xd
نرم افزار Adobe Xd یک ابزار طراحی رابط و تجربه کاربری مبتنی بر بردار برای اپلیکیشن های موبایل و وب است که توسط کمپانی ادوبی توسعه داده شده است. این ابزار برای ویندوز و مکینتاش در دسترس است. البته نسخه هایی هم برای آی او اس و اندروید برای نمیاش زنده پروژه ارائه شده است. این نرم افزار قبلا با عنوان project comet شروع به فعالیت کرد که در سال 2016 ابتدا برای سیستم عامل مکینتاش و سپس برای ویندوز 10 با عنوان Adobe Experience Design به صورت بتا عرضه شد.
با عضویت در کانال @learnxd مطالب رایگان از جمله آموزش، کیت طراحی و آخرین اخبار را دریافت و اطلاعات خود را در زمینه Adobe Xd بروز نگه دارید.
تفاوت ادوبی Adobe Xd نسبت به Adobe Photoshp:
شاید سوالی که برای کاربران بوجود می آید این است که مگر Adobe Xd چه امکانات و ویژگی هایی دارد که باید نرم افزار معروف فتوشاپ را رها کرده و به سراغ این نرم افزار که تازه وارد عرصه طراحی رابط و تجربه کاربری شده برویم. اجازه دهید اشاراتی به تفاوت این دو نرم افزار شرکت ادوبی داشته باشیم:
شبکه تکرار یا Repeat grid: امکان تکرار عناصر(لایه یا گروه) در adobe xd بسیار ساده است و می توان به راحتی لیست و یا گالری تصویر ایجاد و آن را ویرایش کرد اما در فتوشاپ این کار کمی وقت گیر و سنگین است.
انیمیشن: ادوبی فتوشاپ امکان انیمیشن را به صورت خیلی محدود به کاربر میدهد اما adobe xd می تواند انیمیشن های جذابی که در موبایل و وب استفاده می شود را به طرح بدهد و طرح را زنده تر، پویاتر و جذاب تر نمایش دهد.
پروتوتایپ یا نمونه سازی: امکانی جذاب برای تعامل مشتری با پروژه طراحی شده که کاربر را قادر میسازد تا با کلیک روی منوها و عناصر مختلف به صفحه مد نظر برود و شبیه یک نرم افزار و سایت واقعی آن را تست کند
تعامل با سایر ابزارها: adobe xd میتواند فایل های ایلاستریتور، فتوشاپ، اسکچ و افترافکتز را باز کند بعلاوه می تواند به سایر نرم افزارهای مرتبط مثل مایکروسافت تیم، جیرا و زپلین متصل شود. در ضمن امکان انتقال پروژه از مکینتاش به ویندوز هم به راحتی امکان پذیر است.
طراحی و تعامل صوتی: طراحی و تعامل با پروژه Adobe Xd می تواند به صورت صوتی باشد که به جای کلیک کاربر با فرمان صوتی به بخش های مختلف پروژه حرکت کند
کامپوننت: یکی از بخش های جالب Adobe Xd بخش کامپوننت است که قبلا با عنوان سمبل شناخته می شد به این ترتیب می توانید عنصر خود را ایجاد و در تمام بخش پروژه یا پروژه های خود استفاده و آن را سفارشی کنید و کامپوننت استفاده شده در تمام پروژه را یکباره ویرایش کنید.
طراحی واکنش گرا: این ویژگی با تغییر اندازه گروه یا صفحه تمام عناصر زیر مجموعه خود را تحت تأثیر قرار می دهد و به طور هوشمند اندازه و موقعیت آن را جابجا می کند به می توانید به سرعت طرح را از موبایل، تبلت و دسکتاپ به هم تبدیل کنید.
پلاگین ها: با توجه به اینکه هر توسعه دهنده می تواند برای Adobe Xd پلاگین بنویسد. ایکس دی دامنه وسیعی از پلاگین های مختلف و کاربردی را دارد که از طراحی گرفته تا انیمیشن و نمونه سازی را شامل می شود.
اشتراک و بازخورد: کاربران Adobe Xd این امکان را دارند که پروژه خود را به اشتراک بگذارند و از کاربران و یا تیم خود بازخورد بگیرند
ویرایش همزمان: برای کاربران Adobe Xd که روی یک فایل میخواهند کار کنند این امکان فراهم است که همزمان طراحی کنند و همه افراد به صورت زنده تغییران سایر افراد هم داشته باشند.
این دوره برای چه کسانی مناسب است:
- افراد علاقه مند به طراحی رابط کاربری موبایل و وب
- افراد به دنبال یادگیری برای شغل وعاشق جلوه های بصری
- طراحان رابط کاربری که هنوز از فتوشاپ و ایلاستریتور استفاده می کنند
آنچه در دوره آموزش adobe xd خواهید آموخت:
در این دوره تمام مباحث مرتبط با طراحی در Adobe Xd را فراخواهید گرفت، کار با تمام ابزارها و تنظیمات، تکنیک های مختلف طراحی، رسم نمودار منحنی و دایره ای و در طی دوره چند پروژه کوچک طراحی را هم با هم طراحی خواهیم کرد. می توانید سر فصل های دوره را مشاهده کنید.
- فصل اول: مقدمات
- تعریف رابط و تجربه کاربری
- درباره دوره
- درباره مدرس
- معرفی نرم افزار adobe xd
- مقایسه Adobe xd و Adobe Photoshop
- پیش نیازهای دوره
- سیستم مورد نیاز
- نصب از طریق ادوبی کلود
- نصب دستی Adobe Xd
- پنجره خوش آمد گویی
- معرفی محیط Adobe Xd
- بزرگنمایی و جابجایی در سند Adobe xd
- مفهوم رنگ ها در دنیای دیجیتال
- فصل دوم: طراحی
- ابزار چهارضلعی و تنظیمات آن
- مفهوم لایه ها و گروه بندی
- رنگ محتوا و حاشیه
- سایه ها
- ساخت وایرفریم ساده پنل کاربری تنها با چهارضلعی
- ابزار بیضی و ساخت اصولی نمودار دایره ای
- ابزار چندضلعی و ستاره
- ابزار خط و رسم چند آیکون
- ویژگی چیدمان و توزیع لایه ها
- ابزار متن و پاراگراف
- رفع مشکل چیدمان و اعداد در زبان فارسی
- استفاده از فونت آیکون FontAwesome
- آرت بورد و سیستم ستونی و مربعی
- درهم آمیزی لایه ها
- ابزار قلم و رسم نمودار منحنی
- تبدیل شکل ها و متن به مسیر
- وارد کردن پروژه فتوشاپ
- وارد کردن پروژه اسکچ
- وارد کردن پروژه ایلاستریتور
- وارد کردن تصاویر
- حالت های ترکیبی لایه ها
- ویرایش مستقیم عکس در فتوشاپ
- طراحی پست با ساختار کاشی
- شبکه تکرار
- طراحی پیشخوان پنل کاربری بخش منو
- طراحی پیشخوان پنل کاربری بخش نقشه و نمودار منحنی
- طراحی پیشخوان پنل کاربری بخش آخرین دیدگاه ها
- طراحی پیشخوان پنل کاربری بخش جدول سفارشات
- استفاده از Svg
- ویژگی بلور یا تار(blur)
- تکنیک سایه درونی با استفاده از Blur و Mask
- ویژگی Padding
- رنگ ها در پنل Assets
- استایل های متن در پنل Assets
- کامپوننت چیست؟
- طراحی و ایجاد کامپوننت به همراه سفارشی سازی
- مدیریت وضعیت های کامپوننت
- استفاده از کامپوننت برای وضعیت هاور در منو
- کامپوننت های تور در تو یا فرزند
- استفاده از کتابخانه CC
- استفاده از کلود و مدیریت نسخه پروژه
- مدیریت پلاگین یا افزونه ها
- درباره کیت های طراحی یا UiKits
- تعامل های نرم افزاری با adobe xd
- واکنشگرا کردن طرح و تبدیل به تبلت و موبایل و برعکس
گام بعدی یادگیری آموزش adobe xd:
پس از این دوره شما قادر خواهید بود که به صورت کامل طراحی کنید و حتی طرح را هم به مشتری نشان دهید اما هنوز لازم است تا برای مشتری یا کاربر در طرح و بین صفحات تعامل برقرار شود و کاربر بتواند با کلیک بین صفحات پروژه جابجا شود و علاوه بر این انیمیشن هم جزء مهمی از پروژه است که زیبایی پروژه چند برابر می کند.
میتونین دوره پیشرفته را از لینک زیر مشاهده کنید:
آموزش پیشنهادی
نمونه پروژه های طراحی شده در این دوره:
چند نمونه از پروژه های طراحی شده در این دوره را می توانید مشاهده کنید:
سجاد اسدی دانشجوی دوره
من واقعا از شرکت در این دوره راضی هستم و پیشنهاد میکنم دوره رو بقیه دوستان حتما خریداری و شرکت کنن
Amirm2305 دانشجوی دوره
ممنون از آقای مودی و دوره خوبشون فقط یه سوال برای طراحی UI شما فیگما رو پیشنهاد میدین یا همین XD؟
حامد مودی
سلام و عرض ادب
با توجه به امکانات گاها متفاوتشون بسته به نوع کاری هست که استفاده میکنین.
مثلا تو انیمیشن و پروتوتایپ و ویدئو ایکس دی قوی تره. ولی تو کار تیمی فیگما
faezeh.b دانشجوی دوره
بسیار عالی بود و نکاتی که در طول دوره گفته میشه بسیااار ارزشمند و کاربردی و تسلط استاد مودی روی مباحث و نحوه تدریس ایشون به حدی روان که شما همون جلسات ابتدائی فکر نمی کنید قرار یک نرم افزار قدرتمندی مثل XD یاد بگیرید و آموزششون بسیار دلچسب و نکته بسیار مثبت اینکه هر مبحث با مثال های عملی پیش میبرن.
ممنون از مجموعه دانشجویار و تشکر ویژه از استاد مودی,
خسته نباشید
حامد مودی
سلام و عرض ادب
ممنونم نظر لطف شماست. خوشحالم که رضایت داشتید
هادی بهروزیان
سلام وقت بخیر
میخواستم بدونم از طراحی و خروجی Adobe XD در محیط xamarin form میشه استفاده کرد که من بیام یاد بگیرمش ؟
soheylakazemi
سلام ممنون وقت شما هم بخیر
بله فرقی نمیکنه کلا طراحی هستش و میتونید در هرجایی استفاده کنید
مژگان
سلام
خسته نباشید،ممنونم از آموزش هاتون یک سوالی داشتم
من نمی تونم پلاگین RTL رو نصب کنم و دقیقا طبق آموزش پیش رفتم <حتی توی یوتیوب هم دنبال حلش گشتم اما نشد<ممکنه بگید چیکار کنم؟
اشکان
با یادگیری این نرم افزار میشه فایل psd هم ساخت؟
حسن رجبیان
پی اس دی رو فقط میشه با فتوشاپ ساخت. اما طراحی هایی که با فتوشاپ انجام میدین رو میتونین با این نرم افزار هم انجام بدین . فقط باید ببینین چه کاری میخواین بکینن بعد تصمیم بگیرین فتوشاپ بهتره یا XD
fatemeh.sabr1995 دانشجوی دوره
سلام ای کاش امکانی بود برای دانلود یکجا
حامد مودی
سلام.
متأسفانه با توجه به اینکه امکان پخش آنلاین وجود داره و به خاطر نبود فضا دانلود یکجا رو نهایتا به صورت لینک های دانلود قسمت ها در یه فایل متنی برای وارد کردن در نرم افزارهای دانلود قرار داده شده
حسن رجبیان
سلام وقت بخیر
در پنل کاربریتون در قسمت دوره های خریداری شده امکان دریافت فایل تکست برای دانلود با دانلود منیجر وجود دارد.
re
سلام ،اگه اکتیویتی ها و صفحات یه اپ اندرویدی رو تو ایکس دی طراحی کنید میشه ازش خروجی گرفت و تو اندروید استودیو به فرم xml دراورد؟درواقع مارو از طراحی مجدد فرانت اند در اندرویدد استودیو بی نیاز میکنه؟ اگه ممکنه ایا اموزشش هست تو دورتون ؟مممنون
حامد مودی
سلام و عرض ادب
برای ایکس دی این نوع افزونه وجود داره از طرفی سرویس هایی مثل zeplin هم این کار رو انجام میدن(البته پلن پولی) و به مرور افزونه های بهتری هم براش نوشته میشه. اما به عنوان یک کدنویس وب میگم هیچ کیفیتی بالاتر از کدی که کدنویس از روی طرح میزنه نیست. کیفیت بالا میخواین طرح رو یک طراح حرفه ای بزنه و کد رو یه کدنویس حرفه ای.
البته افزونه فلاتر هم برای ایکس دی اضافه شده که کامپونن های مختلف رو کد میکنه ولی باز هم نیاز به ویرایش داره
میتونین پلاگین های مختلف رو تست کنین
آموزشش تو این دوره نیست. نهایتا دوره های بعدی کد کردن به html رو آموزش بدم که طول میکشه تا به این دوره برسم
سمیه اسدی
با سلام
من تو نرم افزار adobe xdبدون اینکه بخوام از فتوشاپ برای طراحی عکسام استفاده کنم اموزش یرو میخوام که عکسها بدون اینکه دفرمه بشن بتونم طراحی کنم.
حامد مودی
سلام و خسته نباشید
ادوبی ایکس دی نرم افزار طراحی عکس نیست. ولی اگه میتونین سوالتون رو با تلگرام @hamedmoody مطرح کنین.
قاسم نوروزی
سلام
یه سوال دارم
بعد از طراحی سایت با ایکس دی، میشه با برنامه نویسی mvc شروع به برنامه نویسی کرد؟
ممنون میشم راهنمایی کنید
حامد مودی
سلام بعد طراحی ایکس دی باید طرحتون به کد html و css تبدیل بشه و بعد با زبان برنان برنامه نویسی سایتتون رو بیارین بالا.
mvc یه معماری کد نویسی هست. منظورتون دقیقا چه زبانی هست؟ php یا asp یا زبان دیگه.
در کل آره میشه
سید حسین عزیزی
سلام
ببخشید میخواستم بپرسم اصول طراحی سایت با کد چجوریه؟برای سایتی خوب باید چه کارهایی رو قدم به قم انجام داد؟برای مثال ساخت سایت اپارات چه کارهایی رو قدم به قدم میخواد؟اول کد میخواد بعد uiوux? موقع کد سیو رو باید رعایت کرد یا اول ui.uxرو انجا میدیم بعدش کد میزنیم و سیو؟میشه کامل توضیح بدید ممنونتون میشم
حامد مودی
سلام مجدد
طراحی سایت قطعا اصولی داره که رعایتش باعث خروجی کار تمیزتر میشه. مبحث uiux قبل از مرحله کدنویسی انجام میشه گرچه مبحث ux به عقیده من حتی بعد انتشار سایت و محصول همواره با سایت و محصول خواهد بود و نیازه
یه سری مراحل برای طراحی سایت لازمه مقلا اینکه مشتری درخواست میده، شما باید جلسه بذارید و فرم ها نیازهای مشتری رو بررسی کنین، با تیمتون جلسه میذارین، تحلیل میکنین، طرح میزنی مشتری تایید میکنه، کدنویسی و تست و …
بعضی سایت ها ساختار جدیدی دارن که تحلیل بیشتری لازم دارن اما بعضی سایت ها ساختار عمومی دارن و روند مشخص و زمان زیادی برا تحلیل نمیگیرن
هر سایتی ممکنه با سایت دیگه نحلیل و فرم ها فرق کنه بررسی دقیق این موضوع در قالب دیدگاه نمیگنجه چون جای بحث زیاد داره
برای طراحی سایت که فعلا نه ولی برای طراحی قالب انشاا… اگه عمری موند دوره طراحی قالب رو با رعایت اصول خواهم داشت
سید حسین عزیزی
پس با یادگیری زبان های برنامه نویسی و طرح ایکس دی که با اموزش شما قصد دارم یاد بگیرم و بسازم میتونم سایتی خوب و حرفه ای بسازم البته با دوره دومتون درسته؟
حامد مودی
آره دوست عزیز تو دیدگاه قبلی پاسخ دادم
سید حسین عزیزی
واقا ممنونم از پشتیبانیه سریعتون من چند دقیقه نیست سوال کردم شما سریع پاسخ دادین.
ببخشید میخواستم بدونم من با برداشتن این دوره و یادگیری جدای html.css.js.php میتونم سایتی کامل و حرفه ای و قشنگ بسازم؟
حامد مودی
خواهش میکنم انجام وظیفه س. آره قطعا میتونین ولی خب ایده و مهارت در تجربه کاربری و رابط کاربری هم نیازه که بتونین طرح خوب و کاربرپسند طراحی کنین. ایکس دی فقط ابزار طراحیه
سید حسین عزیزی
پس با یادگیری زبان های برنامه نویسی و طرح ایکس دی که با اموزش شما قصد دارم یاد بگیرم و بسازم میتونم سایتی خوب و حرفه ای بسازم البته با دوره دومتون درسته؟
حامد مودی
بله میتونین
ولی یادتون باشه ایده گرفتن و چالش های تجربه و رابط کاربری هم نقش مهمی تو طراحی یه طرح خوب داره
حسین
ببخشید شما با این نرم افزار ها قالب پی اس دی رو میسازید؟کسیکه زبان های طراحی وب رو یاد بگیره با برداشتن این دوره میتونه سایتی رو بسازه؟
حامد مودی
سلام دوست عزیز
قالب psd پسوند فایلی هست که با فتوشاپ طراحی شده ولی تو زمینه طراحی قالب ادوبی ایکس دی خیلی قوی تر از فتوشاپه.دلایلش رو هم تو ویدئو مقایسه ایکس دی و فتوشاپ گفتم میتونین مشاهده کنین.
اما دیگه با فتوشاپ طراحی قالب انجام نمیدیم و از ایکس دی استفاده میکنیم که پسوند هم xd هست.
درباره سوال دوم هم باید بگم اره با ایکس دی طرح کامل زده میشه و با کدنویسی قالب کد میشه
حسین
ببخشید با برداشتن این دوره و یادگیری برنامه نویسی و سیو میتونم سایتی خوب مثل اپارات یا دانشجویار بسازم؟
حامد مودی
سلام
ادوبی ایکس دی یک ابزار برای طراحی رابط و تجربه کاربری هست و برای طراحی قالب میتونین از این دوره استفاده کنین که البته برای قالب خوب بهتره که علم تجربه و رابط کاربری یا همون ui و ux رو بلد باشید.
به طور کلی در پاسخ باید بگم آره دوره طراحی سایت شبیه آپارات هم در سایت وجود داره که میتونین با جستجوی کلیدواژه آپارت بهش برسین
سوال دیگه ای داشتین در خدمتم
b.keyqobadi
سلام و خسته نباشید
خیلی ممنون از آموزش جامع و خوبتون
آقای مودی منتظر دوره پیشرفته هستیم
دقیقا کی میتونیم این دوره رو خریداری کنیم؟؟؟؟
حامد مودی
سلام ممنون نظر لطفتونه دوست عزیز
انشاا…. سعی میکنم بعد ماه مبارک رمضان تموم بشه
ali.yoosefi68
واقعا عالی بود. یکی از آموزشهایی که از نشستن پاش لذت بردم و دوست داشتم سریع قسمت بعدش رو ببینم.
خواهشی که دارم اینه که دوره پیشرفتش رو هم بزارید
حامد مودی
سلام دوست عزیز ممنون نظر لطف شماست
خوشحالم مورد رضایت بوده. پیشرفته در حال ضبطه انشاا… به زودی اماده و منتشر میشه
میتونین از کانال تلگرام اخبار رو دنبال کنین
Behzadjng
آقای ممنون واقعا خوب بود قسمت دوم آموزش کی آماده میشه؟
حامد مودی
سلام و ممنون، نظر لطفتونه
انشاا… یه بیست روز دیگه
javadmsj
سلام استاد ایا بعد از یاد گرفتن ادوب ایکس دی یا فیگما لازمه باز فوتشاپ ایلستریتور یاد گرفت برای یه ظراح ui شدن ؟ چون برای استخدام معمولا اینا هم میخان
حامد مودی
سلام و خسته نباشید فعلا جواب قاطعی درباره سوالت نیست
متأسفانه برخی شرکت ها هنوز فتوشاپ رو میشناسن و تو آگهی ها هم برای رابط کاربری صرفا رو فتوشاپ تکیه دارن که باید توجیه بشن که راه بهتر از فتوشاپ هم هست که خدا رو شکر دیگه داره کم میشه این موارد.
ولی برای یه طراح موفق لازمه برای ویرایش عکس بتونه با فتوشاپ کار کنه و اگه کار طراحی طرح های ترسیمی یا illustration رو داشت باید درباره ایلاستریتور و طراحی تو این نرم افزار هم بدونه.
اما همه این ها نسبیه و ممکنه یه شرکت طراح متخصص فتوشاپ داشته باشه و شما طرح های رستر رو از اون بگیری یا همینطور طراح متخصص ایلاستریتور
ولی چیزی که هست هنوز تو ایران تا این حد تفکیک تخصص صورت نگرفته و خیلی از طراح ها دستی بر همه این نرم افزار ها دارند و همه این ها بستگی به سطح و شرکت استخدام کننده داره.
اگه بخوای آزادکاری کار کنی که آره باید بلد باشی تو این نرم افزارها کار خودتو راه بندازی
من شخصا فتوشاپ هم درحد نیاز بلدم اما ایلاستریتور رو نه
Behzadjng
بعضی وقتا مشتری ازتون ممکنه کاراکتر خاصی بخاد یا چیزایی بخاد ک باید خودتون تو فتوشاپ یا ایلیستریتور طراحی کنید یاد گرفتنشون خالی از لطف نیست
حامد مودی
طراحی و خلق کاراکتر خوب و منحصر به فرد تخصص گرافیک، هنر و طراحی میخواد که در حوزه من نیست، تو اینجور موارد از کاراکترهای اماده استفاده میکنم یا از طراح کاراکتر کمک میگیرم البته به مقیاس و اهمیت پروژه هم داره که بشه کاراکتر رو کپی یا تغییر داد.
اگه به طراحی کاراکتر علاقمندید یه دوره انیمیشن با افترافکتز هست که از خلق کاراکتر تا انیمیت کردنش هست مدرسشم مهندس پهلوان نشان هست
ممنون از نظرتون ولی اگه میخواین تخصصی فقط رابط و تجربه کاربری کارکنید یادگرفتنش خالی از لطف نیست ولی یادتون باشه فتوشاپ و ایلاستریتور فقط ابزار طراحی هستن، مهمترش طراحی و خلق کاراکتره
hosseinazizi
با این دوره میتونم سایتی مثل فرانش یا دانشجویار با تمام قابلیت های پنل کاربری بسازم؟
حامد مودی
برای طرح قالبش آره اما به نظرم دوره ui و ux رو هم ببینین.
اما برای کدنویسی این دوره اصلا سراغ کدنویسی نمیره
ahad20
سلام استاد
دوره ی شما بسیار عالی است و کلی من چیز یاد گرفتم فقط استاد نمی دونم موقعی می خواهم اندازه ای مثل ارتفاع رو بالا و پایین کردن با موس مثل درگ adobe xd رو علامت تکست قفل می کنه و کرش میشه و اعداد اندازه ها رو فارسی نشون میده مال چی هست ؟
و اینکه دوره پیشرفته کی منتشر میشه؟
با تشکر
حامد مودی
سلام و خسته نباشید
در باره این مشکل لطف کنین یه ویدئو ازش بگیرین و به تلگرام بنده بفرستید.
دوره پیشرفته سعی میکنم تا اواخر ماه یا اوایل ماه بعد منتشر بشه پیشنهادی هم اگه در باره دوره آینده دارین ممنون میشم بگین.
atefeh.dadkhah78
سلام خسته نباشید
ممنون از شما و تدریس عالیتون
لطفا در دوره های بعدیتون اگر امکانش هست ، پلاگین های بیشتری رو توضیح بدین و هم چنین انیمیشن رو در بخش prototype
حامد مودی
ممنون نظر لطف شماست
چشم حتما، تو برنامه هست.
ممنون از پیشنهادتون
hosseinazizi
ببخشید منظورم اینه که شما سایتی کامل با این دوره میسازید؟یعنی صفحه اصلی سایت.صفحه کاربری و…سایتو میسازید؟
ایا میشه با گرفتن این دوره یک سایت کامل با صفحات کامل ساخت؟
حامد مودی
توی این دوره یه صفحه پیشخوان مدیریت، لندینگ پیج و یه پخش کننده رو به عنوان پروژه آموزش دادم و یه سایت کامل رو نمیزنم.
سایت کامل دوره خاص خودش رو میطلبه که انشاا… در آینده
اگه دانشی درباره صفحات سایت، تجربه و رابط کاربری دارین با این آموزش و نرم افزار ادوبی ایکس دی بله میتونین بزنین چون این دوره فقط ابزار ادوبی ایکس دی رو میگه نه اصول طراحی قالب رو
سوال دیگه ای هم هست من درخدمتم
حسین
سلام.ببخشید این اموزشتون برای طراحی کامل سایت هست؟یعنی کل سایتو میسازید یا حساب کاربری؟
سایتی که میسازید یه جور قالب PSDهست یا وردپرس؟
حامد مودی
سلام و خسته نباشید
این دوره صرفا ادوبی ایکس دی رو اموزش میده
دوره طراحی قالب بحث مفصلی هست که دوره جدا و جامع رو میطلبه که انشاا… در اینده تدریس خواهد شد
قبلا با فتوشاپ طراحی و فایل psd رو میدادیم کدنویس اما جدیدا فتوشاپ رو میذاریم کنار و با ادوبی ایکس دی فایل xd میدیم کدنویسی
اگه میخواین تفاوتشون رو بدونین میتونین از لیست پخش بالا تفاوتشون رو ببینین
hosseinazizi
سلام
ببخشید من میخوام سایتی مثل فرانش یا دانشجویار بسازم ایا این دوره به دردم میخوره؟
حامد مودی
سلام اگه منظورتون طرح قالب سایت هست بله به دردتون میخوره. میتونین نمونه طرح های طراحی شده رو هم تو پست مشاهده کنین. طرح لندینگ پیج جشنواره رمضان که فعال هست هم با همین نرم افزار طراحی شده.
hosseinazizi
شماهم تقریبا داشتید همچین سایتی میساخاید؟اون کارا توی دنل کاربری برای همین بود؟
حامد مودی
نه چون موضوع ادوبی ایکس دی هست موضوع طرح اهمیت نداشت و فقط برای نمونه یه بخش از پنل یعنی یت پیشخوان ساده رو طراحی کردیم تو دوره که بیشتر جنبه فروشگاه داشت نا سایت اموزشی مثل فرانش یا دانشجویار
hamed11359
با سلام و احترام
در مورد دانلود آموزش یه درخواستی ازتون داشتم و اون اینه که لطفا یک لینک جداگانه هم برای دانلود کل آموزش ایجاد کنید و ما رو از دردسر دانلود جداگانه هر بخش خلاص کنید :)
محمد
سلام وقت تون بخیر
در نهایت کدها html میشن چه تفاوتی داره الان کیفیت عکس بیشتر باشه؟ (فرمودید xd برداری هست)
حامد مودی
سلام وقت شما هم بخیر دوست عزیز
توی طراحی تفاوتی نداره اما برای گرفتن خروجی عکس رو اگه میخوای توی سایت با اندازه بزرگتر استفاده کنین اینجا هم باید از عکس با کفیت استفاده بشه و خروجی با کیفیت هم از عکس گرفته بشه. ولی حداقل با زوم 100 درصد باید کار باکیفیت باشه
بهمن
ممنون از پاسخگویی تون استاد مودی عزیز
یه سؤال دیگه :
چرا بیسیک فور اندروید دیگه استفاده نمیشه ؟
برای گرفتن خروجی xml باید هزینه اش رو پرداخت کنیم؟
حامد مودی
سلام مجدد
خواهش میکنم انجام وظیفه س
والا با بیسیک فور اندروید کار نکردم و کد نزدم و نمیدونم دلیلش چیه ولی تمرکز گوگل روی اندروید استودیو و کاتلین و جاواست و قدرت کدنویسی اندروید رو داخل همینا جستجو کنین.
درباره خروجی xml هم zeplin خروجی گرفتن اندروید پلن پولی داره که میتونین به سایتش مراجعه کنین و قیمت ها رو ببینین و البته اگه اشتباه نکنم سایت هم هست که فایل xd رو به xml تبدیل میکنه
اینم سایت زپلین:
https://zeplin.io/
بهمن
سلام و عرض ادب
خیلی ممنون از دوره ها و تدریس عالی تون
میخوام بدونم آیا میشه از Adobe XD برای بیسیک فور اندروید هم استفاده کرد؟
حامد مودی
سلام و خسته نباشید
تا اونجایی که اطلاع دارم بیسیک فور اندروید دیگه استفاده نمیشه.
چون طراحی رابط کاربری مستقل از کد و برنامه نویسیه فرقی نمیکنه با چه نرم افزاری میخواین طرح رو تبدیل کنین.
اگه منظورتون خروجی کد هست اطلاعی از نوع ساختار بخش view بیسیک فور اندروید ندارم متأسفانه.
در حال حاضر میشه با استفاده از زپلین خروجی xml برای اندروید گرفت البته پلنش پرمیومه.
theali1998
سلام خسته نباشید…خیلی ممنون از دوره بسیار خوبتون
آقای مودی این دورهای بعدی که
ازشون صحبت کردین حدودا کی آماده میشه
حامد مودی
سلام و خسته نباشید. نظر لطف شماست
با توجه به اینکه هم وظیفه توسعه رو دارم و هم تدریس کمی بیشتر از حد معمول طول میکشه.
برای پیشرفته Xd سعی میکنم حداکثر تا پایان اردیبهشت و شاید زودتر این دوره منتشر بشه.
دوره های بعدی هم مراحل تحقیقاتیش رو شروع کردم. و سعی میکنم بخش بخش منتظر کنم که دوستان زیاد منتظر نشن
Behzadjng
سلام
لطفا شمام مثله آقای اصلانی از کورس های لیندا استفاده نکنید و اونارو مستقیم تو دوره ب زبان انگلیسی نگذارید. دوره پیشرفته تا کی آماده میشه؟
حامد مودی
سلام دوست عزیز
برای تدریس این دوره حتما به سرفصل های لیندا و یودمی و تاتس پلاس سر زدم تا سرفصل های این دوره کم و کسر نداشته باشه
درباره زبان ویدئوها هم همه ش رو خودم تدریس میکنم با صدای خودم و فارسی
درباره انیمیشن ها هم حدود یکی دو ماه اینده انشاا… دوره منتشر میشه
بهزاد
سلام خسته نباشید
تو این دوره از کورس های لیندا یا سایتای دیگ استفاده نشده ک عین دوره قبلی که خیلی از آموزش ها انگلیسی بود دوره آقای اصلانی واینکه بخش بعدی ک شامل انیمیشن هستش کی میاد؟
حامد مودی
سلام پاسخ رو تو دیدگاه بعدی خدمتتون دادم
dr.ninja
پس لطفا نحوهب خروجی گرفتن HTML-CSS بگید
حامد مودی
والا دوست عزیز این دوره کلا بحث ابزاری ادوبی ایکس دی و صرفا طراحی هست و مخاطب خاص طراح وب نداره و هنوز هم ادامه داره قرار دادن کدنویسی در این دوره پراکندگی ایجاد میکنه
در اینده به طور جامع و مفصل بحث طراحی قالب و تبدیل به کد رو بررسی خواهیم کرد تو برنامه هست
در رابطه با تبدیل سریع میشه از افزونه استفاده کرد که شخصا معتقد به این مدل خروجی نیستم چون هیچ خروجی مثل کد کردن دستی نمیشه
dr.ninja
با سلام و خسته نباشید
دوره بعد هم همیجا قرار میگیره یا باید اون هم جدا بخریم؟
حامد مودی
سلام شما هم خسته نباشید
دوره بعدی مباحث پروتوتایپ و انیمیشن و ارائه هست که در ادامه ی این دوره ولی فروشش جداست
مسعود
سلام
آیا بعد از انجام پروژه لندینگ پیج، پروژه با کدهای html، css. زده میشود.
اگر نه ایا امکان داره قسمتهایی رو به این دوره اضافه کنید. با html. Css
ممنون
حامد مودی
سلام و خسته نباشید
خیر این دوره صرفا طراحی با ادوبی ایکس دی هست و وارد کدنویسی نمیشیم.
البته باید بگم انشاا… این دوره تدریس خواهد شد. اما بعد از یک دوره طراحی کامل قالب سایت با ادوبی ایکس دی و دوره بعد از اون کدنویسی این قالب به html به صورت کامل تدریس خواهد شد.
اگه عجله ندارید میتونین صبر کنین
اگه سوال متفرقه هم دارید در خدمتم