۸ روش برای طراحی بهتر کارت رابط کاربری

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

از کارت‌‌ها کجا می‌توان استفاده کرد؟
صفحات کاتالوگ محصول: وب سایت‌های بزرگ تجارت الکترونیک مانند آمازون، علی بابا و والمارت از کارت برای نشان دادن آیتم‌های محصول استفاده می‌کنند.

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

در ادامه به روش‌هایی برای طراحی بهتر کارت‌های رابط کاربری اشاره می‌شود.

۱. کنتراستی خوب بین کارت و پس زمینه ایجاد کنید. برای تشخیص بهتر کارت از پس زمینه، می‌توانید با اضافه کردن بوردر (مرز) یا سایه، کارت خود را برجسته کنید.

۲. سعی کنید اندازه فونت‌ها متعادل باشد و از استفاده از فونت‌های خیلی کوچک خودداری کنید. خوانایی محتوا با فونت انتخاب شده و اندازه فونت اعمال شده تعریف می‌شود.

۳. یک سیستم فاصله گذاری برای پدینگ‌ها (لایه‌ها) ایجاد کنید. اگر می‌خواهید از هرج و مرج در طراحی‌های خود جلوگیری کنید، باید سیستم فاصله گذاری را تعریف کنید که برای دولوپر نیز مفید خواهد بود.

چند نکته دیگر برای سیستم فاصله گذاری!

یک واحد پایه انتخاب کنید که از آن برای افزایش مقادیر فضا برای فاصله گذاری بین عناصر رابط کاربری استفاده خواهید کرد. معمولا یک واحد پایه ۴ px است. استفاده از عدد عجیب و غریبی مانند ۵ px کار خوبی نیست، زیرا در دیوایس‌هایی با DPI ۱.۵ x (Dots در هر اینچ)، فاصله تا ۷.۵ px افزایش خواهد یافت که منجر به تار شدن نتیجه می‌شود.
تعداد محدود مقادیر فاصله را با استفاده از واحد پایه به عنوان عددی افزایشی یا ضربی تعریف کنید.
برای مطالعه ادامه مقاله به لینک زیر مراجعه کنید:

https://bit.ly/dxgn1099

(زمان حدودی مطالعه: ۸ دقیقه)

گردآوردنده: فاطمه عبداللهی

#رابط_کاربر #دیزاین_سیستم #کارت

@Dexign فلسفه دیزاین

_______