آموزش سلسله مراتب بصری و فاصله گذاری در طراحی وب
Visual hierarchy & spacing in webdesign
اول از همه از شما برای بررسی کلاس تشکر می کنم، امیدوارم چیزی در مورد طراحی وب بیاموزید. نام من گیل است و من طراح رابط کاربری و تجربه کاربری هستم.
این کلاس در مورد سلسله مراتب بصری در طراحی و فاصله گذاری است. من روش‌های مختلف سلسله‌مراتب بصری را آموزش می‌دهم و نحوه استفاده از فاصله‌گذاری خوب برای دستیابی به یک سبک حداقلی از طراحی وب را آموزش می‌دهم.
اول از همه، بخش کوچکی از نظریه را انجام می‌دهم، اما سپس به تمرینی می‌پردازیم که در آن توضیح خواهم داد که چگونه می‌توانید از آن نظریه در کار خود استفاده کنید. این کلاس برای طراحان مبتدی و متوسطی است که از قبل اصول اولیه فتوشاپ را دارند.
در پایان این کلاس، درک خوبی از سلسله مراتب بصری و فاصله گذاری خواهید داشت و می توانید از آن در کار خود برای ارائه یک سبک مینیمال از طراحی وب استفاده کنید. بیایید شروع کنیم!
برای پروژه کلاس از شما بچه ها می خواهم همان کاری را که من انجام دادم انجام دهید. چیزی را که به آن علاقه دارید جستجو کنید و از آن به عنوان موضوع خود استفاده کنید. این می تواند یک فرد مشهور، یک تیم فوتبال، یک ورزشکار، یک سرگرمی، یک بازی باشد، می تواند در مورد هر چیزی باشد.
از همان ابعادی که من انجام دادم استفاده کنید تا طرحی مشابه داشته باشید. ابتدا وایرفریم های خود را بسازید و حتما آنها را نیز به اشتراک بگذارید! به اطلاعاتی که قرار است با آنها کار کنید فکر کنید، به این فکر کنید که چه چیزی می تواند برای کاربر مهم باشد. من از یک محصول ویژه به عنوان چیزی که می تواند برای کاربر مهم باشد استفاده کردم.
به عنوان مثال، اگر با یک ورزشکار کار می کنید، می توانید با سن و ملیت یا چیزی شبیه به آن کار کنید. سپس به این فکر کنید که چگونه می توانید آن اطلاعات را بیرون بیاورید.
پروژه خود را اینجا در کلاس پست کنید و من مطمئن می شوم که همه آنها را بررسی می کنم و به شما دوستان بازخورد می دهم.
من فایل منبع تمرینی را که انجام دادم ضمیمه کرده ام، بنابراین در صورت تمایل می توانید آن را بررسی کنید. برای شروع می توانید سند جدید خود را بسازید یا از سندی که من در اینجا پیوست کرده ام استفاده کنید.
من مشتاقانه منتظر چیزی هستم که شما بچه ها می خواهید به دست آورید. شما بچه ها می توانید هر چیزی که دوست دارید پست کنید. وایرفریم های شما، برخی از کارهای در حال انجام یا یک قطعه تمام شده. و به یاد داشته باشید بچه ها، از آن لذت ببرید!
درس ها Lessons
-
چرا سلسله مراتب بصری مهم است؟ Why is visual hierarchy important?
-
پروژه کلاس Class project
-
تمرین: توجیهی/موضوع Exercise: Briefing/Subject
-
فضای خالی و تعادل Whitespace and balance
-
روش های مختلف کنتراست بصری Different ways of visual contrast
-
تمرین: Wireframes Exercise: Wireframes
-
گرد کردن Round up
-
اصل گروه بندی من My grouping principle
-
تمرین: ساختن طرح Exercise: Making the design
-
مقدمه Intro
-
درس پاداش: ساخت ضربه دریبل Bonus lesson: Making a dribbble shot
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/8f34e9
Gil Huybrecht
طراح Ui & UX، برندینگ
سلام به همه، نام من گیل هویبرشت است. من یک طراح UI/UX از بلژیک هستم. من چندین سال تجربه طراحی وب سایت و برند برای مشتریان مختلف دارم. روز خوبی داشته باشید و بیایید با هم چیزی عالی بسازیم!
نمایش نظرات