۳ نکتۀ مهم دربارۀ طراحی رابط کاربری به سبک نئومورفیسم
شاید اسم سبک نئومورفیسم به گوشتان خورده باشد. این سبک در حال حاضر جدیدترین ترند طراحی یو آی است. اسم این سبک از ترکیب کلمات New (جدید) و skeuomorphism (اسکومورفیسم ، که یک سبک طراحی گرافیک قدیمی رابط کاربری است) شکل گرفته است. این سبک در واقع هنر استفاده از سایهها و جلوههای نوردهی و عمقدهی به عناصر است.
در این مطلب که از سایت دریبلداتکام برای شما عزیزان ترجمه شده، سامسون واولز که یک طراح یو آی و یو ایکس با تجربه است، به ۳ نکته و شیوۀ طراحی در سبک نئومورفیسم اشاره میکند. با ما همراه باشید.
۱/ در سبک نئومورفیسم از سایهها و افکتها به اندازه استفاده کنید
برای برجسته و متمایز کردن عناصر یو آی میتوانید از سبک نئومورفیسم استفاده کنید. فقط با استفاده از چند گرادیانت و سایهروشن میتوانید استایل صفحهنمایش خود را به این سبک تبدیل کنید. اما توجه کنید که به جای اضافه کردن افکتها به تمام عناصر، آنها را به اندازه و در قسمتهایی اضافه کنید که نهایتاً به یک ظاهر یکدست و زیبا در طراحی خود برسید.
۲/ به جای عکس از تصویرسازی استفاده کنید
سبک نئومورفیسم حالتی سهبعدی به طراحی یو آی میدهد. به همین دلیل استفاده از عکس و تصویرهای عکاسی شده برای این سبک مناسب نیست. چرا که عکس، با حالت سهبعدی سبک نئومورفیسم هماهنگ نیست. در نتیجه به جای عکس، از تصویرسازی استفاده کنید.
۳/ از انیمه برای ایجاد دسترسی بیشتر استفاده کنید
نقدی که به این سبک وارد است، این است که این سبک از دستورالعملهای خاص مربوط به میزان دسترسی پیروی نمیکند. به این معنی که ممکن است مثلاً روشن یا خاموش بودن یک دکمه خیلی قابل تشخیص نباشد. به همین دلیل برای داشتن یک طراحی واضحتر و گویاتر، بهتر است از انیمه استفاده کنید. برای این کار باید عملکرد یک دکمه یا عنصر را مانند تصویر زیر، با انیمه ای که طراحی میکنید، توصیف کنید.
آزمون و خطا کنید!
نئومورفیسم یک سبک نوظهور و فرصتی برای کشف استعدادهاست. میتوانید از این سبک در زمینههای دیگر مثل طراحی لوگو، انیمیشنسازی، تصویرسازی و طرحهای رنگی مونوکروم (تک رنگ) استفاده کنید. پس از این فرصت استفاده کنید و دست از تمرین برندارید.
نمونههایی از سبک نئومورفیسم
تصاویر زیر نمونههایی از طراحی یو آی در سبک نئومورفیسم است. در هر عکس مشخصات مربوط به رنگها و افکتهایی که استفاده شده آمده است. میتوانید از این نمونهها ایده بگیرید تا یک طراحی منحصر به فرد خلق کنید.
برای یادگیری طراحی رابط کاربری موبایل یا وب سایت می توانید از آموزش کامل و پروژه محور طراحی رابط کاربری با UX وب سایت خانه فتوشاپ استفاده کنید. در این پکیج، علاوه بر آموزش بسیاری از پلاگین های پرکاربرد و کاربردی نرم افزار UX، چند پروژه از صفر تا صد اجرا شده و درباره قوانین و اصول طراحی رابط کاربری صحبت می شود. برای دیدن توضیحات این دوره اینجا کلیک کنید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیریمطالب زیر را حتما مطالعه کنید
درآمد تدوین چقدر است؟ درآمد ادیت ویدیو سال ۱۴۰۳
۱۰ ایده بک گراند برای انواع پروژه ها
۱۷ مورد از سبک های طراحی گرافیک که باید بشناسید
عکاسی زیباییشناختی یا Aesthetic photography: راهنمایی برای خلق تصاویر زیبا
تفاوت هنرمند و تصویرساز در چیست؟
دستورهای ترکیبی هوش مصنوعی: راهحلی نوآورانه برای خلق تصاویر متنوع با هوش مصنوعی
2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
مطلب خیلی عالی بود ولی بنظرم بهتره توی مورد دوم ابجای اصطلاح «تصویر سازی» از واژه «illustration» استفاده بشه چون واضح تره و اگه کسی اون رو توی نت سرچ بکنه به نتایج بهتر و واضح تری میرسه
با سلام و احترام
کاربر گرامی از حسن نظر شما صمیمانه سپاسگزاریم حتما دیدگاه شما در مطالب بعدی خانه فتوشاپ مدنظر قرار خواهد گرفت.
با تشکر