طراحی رابط کاربری - UserInterface

رنگ بندیه خوبی رو بین آبی و توسی زدی.
احساس من اینه دکمه ثبت دیگه خیلی به گوشه فرم چسبیده کمی بیاد داخلتر بهتره. الان دکمه ثبت انتخاب شده هست برای همینه که رنگ متن داخلش سیا شده و کمی هم کج این ایده خوبه ولی همون ثابت باشه ولی با تغییر رنگ پس زمینه البته رنگی که بهش بخوره تست کن ببین بهتر نمیشه.
فضای پرتی پایین فرمت خیلی زیاده اگه کاری باهاش نمیکنیاینو کوچیکترش کن قوس دور فرمت از پایین که دادی رو هم کم کن خیلی زیاده.
بین 3 دکمه اصلی و لیست شماره ها 2 کنترل میبینم که اگه کمی دکمه های اصلی و لیست به هم نزدیکتر بودن دیگه مشخص هم نبودن بین این دو کمی بیشتر فاصله بزار تا کنترل ها رو کاربر راحت تر ببینه یا اون بالا لیست شماره رو کمی کترش کن یا برداد که با کنترل ها ادغام نشه.
دکمه خروجت رو ببرن خیلی تخت و بی روح شده تو این نوع طراحی. تو این لینک عکس رو ببین با کمی تغییر و برداشتن بوردر یا تغییر بوردر و جابجایی قوسی که در راست داره و بردنش به چپ میتونی دکمه خوبی رو طراحی کنی و بچسبونیش به بالای فرمت. اینو با فتوشاپ 1 دقیقه ای زدم ولی با کمی صبر و حوصله میتونی دکمه بهتری رو درست کنی.

ضمیمه 144939

فعلا از نظر من چنین چیزایی میتونه بهتر کنه تا ببینیم دوستان باز چه ایده های دیگه ای دارن.

نقل قول:

---

نوشته شده توسط user18

با سلام این برنامه سادم طرحش چطور شده
ایراداش رو ممنون میشم ذکر کنید

---

سلام
دفترچه تلفن ساده زیر رو ببینید

نقل قول:

---

نوشته شده توسط user18

اما در مورد رنگ بندی این رنگ بندی رو چطور میبینیدضمیمه 144901

---

فکر کنم خوبه
فقط اگه ممکنه بگید که
از چه فونتی ؟ و از چه کامپوننتی ؟ و چه آیکون های؟ استفاده کردید.

فونت IRYekan
ایکن های فلت
کامپوننت استفاده نکردم با wpf طراحی کردم

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

تلاش شده وضعیت جاری هریک از اجزاء سیستم با نوار رنگی در ابتدای اون مشخص بشه (البته جزئیات اطلاعات و وضعیت در هر ردیف به صورت متنی درج شده)
با کلیک روی آیکن هر بخش Context Menu مربوط به همون بخش نمایش داده میشه
کنترل قابلیت Collapse/Expand برای هر آیتم و زیر مجموعه هاش رو داره و البته جزئیات زیاده و در قالب تصاویر نمیشه صرفا نشونش داد.

ضمیمه 145058
ضمیمه 145059
ضمیمه 145060
ضمیمه 145061



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

نقل قول:

---

نوشته شده توسط محمد آشتیانی

سلام
یک نمونه از داشبورد مانیتورینگ یک سیستم توزیع شده محاسباتی ، سعی شده منو ها و آیتم ها طوری چیده بشن که حداکثر فضا برای نمایش درخت اجزاء سیستم فراهم بشه
تلاش شده وضعیت جاری هریک از اجزاء سیستم با نوار رنگی در ابتدای اون مشخص بشه (البته جزئیات اطلاعات و وضعیت در هر ردیف به صورت متنی درج شده)
با کلیک روی آیکن هر بخش Context Menu مربوط به همون بخش نمایش داده میشه
کنترل قابلیت Collapse/Expand برای هر آیتم و زیر مجموعه هاش رو داره و البته جزئیات زیاده و در قالب تصاویر نمیشه صرفا نشونش داد.
.
.
البته این یک نمونه عملیاتی شده و تجاری هست ، اما خب نظراتتون قطعا در نسخ بعدی و نرم افزارهای دیگر ، باعث پیشرفت خواهد شد.

---

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

پیشنهادهایی برای ui:
1- بخش مربوط به processor details از نظر رنگ و فونت همخوانی نداره و میتونست بهتر باشه
2- همون بخش میتونه بصورت dock panel باشه و کاربر بتونه اون رو جابجا کنه و مثلا بندازه پایین فرم
3- رنگ بندی جدول و آیتم های آن با فرم همخوانی نداره. بهتره رنگ فرم رو یک مقدار به خاکستری متمایل کنید
4- یک فکری برای کپشن آبی رنگ فرم بکنید.
5- کلید های مربوط به جمع کردن ردیف ها (مثلث آبی انتهای هر ردیف) میتونه وجود نداشته باشه! یا حد اقل به یک علامت کوچکتر مثل ^ تبدیل بشه

پیشنهادهایی برای ux:
1- نوار رنگی وضعیت بخش مهمیه و میتونست بزرگتر باشه یا در طول ردیف بنحو مشخص تری قرار بگیره
2- کاربر فقط داره شرایط حال رو میبینه ولی اگر میتونست یک گراف (شبیه وضعیت پردازنده در تسک منیجیر) از فعالیت سرورها رو
بصورت تفکیک شده و با قابلیت دسته بندی موضوعی ببینه و این رو لاگ کنه بهتر میشد.
(cpu history - memory history - message history and etc)
3- درصورت زیاد شده سیستم های توضیع شده جدول بسیار گیج کننده میشه. کاش یک درخت ساده در سمت چپ بود و با کلیک روی شاخه های درخت فقط بخش کوچکی از جدول دیده میشد
4- عملیات موجود در کلیک راست رو میتونید در نوار ابزار هم بزارید و یخورده دیزاین کلیک راست رو مدرن ترش کنید.
5- از اونجایی که این نرم افزار برای مانیتوریگ و بعنوان داشبورد هست باید تمرکزتون رو روی بهبود گزارش و آلارم ها بزارید.
6- امکان مشاهده خود سیستم توضیع رو هم بصورت org.chart فراهم کنید

پ.ن.
در صورت کار با تبلت، آیا دیزاین برنامه رو برای کار با انگشت در نظر گرفته اید؟

موفق باشید

با سلام
ممنونم بابت نظرات ارزشمند شما و اینکه وقتتون صرف بررسی این کار کردید.

و اما توضیحات بنده:

بخش UI
1- فونت همخوانی داره ، فقط سایز Title بزرگتر هست که اون هم لااقل به نظر بنده موجه میتونه باشه (البته فقط یک نظر هست) ، در مورد رنگ هم فقط خواستم متفاوت باشه از سایر بخش های فرم ، بله در مورد رنگ میشه تجدید نظر کرد.
2- بله پیشنهاد خوبی به نظر میرسه
3- حقیقتا رنگ های متفاوتی رو آزمایش کردیم ، این رنگ ها ، گزینه هایی بودند که توی کار طولانی مدت چشم رو کمتر اذیت میکردن و خودمونی بگم ، کاربر حالش بهم نمیخورد :قهقهه: ، هرچند رنگ نوارها قابل تنظیم و تغییر هست.
4- اون هم بصورت تم قابل تغییر هست ، هرچند دوستش دارم.
5- بله قبول دارم

بخش UX
1- این سلیقه هست ، در عمل این حالت هم به خوبی پاسخگو هست برای نیاز کاربر ، اما بله میتونه این هم اعمال بشه و بازخوردش مشاهده بشه
2- در این سیستم این نیاز به صورت خاص وجود نداره ، البته در یکی دیگر از زیر سیستم ها بنا به نیاز اون سیستم به همین شکلی که فرمودید پیاده سازی شده.
3- اساسا پیاده سازی به این شکل به این خاطر بوده که کل سیستم در یک نگاه قابل کنترل باشه ، اگر به شکلی که شما فرمودید می شد ، به این هدف نمیتونستیم برسیم.
4- اون منو با کلیک روی آیکن هر نوار باز میشه و برای هر آیتم میتونه محتوات متفاوتی داشته باشه ، حتی برای دو پراسسور ممکنه متفاوت باشه ، به همین خاطر ترجیح این بوده که روی هر بخش منو مختص اون بخش نمایش داده بشه.
5- برای گزارشات زیر سیستم های دیگری موجود هست ، این بخش فقط مانیتورینگ وضعیت لحظه ای و مدیریت کل سیستم رو قراره انجام بده.
6- متوجه منظورتون نشدم.


این یک برنامه Desktop و سازمانی هست و میتونم بگم قرار نیست هیچوقت روی تبلت راه اندازی بشه ، به همین شکل هم روی سیستم های خیلی محدودی قراره کار کنه و کاربر اون یک فرد حرفه ای خواهد بود (البته همچین قابلیتی رو پیش بینی هم نکردیم)


با تشکر مجدد.

سلام. خیلی هم عالی!
البته بنده چون نتونستم تصاویر تمامی بخش ها رو ببینم بنابراین قضاوت کاملی نکردم و بر اساس حدس و گمان برخی موارد رو متذکر شدم.

در مورد شماره 6 از بخش ux البته بنده روش توضیع در سیستم شما رو نمیدونم و اینکه آیا مسیج های سامانه برای تحلیل به یک سرور مرکزی میرن یا نه بصورت کلاستری منتقل و سپس جمع بندی میشن؟
اگز همه به یک سرور مرکزی برن نیازی به نمودارهای سازمانی (org. chart) نیست. اما اگر سیستم انتقال و جمع بندی پیامها بصورت خوشه بندی هست میتونید از این نمودار ها برای نمایش وضعیت کلی سامانه بهره ببرید
البته در هر صورت اگر شبکه توضیع محاسبات بصورت دیاگرام دیده بشه و پردازش هر سرور بصورت گرافیکی مشاهده بشه فکر میکنم کار قشنگی هست...

باتشکر

ضمیمه 145071

با عرض سلام و خسته نباشید خدمت همه دوستان
اول اینکه بخاطر بی کیفیت بودن عکس معذرت خواهی میکنم چون برنامه تقریبا تجاری هست و هنوز به فاز عملیاتی نرسیده
این برنامه تایمر کافی نت هست که اگر خدا بخواد بعد از امتحاناتم عملیاتیش میکنم
نکته:
دوستان سعی کنید همونطور که دیگر دوستان گفتن تا اونجایی که می تونید UI و UX رو با دقت پیاده سازی کنید
تا اونجایی که می تونید نرم افزار رو یکدست و ساده بسازید چون زیبایی در سادگی و هماهنگی تمامی فرم ها با یکدیگر است

لطفاً نظرتون رو درباره عکس بگید
پیشاپیش مرسی از نظراتتون

نقل قول:

---

نوشته شده توسط danialafshari

لطفاً نظرتون رو درباره عکس بگید
پیشاپیش مرسی از نظراتتون

---

سلام
طراحی نسبتا خوبی داره :تشویق:

چند پیشنهاد:
1- بهتر بود بجای سبز کردن یک نقطه کوچک روی مانیتور، کل صفحه مانیتور سبز میشد!
ضمیمه 145093

2- قسمت پایین جدول که اطلاعات رکورد رو نمایش میدید نیاز به بهینه سازی داره. خیلی از موارد دارن تکراری نمایش داره میشن!
3- روی جانمایی کلیدهای عملیاتی بیشتر دقت کنید.
4- لزومی نمیبینم از کلید (محاسبه هزینه) استفاده بشه. تمامی موارد محاسباتی میتونه خودکار باشه و کلید ثبت در کنار کلید چاپ فاکتور هم میتونه موجود نباشه.
5- قسمت مربوط به ثبت سیستم فعال میتونه موجود نباشه و در صورت لزوم (هنگام فعال شدن هر سیستم) با فرم جداگانه ای نمایش داده بشه.
6- کاش بجای دیدن کل گزارشات سیستم، در این فرم فقط سیستم های فعال رو در جدول میدیدیم
7- اگر کافینت ما 25 تا کلاینت داشته باشه چطور میشه؟
8- عبارت (سیستم فعال است) در مانیتورها خیلی عبارت طولانی ای هست
9- یک مقدار به ایده های طراحی موبایل دقت کنید و برنامه خودتون رو ساده تر کنید

سلام
نرم افزار داره به آخرای مرحله (نمایش/ضبط) میرسه. هنوز پیاده سازی ماژول های شناسایی چهره و پلاک و تشخیص حرکت مونده.
من خوشحال میشم در رابطه با ui و ux از نظرات و ایده های شما استفاده کنم

باتشکر

نقل قول:

---

نوشته شده توسط golbafan

سلام
نرم افزار داره به آخرای مرحله (نمایش/ضبط) میرسه. هنوز پیاده سازی ماژول های شناسایی چهره و پلاک و تشخیص حرکت مونده.
من خوشحال میشم در رابطه با ui و ux از نظرات و ایده های شما استفاده کنم

باتشکر

---

عالی با دلفی یا دانت؟

نقل قول:

---

نوشته شده توسط Helpco

عالی با دلفی یا دانت؟

---

با سلام
اینترفیس نرم افزار با دلفی نوشته شده است. ماژولها به زبان سی++ و در قالب dll هستند.
برای اینترفیس از کامپوننت های devexpress کمک گرفتم

نقل قول:

---

نوشته شده توسط golbafan

با سلام
اینترفیس نرم افزار با دلفی نوشته شده است. ماژولها به زبان سی++ و در قالب dll هستند.
برای اینترفیس از کامپوننت های devexpress کمک گرفتم

---

ازdll میشه داخل دانت استفاده کرد؟
امکان اشتراک گذاری هست؟

سلام. دوستان لطفا در خصوص رنگ بندی فرم ها نظر بدند.
ضمیمه 145125

تغییرات رنگ زمانی که ماوس روی دکمه قرار می گیره
ضمیمه 145123

کادرهای پیغام در برنامه که امکان کپی گرفتن متن در حافظه هم داره
ضمیمه 145124

مشکل فعلی من انتخاب فونت هستش. در حال حاضر از B Koodak استفاده کردم ولی گمان میکنم بد خوانده میشه. اگر فونت خوب پیشنهاد بدید ممنون میشم

نقل قول:

---

نوشته شده توسط mmbguide

سلام. دوستان لطفا در خصوص رنگ بندی فرم ها نظر بدند.
ضمیمه 145125

تغییرات رنگ زمانی که ماوس روی دکمه قرار می گیره
ضمیمه 145123

کادرهای پیغام در برنامه که امکان کپی گرفتن متن در حافظه هم داره
ضمیمه 145124

مشکل فعلی من انتخاب فونت هستش. در حال حاضر از B Koodak استفاده کردم ولی گمان میکنم بد خوانده میشه. اگر فونت خوب پیشنهاد بدید ممنون میشم

---

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

اگه ممکنه به سوالات زیر پاسخ بدید:
از چه کامپوننتی استفاده کردید ؟
تکس باکس؟
رنگ بندی بالا و پایین چطور ایجاد شده؟
دکمه ها چی هستن؟
برای دکمه های close , minimaize وو.. از چه چیزیاستفاده شده؟

تمام کامپوننت ها رو خودم در محیط دات نت ساختم و از هیچ کامپوننت از پیش آماه ای استفاده نشده است. انشاالله پس از تکمیل پروژه و رفع اشکال تمام کامپوننت ها تمام اونها را در اختیار دوستان قرار می دم.

در TextBox ها ویژگی های جدید که وجود داره اینه که میتونید یک تصویر به عنوان آیکن انتخاب کنید و به عنوان آیکن در سمت چپ و یا راست داخل کادر قرار بگیره. حتی نوع ورودی رو بصورت یک Property میتونید تعیین کنید. عدد، حروف، ایمیل و...

وقتی از فرم ها استفاده میکنید ویژگی های اون در دسترس کاربر هسش تا در زمان ظراحی رنگ بندی اون رو تغییر بده. در این فرم ها امکان انتخاب یک آیکن به عنوان آیکن برنامه وجود داره که میتونه در سمت راست و یا چپ قرار بگیره و عنوان فرم رو میتونید در ویژگی جدید فرم بنویسید و در بالا مشاهده کنید که در فرم نمونه پاک کردم.

دکمه ها از نوع Button هستند که تنظیمات رنگ روی اون انجام شده.

نقل قول:

---

نوشته شده توسط danialafshari

با عرض سلام و خسته نباشید خدمت همه دوستان
اول اینکه بخاطر بی کیفیت بودن عکس معذرت خواهی میکنم چون برنامه تقریبا تجاری هست و هنوز به فاز عملیاتی نرسیده
این برنامه تایمر کافی نت هست که اگر خدا بخواد بعد از امتحاناتم عملیاتیش میکنم
نکته:
دوستان سعی کنید همونطور که دیگر دوستان گفتن تا اونجایی که می تونید UI و UX رو با دقت پیاده سازی کنید
تا اونجایی که می تونید نرم افزار رو یکدست و ساده بسازید چون زیبایی در سادگی و هماهنگی تمامی فرم ها با یکدیگر است

لطفاً نظرتون رو درباره عکس بگید
پیشاپیش مرسی از نظراتتون

---

شما که استاد مایی
طرحت خوب و قشنگه من که پسندیدم

سلام دوستان؛ عکس هایی از محیط برنامه ام که بدون هیچگونه کامپوننت آماده ایی ساختم میزارم ؛منتظر پیشنهادات و انتقاداتون صمیمانه و با آغوش باز هستم:چشمک:



http://s8.picofile.com/file/82941583...dabirkhane.png


http://s9.picofile.com/file/8294158350/frmdashboard.png


http://s9.picofile.com/file/8294158400/frmkartable.png


http://s9.picofile.com/file/8294158426/frmLogin.png
http://s8.picofile.com/file/8294158676/frmlow.png
http://s9.picofile.com/file/8294158726/frmmain.png
http://s8.picofile.com/file/8294158750/frmphonebook.png

http://s9.picofile.com/file/82941587...rypersonel.png
http://s8.picofile.com/file/8294158800/frmrequsting.png
http://s9.picofile.com/file/82941588...savehadese.png
http://s8.picofile.com/file/82941588...savetebkar.png
http://s9.picofile.com/file/8294158876/frmsetting.png

نقل قول:

---

نوشته شده توسط حسین.کاظمی

سلام دوستان؛ عکس هایی از محیط برنامه ام که بدون هیچگونه کامپوننت آماده ایی ساختم میزارم ؛منتظر پیشنهادات و انتقاداتون صمیمانه و با آغوش باز هستم:چشمک:

http://Trainbit.com/files/1560242884/frmLogin.png

http://trainbit.com/files/0560242884/frmmain.png

http://trainbit.com/files/9560242884/frmdabirkhane.png

http://trainbit.com/files/4560242884/frmdashboard.png

http://trainbit.com/files/9060242884/frmrequsting.png
http://trainbit.com/files/3560242884/frmkartable.png

http://trainbit.com/files/6560242884/frmsetting.png

http://trainbit.com/files/6060242884...rypersonel.png

---

عکس هات باز نمیشن . یه جا دیگه آپلود کن !

ببخشید
جایی دیگه آپلود کردم!!!!

نقل قول:

---

نوشته شده توسط حسین.کاظمی

سلام دوستان؛ عکس هایی از محیط برنامه ام که بدون هیچگونه کامپوننت آماده ایی ساختم میزارم ؛منتظر پیشنهادات و انتقاداتون صمیمانه و با آغوش باز هستم:چشمک:

---

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

خب حالا طراحی حسین آقای کاظمی:
با توجه به این که از کامپوننت ها استفاده نشده معلومه خیلی بابتش زحمت کشیده شده. برنامه بزرگی باید باشه!
بنظر میرسه سرعت بالایی در رندر GUI داره و همین خودش نکته مثبت در UX هست.

چند تا پیشنهاد به نظرم رسید که بگم:
1- اگر سمت طراحی فلت میرید باید خیلی روی مبحث رنگ دقت کنید. حتما از رنگ های پالت متریال دیدن کنید. ترکیب رنگ ها ، تون رنگ و کنتراست رو با دقت انتخاب کنید.
https://www.materialpalette.com

2- سعی کنید تا جای امکان فرم ها رو خلوت کنید.

3- از آیکون های رنگی استفاده کنید. آیکون های همرنگ و یکنواخت جالب نیست.
https://icons8.com/c/flat-color-icons

4- نسبت به جانمایی کنترل ها و ایجاد تقارن هم دقت کنید


پ.ن.
تعداد زیادی از فرم هاتون رو گزاشتید که هرکدوم یک پست جداگانه رو میطلبه. امیدوارم سایر دوستان هم با ارسال نظر کمک کنند

نقل قول:

---

نوشته شده توسط Helpco

ازdll میشه داخل دانت استفاده کرد؟
امکان اشتراک گذاری هست؟

---

بله اما نیاز به نوشتن wrapper برای دات.نت داره

نقل قول:

---

نوشته شده توسط golbafan

بله اما نیاز به نوشتن wrapper برای دات.نت داره

---

کی منتظر باشم برای دریافت

نقل قول:

---

نوشته شده توسط golbafan

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

خب حالا طراحی حسین آقای کاظمی:
با توجه به این که از کامپوننت ها استفاده نشده معلومه خیلی بابتش زحمت کشیده شده. برنامه بزرگی باید باشه!
بنظر میرسه سرعت بالایی در رندر GUI داره و همین خودش نکته مثبت در UX هست.

چند تا پیشنهاد به نظرم رسید که بگم:
1- اگر سمت طراحی فلت میرید باید خیلی روی مبحث رنگ دقت کنید. حتما از رنگ های پالت متریال دیدن کنید. ترکیب رنگ ها ، تون رنگ و کنتراست رو با دقت انتخاب کنید.
https://www.materialpalette.com

2- سعی کنید تا جای امکان فرم ها رو خلوت کنید.

3- از آیکون های رنگی استفاده کنید. آیکون های همرنگ و یکنواخت جالب نیست.
https://icons8.com/c/flat-color-icons

4- نسبت به جانمایی کنترل ها و ایجاد تقارن هم دقت کنید


پ.ن.
تعداد زیادی از فرم هاتون رو گزاشتید که هرکدوم یک پست جداگانه رو میطلبه. امیدوارم سایر دوستان هم با ارسال نظر کمک کنند

---

ممنون از پاسخ صادقانتون......

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

ممنون از همگی

سلام
با توجه به تصویری که ارسال کردم میتونید جاهایی رو که تقارن (یعنی مکان کنترل ها، سایز مساوی، فاصله مساوی از همدیگر، تراز بودن نوشتارها و ...) رعایت نشده پیدا کنید.
این در مورد سایر تصاویر هم صدق میکنه

ضمیمه 145242

نمونه دوم از عدم رعایت تقارن: (لطفا به خطکشی هایی که در این پستها میزارم بصورت تک به تک دقت کنید)

ضمیمه 145243

اینجا فکر کنم اصلا توجه نکردید

ضمیمه 145245

توجه کنید به طراحی جداول

ضمیمه 145246

اینجا فرم خیلی نامرتب و نا متقارن شده:

ضمیمه 145247

مواردی رو که خدمتتون گفتم رو اصلاح کنید و تمامی متن ها رو راست چین کنید. (همچنین رادیوکنترل های فرم ثبت معرفی نامه)

نقل قول:

---

نوشته شده توسط golbafan

مواردی رو که خدمتتون گفتم رو اصلاح کنید و تمامی متن ها رو راست چین کنید. (همچنین رادیوکنترل های فرم ثبت معرفی نامه)

---

خیلی خیلی خیلی ممنونم ازتون ، چقدر مشکل داشتم فک کنم نمره 10هم به زور بگیرم با این اوصاف:لبخند::لبخند:
چشم استاد اصلاحشون میکنم حتما حتما

اینم چند تا نمونه از من
چند تای آخر برنامه تحت داس هستش به زبان کیو بیسیک مربوط به حدود 17 سال پیش و جالبه که الان بعد از این همه مدت اینترفیبس رایج برنامه ها داره به همون زمان داس برمیگرده (مقایسه اینترفیس مترو ویندوز 8 و 10 با داس)

جناب vbhamed در تصویر دوم و در ستون نام خانوادگی از چه فونتی استفاده کردید؟

سلام
فونت ایران رو جستجو کنید

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

سلام من برای دانش اموزام میخام یه برنامه حضور غیاب طراحی کنم که هر روز که میرم سر کلاس اوهارو حضور غیاب کنم، اگر ممکنه طرح های ui خودتون رو قرار بدید یا یه کانسپتی چیزی بزارید میخام عملیات حضورغیاب خیلی سریع انجام بشه ینی رابط کاربری جوری باشه سرعت کارکردن رو بهمراه داشته باشه

یاد نرم افزارهای تحت داس بخیر(این تصاویر رو از نت پیدا کردم)

ضمیمه 145312
ضمیمه 145313
ضمیمه 145314

زمانی که فرم حاشیه نداره و خودمون برای فرم تایتل درست کردیم چطوری فرم رو در زمان اجرا جابجا کنیم یعنی درگ کنیم؟

سلام
به کمک توابع api

    ReleaseCapture

    SendMessage obj.hwnd, &HA1, 2, 0&

نقل قول:

---

نوشته شده توسط vbhamed

سلام
به کمک توابع api

    ReleaseCapture

    SendMessage obj.hwnd, &HA1, 2, 0&

---

میشه بیشتر توضیح بدین؟
من یم لیبل بالای فرم دارم که داکتش تاپ هست می خوام وقتی کاربر روی اون کلیک کرد بتونه فرم رو جابجا کنه نه روی هر جای فرم چون الا دارم اینکار رو با کد زیر انجام می دم دقیقا مثل فرم های پیش

 protected override void OnMouseDown(MouseEventArgs e)



        {

            base.OnMouseDown(e);

            if (e.Button == MouseButtons.Left)

            {

                this.Capture = false;

                Message msg = Message.Create(this.Handle, 0XA1, new IntPtr(2), IntPtr.Zero);

                this.WndProc(ref msg);

            }

        }

فرض

سلام
خب شما چک کن هر موقع ماوس روی اون لیبل کلیک کرد بعد توابع فوق رو فراخونی کن

نقل قول:

---

نوشته شده توسط vbhamed

سلام
خب شما چک کن هر موقع ماوس روی اون لیبل کلیک کرد بعد توابع فوق رو فراخونی کن

---

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

سلام
شرمنده، ظاهرا کد شما سی شارپ هستش و منم سی شارپ کار نمیکنم

نقل قول:

---

نوشته شده توسط hamix666

زمانی که فرم حاشیه نداره و خودمون برای فرم تایتل درست کردیم چطوری فرم رو در زمان اجرا جابجا کنیم یعنی درگ کنیم؟

---

سلام به شما دوست عزیز

نمیدونم شما جای مناسبی سوال نکردید یا اینکه من هم جای نامناسبی دارم جوابت را میدم ولی بهرحال ؛ابتدا شما این کد را در قسمتی که ذکر کردم بنویسید

 public partial class frm : Form

    {

        ////////[DllImport("user32.dll")]

        ////////static extern int ReleaseCapture();

        ////////[DllImport("user32.dll", EntryPoint = "SendMessageA")]

        ////////static extern int SendMessage(int hwnd, int wMsg, int wParam, object lParam);

        ////////private const int WM_NCLBUTTONDOWN = 161;

خب بعدش در رویدادmouseDown فرمت این کدرا بنویسید

 private void frm_MouseDown(object sender, MouseEventArgs e)

        {

            //try

            //{

            //    this.Cursor = Cursors.NoMove2D;

            //    ReleaseCapture();

            //    SendMessage(this.Handle.ToInt32(), WM_NCLBUTTONDOWN, 2, 0);

            //    this.Cursor = Cursors.Default;

            //}

            //catch { }

        }

موفق باشید:لبخند:

سلام اگر نظری دارید ممنون میشم بشنوم.http://file.soft98.ir/uploads/mahdi7...Untitled12.pnghttp://file.soft98.ir/uploads/mahdi7...-Untitled3.png
http://file.soft98.ir/uploads/mahdi7...-Untitled1.png

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

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

http://web.cs.wpi.edu/~matt/courses/...nt_design.html
https://careerfoundry.com/en/blog/ui...a-ui-designer/
http://www.usabilitypost.com/2008/08...-in-ui-design/

رادیو و mp3 استریم:

https://raw.githubusercontent.com/c0...apshots/s1.PNG

https://raw.githubusercontent.com/c0...apshots/s2.PNG

دیدئو از نحوه عملکرد: آپارات

فایل سورس رو در تاپیک مربوط به برنامه های کوچک قرار دادم.

نقل قول:

---

نوشته شده توسط c0mmander

رادیو و mp3 استریم:

https://raw.githubusercontent.com/c0...apshots/s1.PNG

https://raw.githubusercontent.com/c0...apshots/s2.PNG

دیدئو از نحوه عملکرد: آپارات

فایل سورس رو در تاپیک مربوط به برنامه های کوچک قرار دادم.

---

بسیار زیباست. آفرین :تشویق:
همه چی از نظر UI مناسبه. رنگ بندی، طراحی و ...

شاید اگر فاصله کنترل ها و لینک ها یکم بیشتر بشه تا برای کار با انگشت راحت تر باشه ، بشه همین رو مستقیما روی موبایل هم پیاده کرد