در قسمت دوم از آموزش طراحی UI/UX با Adobe Xd من شکل های مختلفی که در این برنامه وجود دارد را رسم و نکات و تنظیمات هر کدام از آن ها را بررسی می کنم. در طراحی رابط کاربری ما با شکل های ساده ساختار و ظاهر کلی سرویس مورد نظرمان که می تواند وبسایت، اپلیکیشن و یا هر نوع دیگری باشد را طراحی می کنیم.
در این سری پست های دنباله دار میخوام اصطلاحاتی که شما در طراحی رابط کاربری می بینید یا می شنوید رو یک توضیح کوتاه بدم. این اصطلاحات بیشتر از سیستم متریال دیزاین گوگل استخراج شده ولی بصورت کلی در همه جا و همه ی پلتفرم ها مشترک هست.
نمونه‌کار: رابط کاربری کارت پرواز XBoarding by @iHMahmoodi - #BlogPost -------------------------------------------------- عضویت در کانال یوتیوب https://www.youtube.com/AsteriXarts?sub_confirmation=1 --------------------------------------------------
اصول طراحی رابط کاربری برای تلویزیون by @iHMahmoodi - #BlogPost -------------------------------------------------- عضویت در کانال یوتیوب https://www.youtube.com/AsteriXarts?sub_confirmation=1 --------------------------------------------------
در یک سری ویدیوهای دنباله دارم من میخواهم طراحی UI/UX را با استفاده از Adobe XD به شما آموزش دهم. در قسمت اول این سری من ابتدا نحوه دانلود و نصب ادوبی ایکس دی را به شما آموزش می دهم و سپس به سراغ معرفی قسمت های مختلف Adobe XD می روم و در ادامه نحوه ساخت و کاربرد آرتبورد های مختلف را به شما آموزش میدهم. سپس بعضی از تنظیمات مختلف در پنل Inspector را معرفی و در نهایت با محوه فعالسازی و استفاده از خطوط راهنمای مختلف و همچنین ستون بندی آرتبورد این قسمت را ادامه می دهم.
آموزش Adobe Xd - یک دکمه برای همه جا در طراحی رابط کاربری by @iHMahmoodi - #BlogPost -------------------------------------------------- عضویت در کانال یوتیوب https://www.youtube.com/AsteriXarts?sub_confirmation=1 --------------------------------------------------
در قسمت دوم از آموزش طراحی UI/UX با Adobe Xd من شکل های مختلفی که در این برنامه وجود دارد را رسم و نکات و تنظیمات هر کدام از آن ها را بررسی می کنم. در طراحی رابط کاربری ما با شکل های ساده ساختار و ظاهر کلی سرویس مورد نظرمان که می تواند وبسایت، اپلیکیشن و یا هر نوع دیگری باشد را طراحی می کنیم.
در یک سری ویدیوهای دنباله دارم من میخواهم طراحی UI/UX را با استفاده از Adobe XD به شما آموزش دهم. در قسمت اول این سری من ابتدا نحوه دانلود و نصب ادوبی ایکس دی را به شما آموزش می دهم و سپس به سراغ معرفی قسمت های مختلف Adobe XD می روم و در ادامه نحوه ساخت و کاربرد آرتبورد های مختلف را به شما آموزش میدهم. سپس بعضی از تنظیمات مختلف در پنل Inspector را معرفی و در نهایت با محوه فعالسازی و استفاده از خطوط راهنمای مختلف و همچنین ستون بندی آرتبورد این قسمت را ادامه می دهم.
در این سری پست های دنباله دار میخوام اصطلاحاتی که شما در طراحی رابط کاربری می بینید یا می شنوید رو یک توضیح کوتاه بدم. این اصطلاحات بیشتر از سیستم متریال دیزاین گوگل استخراج شده ولی بصورت کلی در همه جا و همه ی پلتفرم ها مشترک هست.
کانسپت سالن زیبایی Xbeauty بر اساس این طراحی شد که زمانی که یک کاربر وارد سایت می شود، متوجه خدمات زیبایی با کیفیت، تمیز و تا تجهیزات مدرن بشود و در واقع این حس را به آن ها القا کند. در همان ابتدای سایت خدمات ویژه سایت بصورت اسلایدر درآمده و نمایش داده میشود و بلافاصله همه ی خدمات این سالن آرایشی در دید کاربر قرار میگیرد. بعد از این مرحله به معرفی سالن زیبایی XBeauty پرداخته می شود و پس آن نمونه کارهای این سالن زیبایی به کاربر ارائه می شود. نظرات مشتریان در مرحله بعد نمایش داده می شود و پس از آن یک آفر یا پیشنهاد ویژه به کاربر ارائه می شود تا وارد مرحله سفارش خدمات زیبایی شود و اگر از این مرحله عبور کرد در انتها قسمت رزرو نوبت قرار داده شد که بتواند یک نوبت بصورت آنلاین رزرو کند.
وبلاگ حسین محمودی «iHMahmoodi» | طراح رابط کاربری UI/UX 