لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی یک وب سایت همراه Responsive با Muse
Designing a Responsive Mobile Website with Muse
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
طراحی وب پاسخگو دیگر پیشرفته نیست. لازم است اما بسیاری از طراحان هنوز مرعوب اصطلاحات و کد هستند. خوشبختانه ، Adobe Muse ایجاد سایتی کاملاً آسان و بصری را ایجاد می کند که در تمام صفحه ها کارایی داشته باشد. دیگر نیازی به نگرانی در مورد کاوش در HTML یا CSS نیست.
این آموزش ها اصول طراحی وب سایت پاسخگو در Muse CC 2015 را آموزش می دهد. سایتی که در این دوره کامل می کنید "پاسخ" می دهد و از نظر دسک تاپ ، تبلت و موبایل عالی به نظر می رسد. دیگر نیازی به ایجاد نسخه های جداگانه از سایت های خود نخواهید بود! و سایت فقط پاسخگو نیست. نویسنده پاول ترانی همچنین نشان می دهد که چگونه می توان آن را مدرن و کاملاً کاربردی کرد ، همراه با قلم های Typekit ، تصاویر انعطاف پذیر ، نمونه کارها ، ادغام رسانه های اجتماعی و حتی فرم تماس. همه بدون نوشتن کد.
برخلاف ایجاد و نگهداری سایت های مختلف برای موبایل ، رایانه لوحی و دسک تاپ ، با طراحی پاسخگو فقط باید یک سایت را به روز کنید. این محتوا براساس صفحه ای که روشن است تغییر می کند و تنظیم می شود - اعم از لپ تاپ ، تبلت یا تلفن همراه. برای یادگیری نحوه پاسخگویی به تصاویر ، متن و سایر مطالب براساس اندازه صفحه ، جهت و سایر گزینه ها ، این کار را دنبال کنید. نتیجه نهایی یک سایت زرق و برق دار است که بدون توجه به مکان بازدید عالی است.
موضوعات شامل:
درک طراحی پاسخگو li>
استفاده از تصاویر و متن در موزه li>
ایجاد محتوا و طرح های انعطاف پذیر ("سیال") و ثابت li>
افزودن نمونه کارها ، فرم های تماس و دکمه های رسانه های اجتماعی li>
ایجاد طرح های قرص و موبایل li>
استفاده از تصاویر SVG مستقل از وضوح li>
بارگذاری و آزمایش وب سایت li>
سرفصل ها و درس ها
مقدمه
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
پروژه های تعاملی را برای آژانس ها و شرکت ها توسعه می دهد
در 15 سال گذشته، پل ترانی پروژههای تعاملی را برای آژانسها و شرکتها توسعه داده است.
او از ابتدایی ساده با Play-Doh و مداد رنگی تکامل یافت تا تبدیل به مردی برای توسعه خلاق و آموزش شود. . پل به دلیل توانایی های فنی و علاقه اش به صنعت، مستقیماً با Adobe و سایر شرکت ها به عنوان مجری و مربی کار کرده است. او سمینارهای الکترونیکی Adobe متعددی ایجاد کرده است که از آنها برای ارزیابی خود استفاده می کند و دائما در حال یادگیری سخت افزار و نرم افزار جدید است.
نمایش نظرات