ارتقا رابط کاربری با کمک طرح های آماده

تا حالا در مورد طراحی رابط کاربری مطلبی ننوشته بودم و الان بنظرم فرصت خوبی میاد تا یه مطلب در این باره بنویسم و تجربه خودم رو با شما در میون بزارم.

من قبلا برای کنترل ListBox یه استایل نوشته بودم که یجورایی مدرن و به سبک ویندوز 10 بود به این صورت که وقتی ایتم انتخاب میشد کنارش یه لیبل عمودی رنگی نمایش داده میشد اوایل که این استایل رو نوشتم خیلی جذاب بود و کلی حال کردم😁

استایلی که باهاش قبلا حال میکردم

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

طرح چینی

و توی نیم ساعت استایلش رو پیاده کردم.

استایلی که جدیدا باهاش حال میکنم

البته یسری اپشن هارو خودم اضافه کردم مثل لیبل new، استایل جدید مزایای خیلی زیادی داره، پخته تره، به این زودی ها کاربر زده نمیشه، تجربه کاربریش بهتره و رنگ بندی بهتری داره.

من برای پیاده سازی این استایل کار خاصی نکردم به جز چند مورد که باهم بررسی میکنیم:

  • استفاده از رنگ مناسب که چشم رو اذیت و خسته نکنه
  • استفاده از رنگ های کمتر (منظور تعداد رنگ ها) و ترکیب مناسب رنگ ها
  • استفاده مناسب از فاصله بین ایتم ها (چپ، بالا، راست، پایین)
  • گرد کردن گوشه ها
  • تغییر اندازه ارتفاع ایتم

با تغییر همین 5 مورد طرح من زمین تا اسمون فرق کرد و حالت بهتری به خودش گرفت. طرح های آماده نقطه شروع خیلی خوبی هستن و میتونن باعث بشن که خلاقیت شما فعال بشه.

امیدوارم که مفید بوده باشه اگر تجربه ای مشابه دارید در نظرات برام بنویسید.

نوشته ارتقا رابط کاربری با کمک طرح های آماده اولین بار در ویرگول پدیدار شد.

گردآوری توسط ایده طلایی

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