طراحی رابط کاربری - UserInterface
سلام به همه ...
هدف از این تاپیک :
گفتگو پیرامون طراحی ظاهر برنامه ها و رابط کاربری است ، بصورتی که برای کاربر جذاب باشه (خسته کننده نباشه)
در عین حال کار با برنامه بسیار آسان و راحت باشه !
امیدوارم دوستان نظرات سازنده و قابل قبولی داشته باشن :)
از قدیم هم گفتن هر سری یه فکری داره --> و از ترکیب درست این افکار و نظرات میشه یه طرح اصولی ، قابل قبول و ایده آل (برای عموم) استخراج کرد .
با تشکر : ghasem110deh
آخرین ویرایش به وسیله ghasem110deh : پنج شنبه 30 اردیبهشت 1395 در 19:31 عصر دلیل: لینک معرفی محصول در آپارات
جالب و زیباست
فرمت رو با چی ساختی ؟
خیلی خوب , زیبا و کاربرپسند هست. موفق باشید
به نظرم از کامپوننت خاصی استفاده کردید درسته؟ منم قبلا از کامپوننت ها تو طراحی فرم هام استفاده میکردم ولی با تغییر ورژن دات نت و نصب ویژوال با ورژن بالاتر به مشکل برمی خوردم
باید کامپوننت در ورژن بالاتر هم ارائه شه
و با یه سری مشکلات از جمله عدم انطباق با رزولوشن سیستم مواجه بودم (از dock کردن کنترل ها استفاده میکردم ولی باز هم یه جاهایی مشکل داشتم) و خیلی جاها مجبور بودم با فتوشاپ افکت هایی که دوست دارم رو با ساخت یک تصویر اجرا کنم
کلا به نظرم اگه به رابط کاربری اهمیت ویژه ای میدیم باید بریم سراغ wpf
سلاماز کامپونت استفاده کردید ؟ مثلا این TextBox ها رو چه طوری این شکلی درست کردید ؟
سلام
ظاهراً این دوست عزیز از کامپوننت های جانوس در برنامه ی خودشون استفاده کردند که کار با این کامپوننت ها بسیار روان و آسان هستش و از لحاظ Load شدن هم سرعت خوبی داره ولی متاسفانه نسبت به سایر کامپوننت ها ابزار کمی دارد. در هرصورت کامپوننت های مشابه و با کیفیت عملکردی و ظاهری خیلی بهتری هم وجود داره که بطور رایگان در سایت ها قرار داده شده اند.
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)
سلامنوشته شده توسط ghasem110deh
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده که آخرین نسخه اون رو می تونید از سایت downloadly.ir رایگان دریافت کنید که امکانات بسیار خوبی هم برای شروع کار به شما میده. ضمناً Sample های زیادی هم براش قرارداده شده که پس از نصب بصورت offline روی سیستم شما در دسترس تون قرار خواهد گرفت.
سلام ،
یه چیزی که تو تصاویرت معلوم نبود که هست یا نیست !
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کنارزش کارت بیشتر میشه
علیک سلام ، ساعت که نه ! ولی تاریخ رو تو فرم اصلی (پایین سمت چپ) گذاشتم .سلام ،
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن
و سلام به شماسلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده
ترجیح میدم از کامپوننت استفاده نکنم ، و به شما هم همین توصیه رو میکنم !
حالا یه دکمه عیب نداره ولی واسه طراحی قالب اصلی فرم درست نیست ؛ اولین عیبش هم راحت الحلقوم بودنش هست ، که دیگه دنبال طراحی شخصی نمیریم !
استیمول هم چون تو گزارش گیری استفاده میکنم ، گفتم دو تا کنترل هم روش :) ... میخوام یه تکست باکس مثل همین درست کنم (dll) ، آماده شد همینجا میزارم !
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
الان مثلا اون نوار بالا (Panel) رو اینجوری کنم بهتر نیست ؟
(عکس ضمیمه)
گرافیکش خوبه اما یخورده سرد و بی روحه
سلام ghasem110deh جان
طراحی خوبی کردی به خصوص در انتخاب رنگ فرم ها ولی نوع زراحی منو با رنگش تو ذل برو نیست.
مساله بعدی چرا برناامه رو به سبک قدیمی فرم رو فرم طراحی کردی به نظر خودت با Tab کار میکردی و کاربر همزمان هم بتونه چندتا کار انجام بده مثلا داره فاکنور میزنه وسط فاکتور زدن مدیر میاد میگه همین الان گزارش کل انبار رو میخوام با این کار کاربر باید فرم رو ببنده بره دنبال گزارش بعد بیاد از اول ولی با سیستم تب بندی کردن کافیه گزارش خودشو کلیلک کنه که تو یه تب دیگه باز بشه.
در مورد کامپوننت ها باید بگم به نظر استفاده نکردن از امکانات کامپوننت ها اشتباه بعضی از امکانات هستن که در برنامه الزامی هستن مثلا شما برای گرید برید گرید های devexpress رو ببینید امکاناتی که داره از سرعت برنامه کم نمی کنه هیچ با امکانات این کامپوننت خیلی تو سرعت و زیبایی برنامه تاثیر داره.
سلام
درود بر شما.
در زیبایی و کاربردی بودن کامپوننت های دوو اکسپرس کوچکترین شکی نیست و البته برای استفاده بسیار آسان و کاربردی استفاده از کامپوننت های دوو اکسپرس من خودم فیلمهای آمورشی استفاده از کامپوننت های Devexpress به زبان فارسی رو رایگان دانلود کردم و با دیدن فیلمها نه تنها نکات ریز و درشت آموزشی بسیار مفیدی در سی شارپ رو یاد گرفتم بلکه استفاده از این کامپوننت ها رو در پروژه های خودم بخوبی مسلط شدم و تا الان 4 تا نرم افزار باهاشون نوشتم که هم خودم و هم کاربرهام از گرافیک+ سرعت لود بالا + زیبایی نرم افزارهام با کمترین استفاده از منابع سیستمی لذت می بریم.
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام
چیکار کنم که زنده باشه !؟گرافیکش خوبه اما یخورده سرد و بی روحه
دقیقا حرکت اشتباهی بود ... تو ورژن بعدیش (یا برنامه های مشابه) قطعا تجمیع فرم رو رعایت می کنم !سبک قدیمی فرم رو فرم طراحی کردی ... گرید های devexpress رو ببینید
اصلا با استفاده از کامپوننت حال نمیکنم !؟
الان واسه گریدویو حالت high light هم گذاشتم (با کدنویسی) قشنگ شده ولی مث کامپوننت های معروف نیست !
یه سری تغییرات دادم بش ...
اول این که به توصیه چند نفر (برنامه نویس) از حالت Mdi خارجش کردم !
منوی کرکره ای قرار دادم (کامپوننت نیست !)
ممنون از نظرات (امیدوارم فروش بره)
راستی تو یکی ، دوتا از برنامه های خارجی (چه واسه فروش و چه فری) دیدم تو همون فرم اصلی برنامه هم یه سری از کارها رو انجام میدادن (بیشتر خروجی و نمودار)
من خوشم اومد ... همین پروژه رو میخوام تست کنم (خروجی هایی رو روی فرم اصلی واسه نمایش بزارم)
.
.
.
در این مورد نظرتون چیه !؟
فکر کنم منظور شما داشبورد باشه که برای هر برنامه ای عموما نمی ذارن عموما برای یه برنامه خاص یا برنامه ای که این گزارشاتی که در داشبورد خودش میده اطلاعاتش از برنامه دیگه ای میاد.
به طور مثال نرم افزار های مالی در یه شرکت بزرگ بیشتر کارمندا باهاش کار دارند برای همین بعضی شرکت ها برای مدیران شرکت یه برناه دیگه هم میدن به وسیله اون بتونن گزارشات خودشون رو ببینن که به داشبورد مدیریتی معروف شده.
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصویرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده
آخرین ویرایش به وسیله abdullah20 : جمعه 30 مرداد 1394 در 22:44 عصر
اتفاقا هدفم از زدن این تاپیک همینه !
بنظر خودم (اگه قرار باشه یه نرم افزار رو بعنوان مشتری بخرم) حاضرم پول بیشتر بدم ولی گرافیکش بالاتر باشه ! (منظورم ظاهر و جذابیت طراحیه)
یکی از برنامه های "معروف" حسابداری ، کارش خوبه ولی من شخصا حالم از طراحی UI بهم می خوره ... از بس بی سلیقه بودن !
.
.
این که بدونیم به چه چیزایی تو طراحی توجه کنیم ؟
از چه رنگهایی یا ترکیب چه رنگهایی استفاده کنمی (به فکر چشم کاربرا هم باشیم)
انتخاب رو (از لحاظ طراحی ظاهری تو دو تا برنامه مشابه) به سمت برنامه خودمون بکشونیم و ...
به داشبورد مدیریتی معروف شده.
درسته !
توی طراحی سایت (بیمارستانی و شرکتی) بیشتر استفاده میشه ، گفتم استفاده کنم (تو برنامه ویندوزی) شاید جواب داد
بجای منوی کاربرد هم کلمه "داشبورد" رو نوشتم ... خیلی ضایع بود (یاد داشبورد پیکان جوانان افتادم)
واقعا عالی
10
الان نرم افزارهای مالی هم همین کار رو انچام میدن اونم تحت winForm البته با استفاده از کنترل کامپوننت های devexpress و telerik. اتفاقا قشنگ هم شده هم برای جذب مشتری عالیه.
راستی پیکان جوانان مگه چشه اونم رنگ گوجه ای
تنظیمات
2.jpg
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه
سلام
دگمه های استفاده شده خیلی ناجور هستند و سایز نوشته های سمت راست دگمه هم زیاد هست اندکی کم کن
روی ریزه کاری بیشتر کار کن ، اتفاقا چند وقت پیش یک برنامه office web code 2013 نوشتم و به محصولات مایکرسافت اضافه کردم ، اونم تو همین مایعه ها هست.
قشنگه :X
منوی ایمیل ها:
4.jpg
آخرین ویرایش به وسیله golbafan : پنج شنبه 31 اردیبهشت 1394 در 10:18 صبح
یکی از نرم افزارامو میزارم ایده بگیری:
1.jpg
سلام golbafan جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.
البته این عکس مال بعد از لاگینه
برای قضیه دیتابیس: از اونجایی که این برنامه میتونه با بیشتر دیتابیس های رایج کار کنه چک کردن همه به صلاح نیست چون شاید اصلا نصب نشده باشه یا اینکه کار بر بخواد به هر دلیلی دیتابیس دومی هم داشته باشه
این برنامه میتونه با mysql sqlserver sqlite access postgresql oracle و غیره کار کنه...
اگر منوی تنظیمات نگاه کنید به توضیحات تنظیم دیتابیس متوجه میشید
گرافیک عالیی داره ولی اون باتون ورود چرا ساده درستش کردی اونم با پروژه ست میکردی جالب بود
ایده از چی بگیریم؟
این خودش کپی شده از BackStage برنامه آفیس هستش
بسیار جذاب و زیبا
بر عکس فرمهای من که شبه ویندوزی هستن :(
.
.
.
WPF درسته !؟ باید حرکت کنم به سمت wpf :)
نه کاملا با دلفی نوشته شده !
5.jpg
آخرین ویرایش به وسیله golbafan : پنج شنبه 31 اردیبهشت 1394 در 10:50 صبح
شما نسبت به طراحی های قبلی پیشرفت داشتین و توی مسیر درست هستین. با توجه به نوع نرم افزار، طراحی شما مناسب هست و برخلاف نظر بعضی از کاربرها نیاز نیست بیش از این به اصطلاح زیبایی و یا Effect بهش بدین، بهتره زمانتون رو در جهت دیگه ای مصرف کنید. طراحی های آنچنانی نه تنها در حوضه نرم افزارهای مالی-اداری تا حدی جلف هستن، بلکه اگه غیر قابل تغییر توسط مشتری باشن فقط اولش جذابن و بعد از مدتی بسیار خسته کننده میشن. البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
از زیبایی که بگذریم ، منظور از
چیه ؟البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
اینکه تعداد فرم ها کمتر بشه (با تجمیع)
یا ... ؟
اینم تصویرش:1.jpg
آخرین ویرایش به وسیله golbafan : شنبه 02 خرداد 1394 در 21:15 عصر
دوستان خوشحال میشم نظرتونو راجع به محیط این برنامم بدونم
Untitled2.jpgUntitled3.jpgUntitled.jpg
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن
اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد
من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم
با تشکر از آقای گلبافان عزیز ،
دقیقا باید تو طراحی دنبال همینه ریزه کاری ها باشیم ! نکاتی که ایشون گفتن کاملا درسته (اما وقتی که گفتن)
قبل از اون (بشخصه) به این نکات توجه نکردم ...
این پرووژه تقریبا تموم دیگه ! (با همین ظاهر)
پروژه بعدی (ان شاالله) یه Inventory Management & billing هستش ... اول در مورد طراحی و ظاهر فرم ها و سهولت کار میخوام کار کنم (UI) ؛ بعد که به نتیجه رسیدم برم سراغ اصل کار !
نظرتون چیه (شاید درست نباشه ، اما دلیلش اینه که کدنویسی رو از قبل میدونم باس چیکار کنم --> در واقع همون روش قبلی رو پیاده میکنم با کمی تغییرات)
.
.
.
تو این زمینه کسی اگه نظری داره عنوان کنه :)
متشکرم !
سلام نکات جالبی بود
خوشحال میشم زودتر نمونه برنامتونو ببینم
ممنون
این برنامه مال سال 91 بود برای یک آموزشگاه:
این نرم افزار آزمونهای چندگزینه ای تولید میکنه و آزمون بطور آنلاین انجام میگیره
درنهایت نتایج داخل این برنامه میاد و تحلیل میشه و کارنامه آنلاین صادر میشه
البته شخصا با گرافیکش حال نمیکنم ولی گاهی باید سلیقه کارفرما رو در نظر گرفت
بهر حال این رو برای نمایش اصول استفاده از کاشی ها tile menu براتون گزاشتم
منوی اصلی:
11.jpg
یکی از فرمها که وقتی باز میشه بصورت انیمیشن از راست به چپ باز میشه
22.jpg
آخرین ویرایش به وسیله golbafan : شنبه 02 خرداد 1394 در 21:29 عصر
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول
