آموزش طراحی وب در 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

نمایش نظرات

نظری ارسال نشده است.

آموزش طراحی وب در Affinity Designer برای مبتدیان و فراتر از آن
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
7h 28m
88
Skillshare (اسکیل شیر) skillshare-small
21 مهر 1396 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
1,112
4 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dawid Tuminski Dawid Tuminski

طراح، کدنویس و کارآفرین آموزشی.
Adobe Certified Expert in Illustrator که دوره‌هایش در 10 دوره برتر Udemy فهرست شده است.

ایجاد دوره های آنلاین در مورد ابزارهای طراحی مانند Adobe Illustrator و Adobe Photoshop، طراحی لوگو، طراحی وب، طراحی گرافیک آزاد، آموزش آنلاین و بازاریابی دیجیتال.

تدریس +30 هزار دانش‌آموز در 160 کشور در سراسر جهان.

آزادی ایجاد دوره‌ها را دوست دارد و به روش تدریس خود افتخار می‌کند، که مستقیماً و با لبخند است.

شعار او: مربیان خسته کننده بدتر از موضوعات خسته کننده هستند!

دانشجویان او دوره‌های او را به‌خاطر مختصر بودن، حرفه‌ای بودن و نکات و تکنیک‌های کاربردی که می‌توانند در وظایف طراحی روزانه‌شان و کسب‌وکارهای آموزش آنلاین به کار ببرند، ارزش می‌گذارند.

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.