آموزش سلسله مراتب بصری و فاصله گذاری در طراحی وب
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
https://donyad.com/d/8f34e9
Gil Huybrecht
طراح Ui & UX، برندینگ
سلام به همه، نام من گیل هویبرشت است. من یک طراح UI/UX از بلژیک هستم. من چندین سال تجربه طراحی وب سایت و برند برای مشتریان مختلف دارم. روز خوبی داشته باشید و بیایید با هم چیزی عالی بسازیم!
نمایش نظرات