لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب در Affinity Designer برای مبتدیان و فراتر از آن
Web Design in Affinity Designer for Beginners and Beyond
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره در مورد استفاده از Affinity Designer برای طراحی وب است. اگر خیلی با نرم افزار آشنا نیستید، ابتدا به سرعت متوجه خواهید شد که این نرم افزار چیست و چگونه آن را برای طراحی وب تنظیم کنید.
قبل از شروع طراحی هر چیزی در Affinity Designer، نگاهی به مفاهیم طراحی وب و شیوههای خوب خواهیم انداخت. شما یاد خواهید گرفت که چگونه رنگ ها را برای طرح خود انتخاب کنید و از کجا می توانید الهام بخش رنگ و تم های رنگی آماده را پیدا کنید.
شما همچنین تایپوگرافی اولیه طراحی وب را یاد خواهید گرفت، که نه تنها برای طراحی وب خوب، بلکه برای طراحی خوب به طور کلی بسیار مهم است. شما همه چیز را در مورد متن متن، سرفصل ها و نحوه جفت کردن آنها برای تجربه کاربری عالی خواهید آموخت.
سپس نگاهی به ساختار یک وب سایت معمولی، البته از نظر طراحی، خواهیم انداخت. ما در مورد نشانوارهها، پیمایشها، ستونهای فرعی و سایر بلوکهای سازنده وبسایت صحبت خواهیم کرد.
پس از آن، در مورد آنچه که در حال حاضر در دنیای طراحی وب وجود دارد و چه چیزی وجود ندارد، صحبت خواهیم کرد. ما همچنین برای برخی از الهامات طراحی وب در سراسر وب جستجو خواهیم کرد.
با آن همه دانش و مهارت، به بخش طراحی دوره خواهیم رفت. و لطفاً توجه داشته باشید که برای دنبال کردن بدون زحمت باید حداقل مهارتهای اساسی داشته باشید
این دوره در مورد یادگیری همه چیزهایی که باید در مورد مهارت های طراح بدانید نیست. اگر به آن نیاز دارید، به دوره آموزشی Affinity Designer for Beginners من نگاهی بیندازید.
در پایان این دوره شما باید بتوانید به طور مستقل وب سایت هایی را با استفاده از Affinity Designer طراحی کنید.
برای پروژه کلاس از شما میخواهم طراحیهای وبسایت خود را که n Affinity Designer ایجاد کردهاید به اشتراک بگذارید!
همه دارایی های لازم را در این پوشه پیدا خواهید کرد: در فایل های پیوست شده به پروژه کلاس
سرفصل ها و درس ها
درس ها
Lessons
حالا بیایید متن اصلی را اضافه کنیم
Now Let's Add the Main Text
16 بیایید پروژه نوار کناری را کاوش کنیم
16Let's Explore the Sidebar Project
معرفی دوره
Introduction to the course
بیایید تصویر را کمی تیره تر کنیم
Let's Make the Image a Bit Darker
نحوه انتخاب فونت مناسب برای سرفصل ها
How to choose the right fonts for headings
29 بیایید پاراگراف ها و تصاویر را اضافه کنیم
29Let's Add the Paragraphs and Images
نحوه ایجاد سبک فونت در Affinity Designer
How to create font styles in Affinity Designer
2 بیایید طراحی وبلاگ را کشف کنیم
2Let's Discover the Blog Design
بیایید شروع به ایجاد بخش وبلاگ کنیم
Let's Start Creatig the Blog Section
10 اصل برتر طراحی وب سایت - ادامه دارد
Top 10 Principles of Good Web Design - continued
33 بیایید شروع به ایجاد بخش نظرات کنیم
33Let's Start Creating the Comments Section
با تشکر از تماشای دوره
Thanks for watching the course
بیایید در مورد تصاویر و نمادها صحبت کنیم
Let’s talk about images and icons
بیایید لیستی از محبوب ترین پست های وبلاگ را ایجاد کنیم
21Let's Create the List of the Most Popular blog Posts
3 بیایید نگاهی به دارایی های خود بیندازیم
3Let's Take a Look at our Assets
34 بیایید متن ها را برای نظرات ایجاد کنیم
34Let's Create the Texts for the Comments
1 بیایید Wireframe برای طراحی را کشف کنیم
1Let's Discover the Wireframe for the Design
35 بیایید فرم های نظر پست را ایجاد کنیم
35Let's Create the Post Comment Forms
14 بیایید کارت های باقیمانده را اضافه کنیم
14Let's Add the Remaining Cards
Wireframing آنلاین
Wireframing online
7بیایید سایه زنی را به تصاویر اضافه کنیم
7Let's Add the Shading to the Images
مهمترین عاملی که قبل از انتخاب رنگ باید در نظر بگیرید
The most important factor to consider before choosing colors
19 بیایید بخش متن نوار کناری را ایجاد کنیم
19Let's Create the Text Section of the Sidebar
26 بیایید طرح تک پست را بررسی کنیم
26Let's Explore the Single Post Design
22 بیایید بخش تبلیغات را ایجاد کنیم
22Let's Create the Ads Section
فونت مناسب برای طراحی رابط کاربری
The perfect font for User Interface design
7 گرایش طراحی وب که بر دنیای طراحی وب حاکم است
7 web design trends that rule the web design world
بیایید طراحی و کل پاورقی را تمام کنیم
Let's Finish the Design and the Whole Footer
بیایید بخش دوم مورد ویژه را اضافه کنیم
Let's Add the Second Featured Item Section
5 بیایید آیکون های رسانه های اجتماعی را اضافه کنیم
5Let's Add the Social Media Icons
چگونه رنگ ها را برای بهترین تجربه کاربری ممکن ترکیب کنیم
How to mix colors for the best possible User Experience
تاریخچه بسیار کوتاه تایپوگرافی وب
A super short history of web typography
17 بیایید کادر جستجو را ایجاد کنیم
17Let's Create the Search Box
30 بیایید نمادهای رسانه های اجتماعی را اضافه کنیم
30Let's Add the Social Media Icons
بیایید به ساخت کتابخانه ادامه دهیم
Let’s continue building the library
15 بیایید پیوند پست های قدیمی تر را اضافه کنیم
15Let's Add the Older Posts Link
نحوه استفاده از دارایی ها برای ایجاد یک قاب سیمی
How to use the assets to create a wireframe
32 بیایید بخش پست های مرتبط را اضافه کنیم
32Let's Add the Related Posts Section
بیایید آیکون های رسانه های اجتماعی را اضافه کنیم
Let's Add the Social Media Icons
نحوه تغییر اندازه سریع تصویر
How to Quickly Resize the Image
20 بیایید اولین ظرف برای محبوب ترین پست ها ایجاد کنیم
20Let's Create the First Container for the Most Popular Posts
13 بیایید اولین کارت پست وبلاگ را ایجاد کنیم
13Let's Create the First Blog Post Card
بیایید ابتدا لوگو را ایجاد کنیم
Let's Create the Logo First
11 بیایید قطعات یادآوری متن را اضافه کنیم
11Let's Add the Remining Pieces of Text
تحویل فایل به توسعه دهنده
Delivering the file to the developer
بیایید اولین ستون پاورقی را ایجاد کنیم
Let's Create the First Column of the Footer
بخش های مرکزی و پایینی طراحی وب سایت شما
The center and bottom sections of your website design
گریدها چیست و چگونه از آنها استفاده کنیم
What are grids and how to use them
هر طراحی سایت نیاز به داربست دارد
Every website design needs scaffolding
کجا می توان الهام بخش مناسب برای طراحی بعدی خود را پیدا کرد
Where to find the RIGHT inspiration for your next design
نحوه انتخاب رنگ های "روانشناختی صحیح".
How to choose the “psychologically correct” colors
7 ابزار آسان برای انتخاب طرح های رنگی ضد خطا
7 easy tools for choosing errorproof color schemes
بیایید با اضافه کردن تصویر اصلی شروع کنیم
Let's start by adding the main image
بیایید موارد ویژه را اضافه کنیم
Let's Add the Featured Items
بیایید Slider Navigation را اضافه کنیم
Let's Add the Slider Navigation
بیایید شروع به ایجاد اولین بخش ویژه کنیم
Let's Start Creating the First Featured Secion
18بیایید بخش درباره من را ایجاد کنیم
18let's Create the About Me Section
31بیایید پیمایش پیش از پست بعدی را اضافه کنیم
31Let's Add the pre Next Post Navigation
10 بیایید اولین تکه های متن را اضافه کنیم
10Let's Add the First Pieces of Text
بیایید شروع به ساخت گالری تصاویر کنیم
Let's Start Building the Image Gallery
Affinity Designer چیست و چگونه آن را برای طراحی وب راه اندازی کنیم
What is Affinity Designer and how to set it up for web design
چگونه رنگ ها را برای بهترین تجربه کاربری ممکن ترکیب کنیم
How to mix colors for the best possible User Experience
طراحی وب در ویدیوی تبلیغاتی Affinity Designer
Web Design in Affinity Designer Promo Video
نحوه استفاده از Export Persona برای صادرات دارایی ها به صورت انبوه
How To Use the Export Persona to Export the Assets in Bulk
27 بیایید تصویر ویژه و کانتینر پست را ایجاد کنیم
27Let's Create the Featured Image and the Post Container
4 نحوه ایجاد لوگو و ناو
4How To Create the Logo and Nav
چگونه فونت ها را برای سرفصل ها و متن متن ترکیب کنیم
How to mix fonts for headings and body text
بیایید نمونه های رنگی را ایجاد کنیم
Let's Create the Color Swatches
9 بیایید یک ظرف برای پست وبلاگ ایجاد کنیم
9Let's Create a Container for the Blog Post
12 بیایید شروع به ایجاد شبکه پست وبلاگ کنیم
12Let's Start Creating the Blog Post Grid
6 بیایید اولین تصاویر را اضافه کنیم
6Let's Add the First Images
بیایید با اضافه کردن تصویر اصلی شروع کنیم
Let's start by adding the main image
10 اصل برتر طراحی وب سایت خوب
Top 10 Principles of Good Web Design
28 بیایید عنوان پست وبلاگ را اضافه کنیم
28Let's Add the Blog Post Title
بیایید نگاهی به تصاویر و نمادها بیندازیم
Let's Take a Look at the Images and Icons
بیایید تصاویر را جایگزین کنیم
Let's Replace the Images
تحویل طرح به مشتری
Delivering the design to the client
8بیایید دکمه های ناوبری را اضافه کنیم
8Let's Add the Navifation Buttons
نمای کلی قسمت طراحی
The Design Part Overview
24 بیایید مفاهیم مختلف پاورقی را بررسی کنیم
24Let's Explore Different Footer Concepts
25 بیایید پروژه را تمام کنیم و پروژه بعدی را بررسی کنیم
25let's Finish the Project and explore the next one
بیایید سبک های متن را ایجاد کنیم
Let's Create the Text Styles
بخش های هدر، نام تجاری، ناوبری و قهرمان
Header, branding, navigation and Hero sections
چگونه شبکه خود را طراحی کنید
How to design your very own grid
23 بیایید ایجاد پاورقی را شروع کنیم
23Let's tart Creating the Footer
بیایید پیوندهای منو بسازیم
Let's Build the Menu Links
ساخت وایرفریم خودتان در دیزاینر
Building your own wireframe in Designer
توانایی های طراحی وب سایت Affinity Designer
Affinity Designer’s web design abilities
طراح، کدنویس و کارآفرین آموزشی. Adobe Certified Expert in Illustrator که دورههایش در 10 دوره برتر Udemy فهرست شده است.
ایجاد دوره های آنلاین در مورد ابزارهای طراحی مانند Adobe Illustrator و Adobe Photoshop، طراحی لوگو، طراحی وب، طراحی گرافیک آزاد، آموزش آنلاین و بازاریابی دیجیتال.
تدریس +30 هزار دانشآموز در 160 کشور در سراسر جهان.
آزادی ایجاد دورهها را دوست دارد و به روش تدریس خود افتخار میکند، که مستقیماً و با لبخند است.
شعار او: مربیان خسته کننده بدتر از موضوعات خسته کننده هستند!
دانشجویان او دورههای او را بهخاطر مختصر بودن، حرفهای بودن و نکات و تکنیکهای کاربردی که میتوانند در وظایف طراحی روزانهشان و کسبوکارهای آموزش آنلاین به کار ببرند، ارزش میگذارند.
نمایش نظرات