آموزش استفاده از Illustrator برای ایجاد Wireframes وب سایت

Utilizing Illustrator to Create Website Wireframes

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در این سری از آموزش ها، ما در مورد برخی از مراحلی که هنگام استفاده از Illustrator برای ساخت وایرفریم وب سایت طی خواهید کرد صحبت خواهیم کرد. نرم افزار مورد نیاز: Illustrator 17.1.0. در این سری از آموزش ها، ما در مورد برخی از مراحلی که در هنگام استفاده از Illustrator برای ساخت وایرفریم وب سایت طی خواهید کرد صحبت خواهیم کرد. ما با صحبت در مورد هدف سایت و نیازهای مشتری شروع می کنیم. ما تابلوی هنری خود را برای صفحه اصلی خود راه اندازی می کنیم و در مورد اهمیت سیستم شبکه 960 صحبت می کنیم. ما به شبکه 12 ستونی و چگونگی کمک به ما در حال حاضر و بیشتر در روند توسعه خواهیم پرداخت. در ادامه در مورد ابزارهای عالی در Illustrator صحبت خواهیم کرد که به ما کمک می کنند تا به سرعت و به راحتی عناصر را برای وایرفریم خود ایجاد کنیم، آنها را کپی کنیم و از آنها برای صفحات دیگر استفاده مجدد کنیم. ما همچنین روند تبدیل یک قاب سیمی از کم وفاداری به متوسط ​​را طی خواهیم کرد. ما با صحبت در مورد طراحی واکنشگرا و ایجاد یک قاب سیمی برای تبلت و تلفن هوشمند به پایان می رسانیم. در پایان این آموزش، هنگام استفاده از Illustrator برای ایجاد وایرفریم های وب سایت، باید اعتماد به نفس بیشتری داشته باشید. نرم افزار مورد نیاز: Illustrator 17.1.0.

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

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

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

استفاده از Illustrator برای ایجاد Wireframes وب سایت Utilizing Illustrator to Create Website Wireframes

  • راه اندازی Artboard برای Wireframes در Illustrator Setting up an Artboard for Wireframes in Illustrator

  • ایجاد ستون ها و راهنماها برای وایرفریم های وب سایت Creating Columns and Guides for Website Wireframes

  • وایرفریم کردن عناصر صفحه اصلی Wireframing the Home Page Elements

  • Wireframing عناصر صفحه خدمات Wireframing the Services Page Elements

  • عناصر Wireframing برای صفحه کارکنان Wireframing Elements for the Staff Page

  • ایجاد Wireframe برای صفحه تماس با ما Creating a Wireframe for the Contact Us Page

  • انتقال از وایرفریم با وفاداری پایین به وایرفریم با وفاداری متوسط Transitioning from a Low-fidelity Wireframe to a Medium-fidelity Wireframe

  • بیرون آوردن بقیه وایرفریم های ما Fleshing Out the Rest of Our Wireframes

  • تصویرسازی طراحی ریسپانسیو برای تبلت Illustrating Responsive Design for a Tablet

  • تصویرسازی طراحی واکنشگرا برای گوشی های هوشمند Illustrating Responsive Design for a Smartphone

نمایش نظرات

آموزش استفاده از Illustrator برای ایجاد Wireframes وب سایت
جزییات دوره
1h 22m
11
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
20
از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Alex Hernandez Alex Hernandez

الکس نویسنده گرافیک متحرک در Pluralsight است. شروع کار حرفه ای خود در زمینه تصویرگری و طراحی الکس بنیادی محکم در شکل های سنتی تر هنر ایجاد کرد. همانطور که مهارت های خود را اصلاح کرد ، سرانجام به دنیای انیمیشن حرکت و همچنین طراحی محصول کشیده شد. در آنجا بود که الکس توانست مهارت های هنری خود را به اوج برساند و واقعاً خود را به عنوان یک هنرمند کاملاً CG توسعه دهد. آیا شما برای ایجاد طرح بندی وب سایت به یک گردش کار بهتر و یا یک دوره خرابی در ابزار برس افتر افکت نیاز دارید ، الکس شما را ناامید نمی کند. یکی از پروژه های مورد علاقه وی تا کنون آموزش شروع کار با ابزار عروسک در افترافکت بوده است. در Pluralsight ، الکس دائماً به این فکر می کند که چگونه کتابخانه افتر افکت را گسترش دهد و با پروژه های جدید و مهیج به طراحی محتوا بپردازد.