آموزش معرفی سریع گرامر بصری در طراحی وب با استفاده از Affinity Designer
Quick Intro to Visual Grammar in Web Design using Affinity Designer
مشابه اینکه چگونه گرامر خوب کلید ارتباطات واضح است، طراحی وب بر اصول خاصی تکیه می کند تا وب سایت شما را نه تنها جذاب کند، بلکه به راحتی می توان آن را جستجو کرد. هدف از این کلاس معرفی ملزومات طراحی وب محور در دروس مختصر و قابل هضم است. ما نگاهی به اجزای سازنده دستور زبان بصری خواهیم داشت:
- تراز
- فضای خالی
- تایپوگرافی
- رنگ
هنگامی که با مفاهیم بالا و نحوه عملکرد پشت سر هم آشنا شدید، با طراحی بخش قهرمان یک وب‌سایت تخیلی، همه آن را عملی خواهیم کرد. من شما را از طریق مراحل مختلف مربوطه راهنمایی خواهم کرد.
در پایان دوره، نحوه ایجاد:
را خواهید آموخت- Moodboard
- یک Wireframe با کیفیت پایین
- یک قاب سیمی با وفاداری متوسط
- یک ماکت با وفاداری بالا
در طول مسیر، من برخی از بهترین روش‌ها و نکات و منابعی را به اشتراک می‌گذارم که به شما امکان می‌دهد کارآمدتر کار کنید.
این کلاس برای کسانی است که به اصول طراحی وب علاقه مند هستند و در حال حاضر درک اولیه ای از Affinity Designer دارند.
چرا Affinity Designer؟
برنده جایزه طراحی اپل، یک نرم افزار طراحی گرافیکی فوق العاده قدرتمند با ابزارهای بصری است که گردش کار شما را ساده می کند، کنترل دقیقی را ارائه می دهد و در زمان صرفه جویی می کند. اگر قبلاً Affinity Designer را نصب نکرده‌اید، نسخه آزمایشی رایگان را دانلود کنید، با اصول اولیه آشنا شوید و به آن بپیوندید.
با توجه به آنچه گفته شد، خود مفاهیم جهانی هستند و کاربرد آنها به سایر نرم افزارهای طراحی گرافیک قابل انتقال است، بنابراین اگر قبلاً در برنامه مشابهی مهارت دارید، همچنان می توانید در کلاس شرکت کنید.
طراح وب بودن به معنای داشتن هیچ نوع مهارت هنری ذاتی نیست. شما می توانید آن را انجام دهید، و آن را به خوبی انجام دهید، به شرطی که به اصول طراحی در بازی توجه داشته باشید. امیدوارم شما هم مثل من مشتاق باشید. من شما را در کلاس می بینم!
هنگامی که با اصول اولیه آشنا شدید، از آنها برای ایجاد بخش قهرمان یک وب سایت تخیلی استفاده می کنیم. می توانید طرح دقیق را دوباره ایجاد کنید، در این صورت، مواد لازم را در منابع زیر پیدا خواهید کرد یا هر موضوعی را که دوست دارید انتخاب کنید و دنبال کنید. من توصیه می کنم دومی را انجام دهید زیرا این فرصت را به شما می دهد که عضلات خلاق خود را در حین استفاده از آنچه یاد می گیرید منعطف کنید. هدف در اینجا پرورش مهارت‌های تصمیم‌گیری مرتبط با طراحی است که در جهت تولید خروجی است که به همان اندازه سیستماتیک و خیره‌کننده باشد.
پروژه کلاس به چهار بخش تقسیم می شود:
- Moodboard: جمع آوری الهام برای موضوعی که انتخاب کرده اید.
- یک قاب سیمی با وفاداری پایین: تصمیم گیری در مورد ساختار طرح خود با خشن کردن آن روی کاغذ یا دیجیتال.
- یک قاب سیمی با وفاداری متوسط: ایجاد آرمیچری از طراحی خود، با تمرکز بر مکان و محتوا.
- یک ماکت با وفاداری بالا: استفاده از تصاویر، رنگ و تایپ برای برجسته کردن طرح.
کار خود را در هر مرحله از فرآیند یا در پایان کلاس ارسال کنید تا بتوانم بازخورد ارائه کنم. از دیدن آنچه ایجاد می کنید هیجان زده هستم!
با خیال راحت به این موضوع از کلاس نگاهی بیندازید.
منابع
مقاله مطالعه موردی:
تایپوگرافی:
رنگ:
Moodboard:
تصاویر:
مکاپ با کیفیت بالا:
درس ها Lessons
-
مقدمه Introduction
-
هم ترازی Alignment
-
افکار نهایی Final Thoughts
-
ماکت با کیفیت بالا High-fidelity Mock-up
-
پروژه Project
-
فضای سفید Whitespace
-
وایرفریم با کیفیت پایین Low-fidelity Wireframe
-
مطالعه موردی Case Study
-
تایپوگرافی Typography
-
گرامر بصری Visual Grammar
-
وایرفریم با کیفیت متوسط Medium-fidelity Wireframe
-
Moodboard Moodboard
-
رنگ Color
https://donyad.com/d/1d63
Rohit Sawant
طراح وب و هنرمند
روهیت ساوانت یک طراح و توسعه دهنده وب آزاد است. اگرچه او در برنامه نویسی مقدماتی مهارت دارد، اما در درجه اول وب سایت هایی را با استفاده از Webflow توسعه می دهد. او پس از اخذ مدرک لیسانس در انیمیشن و گرافیک کامپیوتری، قبل از اینکه به طراحی وب روی آورد، به عنوان یک هنرمند CG/VFX کار کرد. صرف نظر از رسانه، او مشتاق ایجاد تجربیات بصری جذاب است. او همچنین به عنوان نویسنده و هنرمند فعالیت می کند. داستان کوتاه او در مجموعه ها و مجلات مختلف منتشر شده است و تصاویر او در مجلات مد ظاهر شده است.
نمایش نظرات