آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم
قسمت چهارم آموزش آرشیوی Adobe XD؛ وارد کردن تصویر، Mask و کنترل نمایش عکس در Frameها و عناصر رابط کاربری.
دسته طراحی UI/UX
آموزش طراحی رابط و تجربه کاربری (UI/UX)، اصول طراحی محصول، پروتوتایپ، تحقیقات کاربر، تست کاربردپذیری و مسیر حرفه‌ای شدن در طراحی محصولات دیجیتال.
ادامه مطلبآموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم
آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم
قسمت سوم آموزش آرشیوی Adobe XD؛ کار با Text، تایپوگرافی و نکات فارسی‌نویسی و راست‌به‌چپ در UI.
آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم
قسمت دوم آموزش آرشیوی Adobe XD؛ ساخت Shapeها و تنظیم Fill، Border، Radius و ویژگی‌های بصری عناصر UI.
چطور مشتری خوب پیدا کنیم و پروژه فریلنسری را قیمت‌گذاری کنیم؟
راهنمای پیدا کردن مشتری مناسب و قیمت‌گذاری پروژه برای طراحان و فریلنسرها؛ از تشخیص مشتری ارزش‌محور تا تعیین Scope، برآورد زمان، Revision و ارائه قیمت حرفه‌ای.
آرشیو آموزش Adobe XD: محیط برنامه، Artboard و Grid
آموزش آرشیوی مبانی Adobe XD شامل محیط برنامه، Artboard، Inspector، Guide و Grid. برای پروژه‌های قدیمی XD مفید است و برای شروع جدید UI/UX مسیر Figma به‌روزتر است.
ابزارها و افزونه‌های مرورگر برای طراحان UI؛ راهنمای آرشیوی
معرفی دسته‌های کاربردی افزونه‌های مرورگر برای طراحان UI؛ از استخراج رنگ و فونت تا Screenshot، تست Responsive و Accessibility. فهرست اصلی مربوط به 2021 است و قبل از نصب هر افزونه باید وضعیت و مجوزهای فعلی آن را بررسی کنید.
Visual Hierarchy چیست؟ آموزش سلسله‌مراتب بصری در UI Design
Visual Hierarchy یا سلسله‌مراتب بصری چیست و چطور در UI Design استفاده می‌شود؟ با نقش اندازه، رنگ، کنتراست، فاصله، موقعیت و تایپوگرافی در هدایت توجه کاربر آشنا شوید.
Design Handoff چیست؟ تحویل طرح UI به برنامه‌نویس با Figma
Design Handoff فرایند انتقال طرح رابط کاربری، اندازه‌ها، رنگ‌ها، Assetها و رفتارها به تیم توسعه است. در این آموزش با اصول Handoff و Workflow به‌روزتر در Figma آشنا می‌شوید.
Landing Page چیست؟ اصول طراحی لندینگ پیج با تمرکز بر Conversion
Landing Page صفحه‌ای با یک هدف مشخص است. در این راهنما با اصول طراحی لندینگ پیج، CTA، Hierarchy، تصویر، رنگ، Responsive Design و بهبود Conversion آشنا می‌شوید.
وایرفریم چیست؟ آموزش Wireframe در UI/UX از صفر
وایرفریم اسکلت اولیه یک صفحه یا محصول دیجیتال است. در این آموزش با انواع Low-fidelity و High-fidelity، کاربردها، ابزارها و روش ساخت Wireframe آشنا شوید.