آموزش ایجاد وایرفریم های تعاملی و با کیفیت بالا در ایندیزاین

معرفی و بررسی اجمالی پروژه Introduction and Project Overview

• معرفی و بررسی اجمالی پروژه Introduction and Project Overview

ایجاد وایرفریم های تعاملی و با کیفیت بالا در ایندیزاین Creating Interactive, High-Fidelity Wireframes in InDesign

• راه اندازی یک صفحه اصلی شبکه اصلی Setting up a Basic Grid Master Page

• راه اندازی یک شبکه برای یک دستگاه رومیزی Setting up a Grid for a Desktop Device

• راه اندازی یک شبکه برای یک دستگاه تلفن همراه Setting up a Grid for a Mobile Device

• اضافه کردن یک پالت رنگ به قالب های Wireframe ما Adding a Color Palette to Our Wireframe Templates

• تعریف تایپوگرافی سند Defining the Document Typography

• تعریف تایپوگرافی حاشیه نویسی Defining Annotation Typography

• تعریف سرفصل های Wireframe Defining Wireframe Headings

• تعریف کپی بدنه Wireframe Defining Wireframe Body Copy

• کشف مزایای استفاده از فونت آیکون Discovering the Benefits of Using an Icon Font

• آماده سازی نمادهای خود برای فونت آیکون Preparing Your Icons for an Icon Font

• ایجاد فونت آیکون با Icomoon Creating an Icon Font with Icomoon

• ایجاد دکمه برای کتابخانه UI Creating Buttons for the UI Library

• ایجاد دکمه های گرادیان و پیوندها برای کتابخانه UI Creating Gradient Buttons and Links for the UI Library

• ایجاد یک نوار پیمایش برتر برای کتابخانه UI Creating a Top Navigation Bar for the UI Library

• ایجاد یک ناوبری تلفن همراه خارج از بوم برای کتابخانه UI Creating an Off-canvas Mobile Navigation for the UI Library

• ایجاد فیلدهای ورودی و کشویی برای کتابخانه UI Creating Input Fields and Drop-downs for the UI Library

• ایجاد یک گالری برای کتابخانه UI Creating a Gallery for the UI Library

• افزودن متن و یک اقدام اولیه به گالری Adding Text and a Primary Action to the Gallery

• ایجاد یک پست وبلاگ برای کتابخانه UI Creating a Blog Post for the UI Library

• ایجاد یک تقسیم کننده صفحه برای کتابخانه UI Creating a Page Divider for the UI Library

• ایجاد عناصر برای نقشه سایت Creating Elements for a Sitemap

• افزودن صفحه محتوا به قالب Wireframe Adding a Contents Page to the Wireframe Template

• ایجاد یک فهرست خودکار از مطالب Creating an Automated Table of Contents

• افزودن پیمایش صفحه به سند Adding Page Navigation to the Document

• افزودن تعامل به پیمایش صفحه Adding Interactivity to the Page Navigation

• افزودن یک صفحه عنوان به Wireframe Adding a Title Page to the Wireframe

• Wireframing صفحه محتوا و نقشه سایت Wireframing a Contents Page and Sitemap

• افزودن ناوبری به Wireframe صفحه اصلی دسکتاپ Adding Navigation to a Desktop Homepage Wireframe

• افزودن بنر صفحه اصلی به Wireframe صفحه اصلی دسکتاپ Adding a Homepage Banner to a Desktop Homepage Wireframe

• افزودن قیمت و محصولات به Wireframe صفحه اصلی دسکتاپ Adding a Quote and Products to a Desktop Homepage Wireframe

• افزودن بخش ویدیو به Wireframe صفحه اصلی دسکتاپ Adding a Video Section to a Desktop Homepage Wireframe

• افزودن پاورقی به Wireframe صفحه اصلی دسکتاپ Adding a Footer to a Desktop Homepage Wireframe

• افزودن پیمایش و بنر به Wireframe وبلاگ دسکتاپ Adding a Navigation and Banner to a Desktop Blog Wireframe

• اضافه کردن یک پست وبلاگ و آرشیو به Wireframe وبلاگ دسکتاپ Adding a Blog Post and Archive to a Desktop Blog Wireframe

• افزودن ناوبری و بنر صفحه اصلی به صفحه اصلی تلفن همراه Wireframe Adding Navigation and a Homepage Banner to a Mobile Homepage Wireframe

• افزودن بخش نقل قول، محصول و ویدیو به صفحه اصلی موبایل Adding a Quote, Product, and Video Section to a Mobile Homepage Wireframe

• افزودن یک ناوبری خارج از بوم به Wireframe صفحه اصلی موبایل Adding an Off-canvas Navigation to a Mobile Homepage Wireframe

• افزودن ناوبری، بنر و پست های وبلاگ به Wireframe وبلاگ موبایل Adding Navigation, a Banner, and Blog Posts to a Mobile Blog Wireframe

• راه اندازی Wireframe برای تعامل Setting up the Wireframe for Interactivity

• اضافه کردن دکمه ها و هایپرلینک ها به Wireframe نهایی Adding Buttons and Hyperlinks to the Final Wireframe

• صادر کردن فایل پی دی اف تعاملی نهایی Exporting the Final Interactive Pdf