دسته طراحی و دیزاین

مرجع آموزش طراحی رابط و تجربه کاربری (UI/UX)، اصول دیزاین سیستم‌ها و مسیر حرفه‌ای شدن در دنیای طراحی محصول دیجیتال. طراحی گرافیک و صفحه آرایی، طراحی وب و تدوین ویدیو

Hierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

Hierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

در این قسمت به سراغ اصل Hierarchy یا سلسله مراتب در دیزاین رفتم به شما نشان می دهم که چطور از آن برای اولویت دادن به عناصر داخل صفحه استفاده کنید. از Hierarchy در همه‌ی حیطه های طراحی از قبیل طراحی رابط کاربری UI/UX ، صفحه آرایی ، طراحی گرافیک مثل طراحی پوستر و... بسیار استفاده می شود.

ادامه مطلبHierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

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

آموزش جامع CSS - چطور یک منو بار عمودی در طراحی کنیم؟

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

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

آموزش صفر تا صد ماسک کردن در فتوشاپ – قسمت اول

آموزش صفر تا صد ماسک کردن در فتوشاپ - قسمت اول

شما در هر حوزه ای از طراحی که کار کرده باشید، حتما نام "ماسک کردن" را شنیده اید. در این قسمت من از صفر تا صد ماسک کردن در فتوشاپ را به شما آموزش می دهم. ماسک کردن در واقع این امکان رو به ما می‌دهد که قسمتی از تصویر را پنهان یا ظاهر کنیم و این به این معنی است که دیگر شما نیازی به پاک کردن قسمتی از تصویر که در حال حاضر به آن نیاز نیست ندارید. در نتیجه استفاده از ویژگی ماسک در فتوشاپ شما را در استفاده از ابزار پاک کن یا eraser بی نیاز می کند.

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

آموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس

آموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس

در این فیلم من به شما نشان می دهم که چطور طراحی رابط کاربری ( UI/UX ) که انجام داده اید را در اختیار برنامه نویس با کارفرما قرار دهید تا بتوانند کد های آن را بنویسند و یا اینکه بر روی روند طراحی نظارت داشته باشند.

ادامه مطلبآموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس

انقلاب هوش مصنوعی در ویژگی های جدید فتوشاپ 2021

انقلاب هوش مصنوعی در ویژگی های جدید فتوشاپ 2021

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

ادامه مطلبانقلاب هوش مصنوعی در ویژگی های جدید فتوشاپ 2021

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

در این فیلم من همه ی ویژگی هایی که برای داشتن یک لندینگ پیج با نرخ بالای تبدیل نیاز دارید را به شما آموزش می دهم. Landing Page در واقع صفحاتی هستند که برای یک هدف طراحی می شوند و آن هم تبدیل یوزر به دنبال کننده یا مشتری ماست.

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

آموزش جامع ایندیزاین – صفحه آرایی از صفر و قدم به قدم – قسمت اول

آموزش جامع ایندیزاین - صفحه آرایی از صفر و قدم به قدم - قسمت اول

در قسمت اول آموزش جامع ایندیزاین قصد دارم از صفر و بصورت قدم به قدم و با توضیحات کامل صفحه آرایی را به شما آموزش دهم تا بتوانید با این نرم افزار قدرتمند کتاب، مجله، روزنامه خلاقانه و مخصوص بازار کار طراحی کنید.

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

آموزش InDesign – صفحه آرایی با ایندیزاین از صفر در 20 دقیقه

یادگیری صفحه آرایی با ایندیزاین از صفر در 20 دقیقه

اگر شما تا به حال از ایندیزاین برای صفحه آرایی استفاده نکرده اید در این آموزش قصد دارم تا از صفر نکات و تکنیک هایی را که برای شروع صفحه آرایی نیاز دارید را در 20 دقیقه به شما آموزش دهم.

ادامه مطلبآموزش InDesign – صفحه آرایی با ایندیزاین از صفر در 20 دقیقه

آموزش وایرفریم چیست و چطور یک Wireframe برای UI و UX بکشیم؟

آموزش وایرفریم چیست و چطور یک Wireframe برای UI و UX بکشیم؟

ر این فیلم من به این می پردازم که وایرفریم چیه و چطور باید در رابط کاربری ( UI/UX ) اون رو طراحی کنیم. در واقع شما قبل از طراحی رابط یا تجربه کاربری و یا اینکه بصورت کلی در طراحی اپلیکیشن و یا وبسایت می آیید و ساختار کلی صفحه یا Layout آن را پیاده سازی می کنید.
به عبارت دیگر در طراحی Wireframe اسکلت طرح را می کشید که متوجه بشوید عناصر در صفحه در کجا قرار می گیرند.

ادامه مطلبآموزش وایرفریم چیست و چطور یک Wireframe برای UI و UX بکشیم؟

آموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها

آموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها

آیا شما هم برای پروژه های مختلف به دنبال آیکان های SVG هستید؟ در این آموزش من دو نرم افزار برای مدیریت و جستجو در آیکان‌های SVG را به شما معرفی میکنم.
شما به وسیله این نرم افزارها علاوه بر اینکه قادر هستید در بین آیکان های SVG جستجو کنید، خیلی سریع می توانید رنگ و یا اندازه آن را تغییر داده و فقط با کشیدن و رها کردن آن در نرم افزار مورد نظر خود از آن استفاده کنید.

ادامه مطلبآموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها