آموزش طراحی حرفه ای وب با Invision Studio

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

معرفی Introduction

• دانلود Invision Studio Download Invision Studio

• عناصر اساسی: اشکال، متن، تصاویر و غیره The Basic Elements: Shapes, Text, Images, etc.

• کار با شبکه های 12 ستونی Working With 12 Column Grids

• وارد کردن فونت به Invision Studio Importing Fonts to Invision Studio

• کار با تصاویر Working With Images

• اضافه کردن متن به بخش قهرمان Adding Text to The Hero Section

• افزودن یک فراخوان برای اقدام Adding a Call to Action

• کار با کامپوننت ها Working with Components

• ایجاد مولفه جعبه محصول Creating the Product Box Component

• ایجاد مؤلفه جعبه محصول (قسمت 2) Creating the Product Box Component (Part 2)

• * ادامه دارد * * To be continued *

• اطلاعات بیشتر در مورد کامپوننت ها More on Components

• طراحی پاورقی Footer Design

• کار با SVG Working with SVGs

• صادرات نمونه اولیه شما Exporting Your Prototype

طراحی وب سایت واکنش گرا Responsive Web Design

• راه اندازی تابلوهای هنری واکنش گرا Setting up the responsive artboards

• طراحی نسخه موبایل Designing the mobile version

• بخش قهرمان موبایل The mobile hero section

• منطقه محصولات موبایل The mobile products area

• نوار لغزنده محصول موبایل The mobile product slider

• طراحی فوتر موبایل The mobile footer design

• منوی هدر داخلی موبایل The mobile inner header menu

• نوار بالای تبلت The tablet topbar

• بخش قهرمان تبلت The tablet hero section

• نوار لغزنده محصول تبلت The tablet product slider

• پاورقی تبلت The Tablet Footer

• دستورالعمل ها برای توسعه دهنده وب Instructions to the Web Developer

نکات مفید Useful Tips

• کجا می توان الهام گرفت Where to find inspiration

• انتخاب رنگ های مناسب Choosing the Right Colors