آموزش کاوش در طراحی نئومورفیک با Figma: افزودن حجم به رابط ها
Exploring Neumorphic Design with Figma: Adding Volume to Interfaces
سلام! من کیت هستم، یک طراح تجربه کاربری مستقر در فرانکفورت، و خوشحالم که به شما در دوره آموزشی طراحی نومورفیسم خوش آمد می گویم. با بیش از 10 سال تجربه در این زمینه، من اینجا هستم تا شما را در این سفر جذاب ایجاد رابط های جذابی که طرح های شما را زنده می کند، راهنمایی کنم.
تصور کنید که فضاهای دیجیتالی شیک و مدرنی را بسازید که آنقدر واقعی هستند که تقریباً می توانید آنها را لمس کنید. در این ماجراجویی 1.5 ساعته، با استفاده از ابزار قدرتمند Figma در حال غواصی به دنیای نئومورفیسم هستیم. اگر با Figma یا طراحی تازه کار هستید نگران نباشید - من اینجا هستم تا آن را برای شما بسیار ساده کنم.
ما سس مخفی پشت نئومورفیسم و نحوه بازی با سایه‌ها و نور را یاد می‌گیریم تا حس جادویی را به طرح‌های شما اضافه کنیم. به من اعتماد کنید، آسان تر از آن چیزی است که به نظر می رسد! به علاوه، یک تکنیک فوق العاده جالب و منحصر به فرد را به شما نشان خواهم داد که چگونه رنگ هایی را انتخاب کنید که طرح های شما را برجسته کند.
تا به حال در مورد سبک های قابل استفاده مجدد شنیده اید؟ من این ترفند را به شما آموزش می دهم که روند طراحی شما را سریع تر می کند.
اما گیلاس در بالاست - با پروژه های عملی دستمان را کثیف خواهیم کرد. در پایان، رابط تلفن همراه Neumorphic خود را ایجاد خواهید کرد. چقدر جالب است؟
من همه چیز را دوستانه و ساده نگه می‌دارم تا بتوانید بدون مشکل دنبال کنید. چه یک حرفه ای طراحی باشید که به دنبال ارتقاء سطح هستید یا یک مبتدی که مشتاق امتحان چیزی عالی هستید، این دوره برای شما عالی است.
بنابراین، بیایید با هم به دنیای طراحی نئومورفیسم شیرجه بزنیم و بیایید طرح های شما را با عمق و سبک جدی برجسته کنیم!
مدت دوره: حدود 1.5 ساعت
پیش‌نیازها: بدون نیاز به تجربه طراحی یا Figma - ما از ابتدا شروع می‌کنیم!
برای چه کسی مناسب است:
- طراحانی که می خواهند شیک ترین تکنیک های طراحی را کشف کنند.
- هرکسی که در مورد طراحی کنجکاو است و آماده شیرجه رفتن است.
- توسعه دهندگانی که می خواهند جادوی طراحی را به خود اضافه کنند. مجموعه مهارت.
امروز به من بپیوندید و بیایید چند طرح نئومورفیک خیره کننده ایجاد کنیم که همه بگویند، "وای، چطور این کار را کردی؟" شما را در کلاس می بینیم!
به پروژه دوره هیجان انگیز خود خوش آمدید! آماده شوید تا مهارت‌های جدید خود را آزمایش کنید و صفحه‌های برنامه تلفن همراه را ایجاد کنید که هنر طراحی نومورفیسم را به نمایش می‌گذارد.
پروژه: صفحه نمایش برنامه ماشین حساب Neumorphic
در این پروژه، شما تمام دانشی را که در طول دوره به دست آورده اید برای طراحی 1 یا 2 صفحه برای یک برنامه ماشین حساب موبایل گرد هم می آورید. چالش؟ این صفحات را با عمق سه بعدی و واقع گرایی که Neumorphism ارائه می دهد، القا کنید.
ماموریت شما:
یک برنامه ماشین حساب شیک و مدرن را تصور کنید که نه تنها عملکردها را انجام می دهد، بلکه با طراحی زیبایش خیره می شود. وظیفه شما طراحی رابط های کاربری است که فلسفه طراحی نومورفیسم را در بر می گیرد و در عین حال کاربر پسند و کاربردی است.
مراحل پروژه:
مفهوم سازی: با ایده های طوفان فکری برای صفحه نمایش برنامه ماشین حساب خود شروع کنید. ترتیب دکمه ها، ناحیه نمایش و طرح کلی را در نظر بگیرید. به این فکر کنید که چگونه می توان از سایه ها و نور برای بهبود تجربه کاربری استفاده کرد.
طراحی: با استفاده از Figma، مهارت‌های تازه به‌دست‌آمده خود را برای ایجاد صفحه‌نمایش برنامه ماشین حساب خود به کار ببرید. با قرار دادن سایه، انتخاب رنگ، و تایپوگرافی آزمایش کنید تا به نمای نئومورفیک کامل برسید.
کاربر پسند: به یاد داشته باشید، طراحی فقط در مورد زیبایی شناسی نیست، بلکه در مورد قابلیت استفاده نیز هست. اطمینان حاصل کنید که عملکردهای ماشین حساب شما واضح و شهودی هستند. نئومورفیسم باید تجربه را تقویت کند، نه اینکه آن را پیچیده کند.
جزئیات مهم است: به جزئیات توجه کنید. فاصله بین عناصر را اصلاح کنید، سایه ها را برای ایجاد حس عمق تنظیم کنید، و پالت رنگ را برای یک رابط هماهنگ تنظیم کنید.
بازخورد و تکرار: هنگامی که صفحه نمایش شما آماده شد، در صورت وجود، از همتایان یا مربیان بازخورد بخواهید. از ورودی آنها برای اصلاح طرح های خود و ایجاد هرگونه بهبود لازم استفاده کنید.
- طرح نهایی خود را به بخش Class Project پیوست کنید.
چرا این پروژه مهم است:
این پروژه به شما این فرصت را می دهد که مهارت های خود را در یک زمینه دنیای واقعی به کار ببرید. با ایجاد صفحه های برنامه ماشین حساب Neumorphic، توانایی ایجاد تعادل بین زیبایی شناسی، عملکرد و اصول Neumorphism را خواهید داشت. این پروژه مجموعه طراحی شما را تقویت می کند و تخصص شما را در ایجاد رابط های کاربری جالب نشان می دهد.
با ایجاد صفحه‌نمایش‌های برنامه ماشین‌حساب Neumorphic زیبا و کاربردی، اجازه دهید خلاقیت شما بدرخشد. موفق باشید، و طراحی موفق!
درس ها Lessons
-
حالت تاریک Dark Mode
-
نمای کوتاه Figma Short Figma Overview
-
عناصر مقعر و محدب Concave and Convex Elements
-
معماری سایه و نور Shadows and Light Architecture
-
سبک های مختلف UI-morphism Different UI-morphism Styles
-
ایجاد عناصر مختلف نئومورفیک Creating Various Neumorphic Elements
-
پروژه کلاس Class Project
-
ایجاد رابط موبایلی نئومورفیک Creating Neumorphic Mobile Interface
-
کلاس و معرفی معلم Class & Teacher Introduction
-
انتخاب رنگ مناسب Picking the Right Color
-
Figma: پانل جلوه های سایه Figma: Shadow Effects Panel
https://donyad.com/d/2d6af3
Katerina Liebich Blik
طراح محصول، سرب UX
سلام، من کاترینا هستم.
من یک طراح محصول و شکارچی هماهنگی هستم.
برای من، طراحی تفکر زندگی است. این فقط یک حرفه نیست. من عاشق رنگ ها، فونت ها، طراحی های دستی و عکاسی، عاشق اشکال و خطوط هستم. من می توانم طرح بندی را در همه چیز ببینم. مهم نیست که من این کار را انجام می دهم: پوستر، مارک، برنامه تلفن همراه، یا شاید انتخاب یک کاناپه برای اتاقم.
همه چیز باید هماهنگ و متعادل باشد.
چه چیزی بیشتر است؟ من یکی از بنیانگذاران "برنامه Hamini" هستم.
نمایش نظرات