مای دیزاین را همراه با آموزش های جدید در سایت طوسی دنبال کنید: http://tooc.ir
آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
آموزش تصویری طراحی قالب های واکنشگرا

آموزش تصویری طراحی قالب های واکنشگرا
سلام. آموزش تصویری طراحی قالب های واکنش گرا یا همون Responsive رو براتون آماده کردم. اگر با واکنشگرا آشنایی ندارید حتما به ادامه مطلب سر بزنید.
ویکی پدیا میگه: طراحی وب واکنش‌گرا (به انگلیسی: Responsive web design): یک روش طراحی وب است که هدف آن نمایش مطلوب صفحه در طیف گسترده‌ای از دستگاه‌ها از تلفن‌های همراه تا نمایشگر کامپیوترهای رومیزی است.
در واقع به زبان ساده اگر بخوایم صحبت کنیم قالب های سایت ها امروزه به شکلی نوشته و طراحی میشوند که در دستگاه های موبایل به یک شکل، تبلت ها به یک شکل و در دستگاه های رومیزی و لپتاپ ها به یک شکل باز میشوند.
دلیل این امر راحتی کاربران با هر دستگاه و اندازه صفحه نمایشگری است. همچنین مشکلاتی که کاربران در صفحات لمسی میتوانند با قالب داشته باشند در این روش طراحی رفع میگردند.
در این آموزش دو روش طراحی قالب های واکنشگرا را می آموزیم و آنها را با هم مقایسه کرده و روش مطلوب را معرفی میکنیم. یاد میگیریم چطور قسمتی از قالب را برای نسخه ای از صفحات نمایش نداده و یا در ابعادی خاص از صفحات نمایش دهیم و … .
این آموزش نیز مانند تمام آموزش های سایت مای دیزاین با بالا ترین کیفیت طراحی و ضبط شده است. آموزش با زبان فارسی و با کیفیت ۱۹۲۰*۱۰۸۰ ضبط شده و کاملا اختصاصی است. از متد هایی برای کاهش حجم این آموزش ۳۰ دقیقه ای استفاده شده است تا علاوه بر کاهش حجم کیفیت آن کاهش نیابد. لذا به تمام عزیزان توصیه میکنم این آموزش کاربردی را از دست ندهید.
 
مدت زمان: ۳۰ دقیقه
کیفیت: ۱۰۸۰*۱۹۲۰
حجم فایل: ۳۷ مگابایت
مدرس: علی همایونی

22 پاسخ به “آموزش تصویری طراحی قالب های واکنشگرا”

  1. سهیل گفت:

    اقا ممنون خیلی وقت بود دنبال آموزش فارسی بودم.
    میخوام الان دانلودش کنم

  2. امیرمحمدی گفت:

    خیلی آموزش توپی بود
    بسیار حرفه ای
    سپاس از شما 🙂

  3. مهدی گفت:

    سلام.میشه یه قسمت از فیلم رو بصورت دمو بزارید ببینم چجوریه؟
    برای این میخوام که خودم یه چیزایی از رسپانسیو بلدم نمیخوام همونایی که بلدم رو دوباره یاد بگیرم.

  4. سعید گفت:

    با سلام . من این آموزش رو خریداری کردم . واقعا آموزش کاربردی و خوبی بود ممنونم از شما . فقط یه سوال دارم توی روش دوم منظورم نقاط شکست هست فرقی نمیکند از پیکسل استفاده کنیم یا درصد

  5. سعید گفت:

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

  6. فرزاد گفت:

    سلام . آموزش خیلی خوبی بود ولی من یه مشکلی دارم . فایل css فقط این کد اجرا میکنه media@ (max-device-width) .بقیه کدها را هر جور می نویسم اجرا نمیکنه . ویرایشگرم هم براکت هست

  7. سروش گفت:

    سلام. ممنون بخاطر آموزش های مفیدتون.
    میخواستم درخواست بدم که اگر امکانش باشه یک آموزش ویدیویی برای Modernizr بگذارید.

    تشکر

  8. محمدرضا س گفت:

    سلام خسته نباشید شما توسط سی اس اس عمل رسپانسیو رو انجام میدید یا با بوت استرپ؟ممنونم

  9. محمدرضا س گفت:

    سلام ممنون از پاسختون میشه یه دمو از پروژه نهایی برای نمایش بگذارید؟
    ممنونم

  10. محمد گفت:

    سلام و خسته نباشید
    من آموزش رو خریدم عالی بود
    حالا بنده یه سوال دارم میخخوام قالبی که برای سایت طراحی کردم واکنشگرا نباشه و توی اسکرین های مختلف اندازه ثابت عناصر حفظ بشه یعنی اگه سایت دارن توی گوشی می بینن یه زوم اوت به خودش بگیره مثل این سایت
    میشه لطف کنید بگید چطوری این کار انجام بدم؟
    ——————————————————————-
    سوال دوم این که :
    میخوام یه آیکون منو بذارم گوشه سایت که هر وقت روش کلیک میشه یه منو باز شه
    میشه راهنمایی کنید چطوری باید کد نویسی کنم؟

    • علی همایونی گفت:

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

  11. جهان گفت:

    دوست عزیز به نظرم یه پکیج کامل هم تهیه کنید که شامل تمام آموزشها باشه. مرسی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
آموزش صفر تا صد طراحی وبسایت
آیکون های صاف دو بعدی (سری دوم)
مجموعه آیکون های دکمه ی آماده وبسایت
طرح لایه باز آیکون رادار
کاربرد تگ Pre در HTML
طراحی صفحه درباره من ( علی همایونی )