آموزش طراحی یک وب سایت همراه Responsive با Muse

Designing a Responsive Mobile Website with Muse

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: طراحی وب پاسخگو دیگر پیشرفته نیست. لازم است اما بسیاری از طراحان هنوز مرعوب اصطلاحات و کد هستند. خوشبختانه ، Adobe Muse ایجاد سایتی کاملاً آسان و بصری را ایجاد می کند که در تمام صفحه ها کارایی داشته باشد. دیگر نیازی به نگرانی در مورد کاوش در HTML یا CSS نیست.

این آموزش ها اصول طراحی وب سایت پاسخگو در Muse CC 2015 را آموزش می دهد. سایتی که در این دوره کامل می کنید "پاسخ" می دهد و از نظر دسک تاپ ، تبلت و موبایل عالی به نظر می رسد. دیگر نیازی به ایجاد نسخه های جداگانه از سایت های خود نخواهید بود! و سایت فقط پاسخگو نیست. نویسنده پاول ترانی همچنین نشان می دهد که چگونه می توان آن را مدرن و کاملاً کاربردی کرد ، همراه با قلم های Typekit ، تصاویر انعطاف پذیر ، نمونه کارها ، ادغام رسانه های اجتماعی و حتی فرم تماس. همه بدون نوشتن کد.

برخلاف ایجاد و نگهداری سایت های مختلف برای موبایل ، رایانه لوحی و دسک تاپ ، با طراحی پاسخگو فقط باید یک سایت را به روز کنید. این محتوا براساس صفحه ای که روشن است تغییر می کند و تنظیم می شود - اعم از لپ تاپ ، تبلت یا تلفن همراه. برای یادگیری نحوه پاسخگویی به تصاویر ، متن و سایر مطالب براساس اندازه صفحه ، جهت و سایر گزینه ها ، این کار را دنبال کنید. نتیجه نهایی یک سایت زرق و برق دار است که بدون توجه به مکان بازدید عالی است.
موضوعات شامل:
  • درک طراحی پاسخگو
  • استفاده از تصاویر و متن در موزه
  • ایجاد محتوا و طرح های انعطاف پذیر ("سیال") و ثابت
  • افزودن نمونه کارها ، فرم های تماس و دکمه های رسانه های اجتماعی
  • ایجاد طرح های قرص و موبایل
  • استفاده از تصاویر SVG مستقل از وضوح
  • بارگذاری و آزمایش وب سایت

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • با استفاده از پرونده های تمرینی Using the exercise files

  • درک طراحی پاسخگو Understanding responsive design

1. ایجاد یک وب سایت 1. Creating a Website

  • آشنایی با کار در موزه Introduction to working in Muse

  • وارد کردن تصاویر Importing images

  • با استفاده از فونت ها و متن Using fonts and text

2. ایجاد عناصر سیال و ثابت 2. Creating Fluid and Fixed Elements

  • اضافه کردن تصاویر انعطاف پذیر Adding flexible images

  • ایجاد یک طرح دسکتاپ Creating a desktop layout

  • ایجاد یک هدر ثابت Creating a fixed header

  • اضافه کردن محتوا با اندازه و موقعیت ثابت Adding content with a fixed size and position

3. اضافه کردن محتوا به وب سایت شما 3. Adding Content to Your Website

  • ایجاد نمونه کارها Creating a portfolio

  • افزودن فرم تماس Adding a contact form

  • پیاده سازی رسانه های اجتماعی Implementing social media

4- ایجاد طرح بندی برای تبلت و دستگاه های تلفن همراه 4. Creating Layouts for Tablet and Mobile Devices

  • ایجاد طرح رایانه لوحی Creating a tablet layout

  • ایجاد یک طرح موبایل Creating a mobile layout

  • افزودن منو برای موبایل Adding a menu for mobile

5- ساخت گرافیک انعطاف پذیر 5. Making Flexible Graphics

  • با استفاده از گرافیک های صفحه نمایش شبکیه Using Retina display graphics

  • ایجاد تصاویر SVG Creating SVG images

  • پیوند گرافیک و متن Linking graphics and text

6. تست و بارگذاری 6. Testing and Uploading

  • اضافه کردن توصیف کننده برای موتورهای جستجو Adding descriptors for search engines

  • بارگیری و آزمایش از طریق تلفن همراه Uploading and testing on mobile

  • افزودن نام دامنه سفارشی Adding a custom domain name

نتیجه Conclusion

  • خداحافظ Goodbye

نمایش نظرات

آموزش طراحی یک وب سایت همراه Responsive با Muse
جزییات دوره
1h 39m
23
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
154,124
- از 5
ندارد
دارد
دارد
Paul Trani
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Trani Paul Trani

پروژه های تعاملی را برای آژانس ها و شرکت ها توسعه می دهد

در 15 سال گذشته، پل ترانی پروژه‌های تعاملی را برای آژانس‌ها و شرکت‌ها توسعه داده است.

او از ابتدایی ساده با Play-Doh و مداد رنگی تکامل یافت تا تبدیل به مردی برای توسعه خلاق و آموزش شود. . پل به دلیل توانایی های فنی و علاقه اش به صنعت، مستقیماً با Adobe و سایر شرکت ها به عنوان مجری و مربی کار کرده است. او سمینارهای الکترونیکی Adobe متعددی ایجاد کرده است که از آنها برای ارزیابی خود استفاده می کند و دائما در حال یادگیری سخت افزار و نرم افزار جدید است.