آموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم
قسمت پنجم آموزش جامع Adobe XD؛ طراحی آیکان با ابزارهای Pathfinder و ترکیب شکلها برای ساخت فرمهای دقیقتر و قابل ویرایش.
دسته طراحی و دیزاین
مرجع آموزش طراحی رابط و تجربه کاربری (UI/UX)، اصول دیزاین سیستمها و مسیر حرفهای شدن در دنیای طراحی محصول دیجیتال. طراحی گرافیک و صفحه آرایی، طراحی وب و تدوین ویدیو
ادامه مطلبآموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم
Pseudo-elements ها در CSS چی هستند و چه کاربردی دارند؟
Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد.
در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.
آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم
قسمت چهارم آموزش Adobe XD؛ وارد کردن تصاویر، Mask کردن و کنترل نمایش عکسها در فریمها و عناصر رابط کاربری.
آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم
قسمت سوم آموزش Adobe XD؛ کار با ابزار Text، تایپوگرافی و نکات فارسینویسی و راستبهچپ در طراحی رابط کاربری.
آموزش جامع CSS – چطور دکمه بسازیم؟
در این آموزش CSS به این می پردازم که چطور یک دکمه یا Button را بوسیله دستورات سی اس اس و HTML بسازید.
در ادامه به شما تعدادی استایل را یاد میدهم که بتوانید حالتی مدرن و امروزی به دکمه ی خود بدهید که از جمله آن گرد کردن حاشیه دکمه ها و تغییر رنگ بک گراند آن است. در بخش اول فیلم شما یاد میگیرید که چطور به سادگی می توانید یک لینک را تبدیل به یک دکمه کنید و در ادامه با استایل های مختلف دکمه های مختلفی بسازید.
آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم
قسمت دوم آموزش Adobe XD؛ ساخت شکلها و تنظیم Fill، Border، Radius و سایر ویژگیهای بصری برای طراحی عناصر رابط کاربری.
چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ – قسمت اول
چطور مشتری مناسب پیدا کنیم و برای پروژه طراحی قیمتگذاری کنیم؟ این مطلب درباره ارزیابی مشتری، تعریف Scope و ارائه قیمت منطقی و حرفهای است.
آموزش جامع Adobe XD – محیط ظاهری و آرتبورد ها – قسمت اول
قسمت اول آموزش جامع Adobe XD؛ آشنایی با محیط نرمافزار، آرتبوردها و ابزارهای اولیه برای شروع طراحی رابط کاربری.
10 افزونه کاربردی مرورگر برای طراحان رابط کاربری UI
۱۰ افزونه کاربردی مرورگر برای طراحان رابط کاربری؛ ابزارهایی برای بررسی رنگ، فونت، اندازهها، اسکرینشات و سادهتر کردن بخشی از Workflow طراحی.
چطور در CSS چندین تصویر به پس زمینه عنصری بدهیم؟
در ادامه آموزش قبل می خواهیم اینبار چند تصویر را به پس زمینه یا Background یک عنصر بدهیم. این کار براحتی قابل انجام هست و کافی است شما به جای دادن یک آدرس، دو یا چند آدرس را به عنوان url در پراپرتی background معرفی کنید که در فیلم کاملا متوجه نحوه نوشتن آن می وشوید.