آدرین علی نژاد
آدرین علی نژاد
خواندن ۲ دقیقه·۵ سال پیش

نئومورفیسم٬ ترند طراحی رابط کابری

استایل نئومورفیسم در رابط کاربری
استایل نئومورفیسم در رابط کاربری


یکی از سبک‌های جدیدی که امروزه در شبکه‌های اجتماعی مثل دریبل٬ اینستاگرام و برخی گروه‌های فیسبوک ترند شده به اسم نئومورفیسم هست و طرفدارهای خودش رو هم پیدا کرده. این سبک با ترکیب دو استایل طراحی رابط کاربری که یکی از اون‌ها٬ اسکئومورفیسم (skeuomorphism) و دیگری متریال دیزاین هست تشکیل شده و مزیت ها و ویژگی‌های خاص خودش رو از هر دوی این سبک‌ها به ارث برده.

با ترکیب این دو سبک که یکی مینیمالیست و زیبایی متریال و دیگری فرا واقعی (‌Hyper - Realistic) اسکئومورفیسم یک استایل جدید به اسم نئومورفیسم ترند شد که از نظر زیبایی شناختی به زیرشاخه مینیمالیسم مرتبط میشه.

در قسمت دیگه از این توصیفات می‌شه این دیدگاه رو هم داشت که اگر سبک استاندارد طراحی شرکت اپل رو در سال های ۲۰۰۷ تا ۲۰۱۵ / ۲۰۱۴ در نظر بگیریم و ترند‌های جدید مینیمالی که امروزه در اکثر طراحی های رابط کاربری دیده میشه رو هم یک طرف ترازو قرار بدیم٬ نئومورفیسم ( Neumorphism )‌ جایی مشهود و بخصوص در میانه این دو سبک داره.

تا اینجای کار با سبک نئومورفیسم آشنا شدیم و در پاراگراف‌های بعدی قراره چند نمونه از اون رو معرفی کنم و اینکه چجوری این سبک رو استفاده کنیم رو هم ذکر کنم.



چند نمونه از طراحی های نئومورفیسم

این نمونه هایی هستن که افراد در شبکه های اجتماعی مثل دریبل استفاده کردند.

1. Neumorphism Navigation Application
2. Minimal Clock Application Neumorphism
3. Neumorphism Music Player
4. Freebie Neumorphic UX UI Elements
5. Neumorphic UI Kit
6. Kettle App Concept

جهت استفاده کردن نئومورفیسم در سبک طراحی هاتون فقط کافیه که چند کار رو انجام بدین. این مقدار کد رنگ و سایه رو میتونید استفاده کنید تا شئ که طراحی می‌کنید به استایل دلخواهتون در بیاد.

مشخصات نئومورفیسم
مشخصات نئومورفیسم

همنطوری که در عکس بالا مشاهده می‌کنید با چندتا سایه می‌تونید این استایل رو تولید و طراحی کنید.

برای استفاده کردن از استایل نئومورفیسم در رابط کاربری وب‌سایت ها می‌تونید از وب سایت Neumorphism.io استفاده کنید و این وب‌سایت به صورت خودکار کد‌های سی اس اس تون رو براتون تولید می‌کنه.

امیدوارم که از پست راضی کننده بوده باشه و اگر از پست خوشتون اومد ممنون میشم با دوستاتون و در شبکه‌های اجتماعیتون هم منتشرش کنید :)



طراحی رابط کاربریطراحی اپلیکیشنطراحی وب سایت
instagram: adrinalinejad
شاید از این پست‌ها خوشتان بیاید