اصول اولیه طراحی رابط کاربری

دسته بندی :وبلاگ ۱۷ مرداد ۱۴۰۱ 1028
اصول اولیه طراحی رابط کاربری

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

اصول اولیه طراحی رابط کاربری – روش 1

اصول اولیه طراحی رابط کاربری

مرز های ( border ) زیاد را کنترل کنید کنترل بیش از حد border ها در طراحی یک رابط زیبا و کاربردی است.

شما به راحتی می‌توانید کانون توجه بازدید کننده را با تضاد ظریف بین عناصر مدیریت کنید.

صفحه سمت راست:

  1. بزرگتره و تو هم تو هم نیست
  2. جایگذاری ها درست هست
  3. بُردر ها در طراحی کاملا کنترل شده
  4. طراحیه بصری زیبا در قسمت سرچ
  5. حس کلیک بیشتر در قسمت پایین صفحه مخصوص کلیک

اصول اولیه طراحی رابط کاربری – روش دوم

اصول اولیه طراحی رابط کاربری

اضافه کردن عناصر همپوشانی در طرح:

هنگام طراحی کارت های صفحه نمایه، مطمئن شوید که اون قسمت به خصوص روی عکس نمایه اضافه کنید تا به طراحی عمق ببخشید و معنای واضح تری به آن ببخشید.

قطعا تصویر سمت راست که پروفایل روی عکس هستش به طراحیمون عمق میبخشه حس بهتری میده.

فقط یک تغییر کوچیک طرح رو اینقدر زیبا کرد

اصول اولیه طراحی رابط کاربری – روش سوم

اصول اولیه طراحی رابط کاربری

نسبت کنتراست قابل دسترس با متن رنگی

از آنجایی که کاربران عادت دارند چیزها را سریع اسکن کنند، کنتراست نقش مهمی در قابل مشاهده و خواندن آسان متن ایفا می کند.

اصول طراحی ux – روش چهارم

اصول اولیه طراحی رابط کاربری

از وزن فونت به جای اندازه فونت برای انجام کار استفاده کنید.

به جای تکیه بیش از حد به تغییرات تایپوگرافی برای اندازه فونت، به وزن و رنگ فونت توجه کنید.

تصویر پایین:

  • بولد شدن فونت
  • تغییر رنگ در فونت
  • (تغییر وزن فونت)
  • جایگذاری درست متن

که همه اینا باعث زیبایی طرح شده.

اصول طراحی ux – روش پنجم

اصول اولیه طراحی رابط کاربری

به جای لیست کشویی از چک باکس ها استفاده کنید.

هنگام طراحی فرم ها، از چک باکس ها و دکمه های رادیویی استفاده کنید. نمایش همه گزینه ها به کاربران کمک می کند تا در هنگام انتخاب سریع تصمیم بگیرند.

اصول رابط کاربری – روش ششم

اصول رابط کاربری - روش ششم

استفاده از آیکون ها – نمادها برای نمایش پیام های مهم

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

اصول رابط کاربری – روش هفتم

اصول رابط کاربری - روش هفتم

در فرم ها از تک ستون استفاده کنید

هنگام طراحی فرم ها، حتما در یک ستون کار کنید. چندین ستون حرکت عمودی کاربر را مختل می کند.

طراحی رابط کاربری – روش هشتم

طراحی رابط کاربری - روش هشتم

هنگام طراحی بخش ویژگی، به کاربران کمک کنید تا صفحه را به سرعت با ترازبندی متنی منظم و شبکه ای اسکن کنند.

مهمترین اصول طراحی UI – روش نهم

مهمترین اصول طراحی UI - روش نهم

با دکمه های رادیویی خلاق باشید

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

هنگام طراحی برنامه های قیمت گذاری بهترین عملکرد را دارد.

مهمترین اصول طراحی UI – روش دهم

مهمترین اصول طراحی UI - روش دهم

با پس زمینه های رنگی هوشمندانه کار کنید

تعیین رنگ متن روی پس‌زمینه‌های رنگی می‌تواند مشکل باشد. در اینجا یک نکته ساده و در عین حال بسیار ارزشمند وجود دارد که به شما کمک می کند بین رنگ ها و سبُکی آنها انتخاب بهتری داشته باشید.

یادگیری رابط کاربری – روش یازدهم

یادگیری رابط کاربری - روش یازدهم

اطلاعات پرداخت را روی یک صفحه نمایش دهید.

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

یادگیری رابط کابری – روش دوازدهم

یادگیری رابط کابری - روش دوازدهم

فقط اطلاعات مهم را در کارت های فاکتور نمایش دهید.

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

روش های طراحی رابط کاربری – روش سیزدهم

روش های طراحی رابط کاربری - روش سیزدهم

از element ها – آیکون ها… برای نمایش اطلاعات در جداول استفاده کنید.

برای طراحی جداول، نمایش داده‌هایی که شلوغ نیستند و فضایی برای تنفس دارند، مهم است. این به کاربران کمک می کند تا اطلاعات را به راحتی در حال اسکن کنند.

سخن پایانی

اگر شما هم از اصول اولیه طراحی رابط کاربری نکاتی را مد نظر دارید خوشحال میشیم در دیدگاه های وبسایت با ما در میان بگذارید. همچنین اگر تمایل داشتید نکات کلیدی و جذاب دیگر در اطراحی را مطالعه کنید پیشنهاد میکنم به قسمت وبلاگ اول باش مراجعه کنید.

مطالب زیر را حتما بخوانید:

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.
  • چنانچه از لینک سایر وبسایت ها و یا وبسایت خود در دیدگاه استفاده کرده باشید تایید نخواهد شد.
  • چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.
  • چنانچه دیدگاهی بی ارتباط با موضوع مطرح شود تایید نخواهد شد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لینک کوتاه: