ویدیوها

DexignerNews Hot #1 – گلچینی ویدیویی از بهترین و جذاب ترین لینک ها در حوزه دیزاین

DexignerNews Hot #1 - گلچینی ویدیویی از بهترین و جذاب ترین لینک ها در حوزه دیزاین
DexignerNews Hot #1 خبرنامه ویدیویی است که در آن گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین که در ماه های گذشته از طریق خبرنامه ایمیلی DexignerNews برای اعضای آن ارسال شده است را بررسی میکنم.

طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟

طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟
در آموزش طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟ قصد دارم مسیری را که برای یاد گرفتن طراحی تجربه کاربر یا UX Design طی کردم را از صفر به شما توضیح دهم تا بتوانید شما نیز براحتی این حوزه از دیزاین را براحتی یاد بگیرید. طراحی تجربه کاربر یا UX Design به این معنی است که چطور یک حس یا تجربه خوب را در هنگام کار با سرویس یا اپلیکیشن مان به کاربران منتقل کنید تا رضایت آنها را جلب کنیم.

آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک – صفر تا صد – قسمت اول

آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک - صفر تا صد - قسمت اول
در یک سری ویدیو دنباله دار من به همه قوانین و اصطلاحات مربوط به رنگ ها در دیزاین می پردازم ( طراحی رابط کاربری UI – طراحی گرافیک و صفحه آرایی ) و با همدیگر نمونه های کاربردی از هر حوزه را بررسی و نکاتی در مورد آن ها به شما آموزش می دهم.

آموزش Notion – ابزار جامع مدیریت کارهای شخصی و شغلی 2021

آموزش Notion - ابزار جامع مدیریت کارهای شخصی و شغلی 2021
خوش آمدید به آموزش ابزار Notion که شما می تونید اون رو به عنوان یک ابزار مدیریت کارها یا یک چاقوی سوئیسی برای مدیریت کارها و افزایش بهره وری در کارهای شخصی و شغلی تون بدونید یا به اصطلاح دیگه مغز دومی برای شما.

آموزش فیگما – نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd

آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd
در این ویدیو می خواهیم نحوه ی نصب و استفاده از فونت های فارسی در فیگما Figma و Adobe Xd 2021 را به شما آموزش دهم. بصورت کلی 3 روش نصب و استفاده از فونت های فارسی یا به عبارتی فارسی نویسی در فیگما را به شما آموزش می دهم.

آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma 2021 – قسمت سوم

آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma 2021 – قسمت سوم
در قسمت سوم سری آموزش های جامع فیگما Figma به سراغ ساخت پروتوتایپ و استفاده از ویژگی Constraints که برای طراحی ریسپانسیو یا واکنش گرا نیز استفاده می شود می پردازم.

آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم

آموزش جامع فیگما – بررسی ویژگی‌های پنل Design – قسمت دوم
در آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم به بررسی ویژگی های پرکاربردترین پنل در Figma می پردازم. پنل Design در فیگما شامل ویژگی های مختلف عنصری است که انتخاب کرده اید. به عنوان مثال اگر شما یک شکل در Figma انتخاب کرده باشید در پنل دیزاین ویژگی هایی مثل اندازه ، مکان ، رنگ ، رنگ حاشیه ، گردی گوشه ها ، انواع Effect مثل سایه دادن یا تار کردن و در نهایت خروجی گرفتن از آن را در اختیار شما قرار می دهد.

آموزش جامع Figma – کار با ابزارها و محیط فیگما 2021 – قسمت اول

آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول
در آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول به سراغ نحوه نصب و کار با ابزارها و محیط فیگما می رویم. در ابتدای چگونگی نحوه دانلود و نصب فیگما ، نرم افزار نمایش طراحی روی موبایل فیگما و نرم افزار نصب فونت های سیستم بر روی فیگما را بررسی میکنیم. سپس قسمت داشبورد فیگما که شامل بخشی برای نمایش پروژه های اخیر شما یا تیم هایی که در حال کار با آن ها هستید می پردازم. در ادامه به سراغ برسی پنل لایه ها / صفحه ها می روم و شروع به معرفی ابزارهای اصلی فیگما میکنم. بعد از معرفی ابزار و نحوه کار ابزارهای مختلف Figma به سراغ ویژگی کامپوننت می روم و بعد از تعریف آن نحوه ساخت یک کامپوننت دکمه را به شما در فیگما آموزش می دهم.

آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma

طراحی یک عنصر با بینهایت حالت با Variants در Figma
در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار باید بدنبال حالت مورد نظر خود باشید. Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کند.

5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت اول

5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول
درفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم. مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید. اکثر این پلاگین این امکان را به شما می دهند که بتوانید خیلی سریع دیتا یا محتوای مورد نیاز در طراحی خود را بصورت اتوماتیک تهیه کنید که این دیتا ها می توانند آواتار یا تصاویر پروفایل اشخاص، دیتای متنی مثل اسم، آدرس، شغل و ... ، چارت ها و تصاویر با کیفیت اشاره کرد.

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

10 ترفند فوق العاده کاربردی فیگما 2021 - قسمت اول
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم. در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم. در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

کامپوننت ها در Adobe Xd و ساخت یک دکمه برای همه جا

کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd
در آموزش کامپوننت ها و ساخت یک دکمه برای همه جا در Adobe Xd می‌خواهیم با استفاده از کامپوننت ها دکمه ای را به عنوان نمونه درست می کنیم که براحتی بتوان در سرتاسر طراحی رابط کاربری از آن استفاده کرد.

طراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟

طراحی رابط و تجربه کاربری UI/UX چیست و چه تفاوت هایی با هم دارند؟
در این فیلم به مفهوم و تفاوت های طراحی رابط و تجربه کاربری ( UI/UX ) می پردازم. در ابتدای این فیلم مفهوم طراحی تجربه کاربر یا UX Design را برای شما توضیح می دهم و بعد بصورت خلاصه مراحل طراحی تجربه کاربر یک سرویس ، وبسایت یا اپلیکیشن را به شما نمایش و آموزش می دهم.

چطور در 2021 از صفر طراحی گرافیک را یاد بگیریم؟

چطور از صفر طراح گرافیک بشویم؟
در آموزش چطور از صفر طراح گرافیک بشویم به این می پردازیم که چطور از صفر بتوانید طراحی گرافیک را یاد بگیرید، چه رشته های تخصصی در این فیلد طراحی گرافیک وجود دارد، از چه نرم افزارهایی برای طراحی در هر کدام از فیلد های تخصصی استفاده کنیم، چطور نمونه کارهایمان را به نمایش بگذاریم تا بتوانیم شغلی مناسب پیدا کنیم و معرفی کتاب هایی برای کسانی که می خواهند از صفر وارد حوزه طراحی گرافیک بشوند.

آموزش دانلود و نصب Adobe Xd با Creative Cloud

آموزش دانلود و نصب Adobe Xd با Creative Cloud
برای نصب Adobe Xd و یا اضافه کردن پشتیبانی از زبان فارسی شما نیاز دارید که ادوبی کریتیو کلود را نصب کنید. برای نصب کریتیو کلود من دو راه برای دانلود آن به شما آموزش می دهم که براحتی بتوانید آن را نصب کنید.

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟

چطور در CSS با ویژگی Background تصویر پس زمینه به عنصری بدهیم؟
Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد. در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.

آموزش متحرک کردن آیکان ها در Adobe XD

آموزش متحرک کردن آیکان ها در Adobe XD
در این قسمت از آموزش طراحی UI/UX با Adobe Xd قصد دارم با استفاده از ویژگی جدید که به ایکس دی در سال 2021 به آن اضافه شده آیکان ها را متحرک کنیم و در واقع میکرو اینتراکشن های مختلفی را برای عناصری که با استفاده از قابلیت Border یا Stroke طراحی شده اند، ایجاد کنیم.

آموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم

آموزش جامع Adobe Xd - طراحی آیکان با Pathfinder - قسمت پنجم
در قسمت پنجم آموزش جامع Adobe Xd به سراغ دستورات Boolean یا Path Finder می روم که بوسیله آن شما می توانید شکل های جدیدی در Xd طراحی کنید. فرض کنید که شما قصد دارید قسمتی از NavBar را برای دکمه Add به صورت 6 ضلعی در بیاورید.