سمانه رستمی‌پور
سمانه رستمی‌پور
خواندن ۳ دقیقه·۱ سال پیش

راهنمای Clean Design در طراحی رابط کاربری1

به طور خلاصه، « Clean UI » بیشتر در مورد دستیابی آسان و سریع کاربر به اهداف خاص خود بوده؛ که چنین رابط کاربری عمدتاً مبتنی بر تعامل و مینیمالیسم است.

اگر بخواهیم موفق ترین نمونه های مشکلات اجرای سلسله مراتب و تعادل را در کتاب « Refactoring UI » در نظر بگیریم؛ به 8 نمونه‌ی زیر می‌رسیم:

1) تاکید کاربران بر چیزهای درست

در مورد طراحی دیجیتال باید قوانینی به خصوص در مورد تمیز و ساده نگه داشتن رابط کاربری وجود داشته باشد؛ بنابراین به این فکر کنید که در وهله‌ی اول چه چیزی را باید در UI خود برجسته کنید!

معمولاً هر عنصر اصلی در طراحی اولویت خاص خود را دارد که این موضوع می‌تواند دسترسی آسان وسریع کاربران را به عملکردهای اساسی یک محصول دیجیتالی فراهم ‌کند.

DESIGNED BY ONYINYE CEE
DESIGNED BY ONYINYE CEE


2) از قدرت رنگ استفاده کنید

به‌جای بکارگیری مجموعه‌ای از رنگ‌های همخوان، سعی کنید رابط کاربری خود را با یک رنگ ایجاد کنید و در طراحی با استفاده از تُنالیته‌های مختلف با رنگ «بازی» کنید. گاهی اوقات، اولویت یک ویژگی خاص را می‌توانید با تغییر اندازه فونت برای کاربر روشن کنید. این رویکرد، خوانایی محتوای رابط کاربری را ساده نگه می‌دارد.

DESIGNED BY JORDAN HUGHES
DESIGNED BY JORDAN HUGHES


3) به نحوه ضعیف کردن اثر عناصر ثانویه فکر کنید

اگر نمی‌دانید چگونه عناصر اصلی رابط کاربری را برجسته کنید، شاید فقط باید راه دیگری را امتحان کنید و تاکید بر موارد ثانویه را کاهش دهید. برای مثال با تغییر اندازه فونت و یا رنگ موارد ثانویه می‌توانید بر عناصر اصلی تاکید بیشتری کنید.

4) توجه را به محتوای اصلی جلب کنید، نه به عنوان

گاهی اوقات طراحان به اشتباه روی سرفصل‌‌ها تمرکز می‌کنند و آنچه در زیر آن‌ها قرار دارد اهمیت ثانویه می‌یابد. این رویکرد اشتباهی در زمینه ایجاد یک رابط کاربری تمیز است، چرا که محتوا اولویت داشته و سلسله مراتب بصری شکسته شده است!

5) کنتراست را کاهش دهید

ممکن است متوجه شده باشید که آیکن‌ها اغلب فضای بسیار زیادی را اشغال می‌کنند و "سنگین" به نظر می‌رسند، به خصوص اگر در کنار متن قرار گیرند. بنابراین، برای اینکه رابط به خوبی متعادل به نظر برسد، برای چنین عناصری کنتراست را کاهش دهید.

6) اتصال به معناشناسی را کاهش دهید

اگر کاربران شما نیاز دارند تا چندین عمل را در یک صفحه به طور همزمان انجام دهند، نباید صرفاً به معناشناسی وابسته باشید. خیلی بهتر است به سلسله مراتب عناصری که به کاربران اجازه انجام این اقدامات را می‌دهند، فکر کنیم. به این ترتیب، شما یک رابط بصری بدون جزئیات غیر ضروری ارائه خواهید کرد.

DESIGNED BY MONTY HAYTON
DESIGNED BY MONTY HAYTON


7) بیشترین استفاده را از فضای خالی ببرید

حتی با وجود یک سلسله مراتب دقیق، خطر القای حس تمیز و ساده نبودن UI به کاربران می‌باشد. به یاد داشته باشید که Clean UI قبل از هر چیز در مورد استفاده کافی از فضای خالی است پس در طراحی خود اجازه دهید عناصر UI نفس بکشند – برند اپل سالانه این رویکرد را در طراحی‌های خود بکار می‌گیرد.

8) سیستم فاصله و اندازه خود را ایجاد کنید

سیستم شبکه‌ای به عناصر اجازه می‌دهد تا بر اساس درصد، نسبت بهینه‌ای بین اندازه های خود داشته باشند. اگر قبل از شروع کار، یک سیستم فاصله‌گذاری و اندازه برای پروژه خود ایجاد کنید؛ با بسیاری از مشکلات طراحی رابط کاربری که اکثر طراحان با آن مواجه هستند مواجه نخواهید شد. این به ویژه برای کسانی که عادت به کار با ابزارهای مرورگر دارند صدق می‌کند.

DESIGNED BY MAX BURNSIDE
DESIGNED BY MAX BURNSIDE



امیدواریم به شما کمک کرده باشم تا با استفاده از مثال‌های ساده و قابل فهم، ویژگی‌های ایجاد یک رابط کاربری تمیزه و ساده را درک کرده باشید و اکنون بتوانید از آن‌ها برای الهام بخشیدن به پروژه‌های خود استفاده کنید.

#Clean_UI

طراحی رابط کاربریتجربه کاریcleanclean designرابط کاربری
UI/UX Designer at EBCOM
شاید از این پست‌ها خوشتان بیاید