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

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

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

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

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

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

Pseudo-elements ها در CSS چی هستند و چه کاربردی دارند؟

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

آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

آموزش کار با تصاویر و ماسک کردن در Adobe Xd - قسمت چهارم
در قسمت چهارم آموزش جامع طراحی UI/UX با Adobe Xd من به سراغ نحوه کار با تصاویر و ماسک کردن آن ها می روم.
ادامه مطلبآموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

چطور مشتریان خارجی خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان – قسمت سوم

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

آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش ابزار متن و فارسی نویسی در Adobe Xd - قسمت سوم
در قسمت سوم آموزش جامع طراحی UI/UX با Adobe Xd به سراغ ابزار پرکابرد متن یا Text رفتم تا نحوه کار کردن و همه تنظیمات مربوط به آن بعلاوه نکاتی در مورد فارسی نویسی به شما آموزش دهم.
ادامه مطلبآموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش جامع CSS – چطور دکمه بسازیم؟

آموزش جامع CSS - چطور دکمه بسازیم؟
در این آموزش CSS به این می پردازم که چطور یک دکمه یا Button را بوسیله دستورات سی اس اس و HTML بسازید. در ادامه به شما تعدادی استایل را یاد میدهم که بتوانید حالتی مدرن و امروزی به دکمه ی خود بدهید که از جمله آن گرد کردن حاشیه دکمه ها و تغییر رنگ بک گراند آن است. در بخش اول فیلم شما یاد میگیرید که چطور به سادگی می توانید یک لینک را تبدیل به یک دکمه کنید و در ادامه با استایل های مختلف دکمه های مختلفی بسازید.
ادامه مطلبآموزش جامع CSS – چطور دکمه بسازیم؟

چطور مشتری با ارزش پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان – قسمت دوم

چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان - قسمت دوم
در این قسمت من و مسعود گروسیان وارد جزئیات چگونگی ارتباط با مشتریان و شیوه های قیمت گذاری می شویم و نکاتی مهمی را برای پیدا کردن مشتریان با ارزش و خوب و همچنین قیمت درست دادن بیان می کنیم.
ادامه مطلبچطور مشتری با ارزش پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ ویژه طراحان – قسمت دوم

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd - قسمت دوم
در قسمت دوم از آموزش طراحی UI/UX با Adobe Xd من شکل های مختلفی که در این برنامه وجود دارد را رسم و نکات و تنظیمات هر کدام از آن ها را بررسی می کنم. در طراحی رابط کاربری ما با شکل های ساده ساختار و ظاهر کلی سرویس مورد نظرمان که می تواند وبسایت، اپلیکیشن و یا هر نوع دیگری باشد را طراحی می کنیم.
ادامه مطلبآموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم