طراحی رابط کاربری - UserInterface
سلام به همه ...
هدف از این تاپیک :
گفتگو پیرامون طراحی ظاهر برنامه ها و رابط کاربری است ، بصورتی که برای کاربر جذاب باشه (خسته کننده نباشه)
در عین حال کار با برنامه بسیار آسان و راحت باشه !
امیدوارم دوستان نظرات سازنده و قابل قبولی داشته باشن :)
از قدیم هم گفتن هر سری یه فکری داره --> و از ترکیب درست این افکار و نظرات میشه یه طرح اصولی ، قابل قبول و ایده آل (برای عموم) استخراج کرد .
با تشکر : ghasem110deh
آخرین ویرایش به وسیله ghasem110deh : پنج شنبه 30 اردیبهشت 1395 در 19:31 عصر دلیل: لینک معرفی محصول در آپارات
جالب و زیباست
فرمت رو با چی ساختی ؟
خیلی خوب , زیبا و کاربرپسند هست. موفق باشید
به نظرم از کامپوننت خاصی استفاده کردید درسته؟ منم قبلا از کامپوننت ها تو طراحی فرم هام استفاده میکردم ولی با تغییر ورژن دات نت و نصب ویژوال با ورژن بالاتر به مشکل برمی خوردم
باید کامپوننت در ورژن بالاتر هم ارائه شه
و با یه سری مشکلات از جمله عدم انطباق با رزولوشن سیستم مواجه بودم (از dock کردن کنترل ها استفاده میکردم ولی باز هم یه جاهایی مشکل داشتم) و خیلی جاها مجبور بودم با فتوشاپ افکت هایی که دوست دارم رو با ساخت یک تصویر اجرا کنم
کلا به نظرم اگه به رابط کاربری اهمیت ویژه ای میدیم باید بریم سراغ wpf
سلاماز کامپونت استفاده کردید ؟ مثلا این TextBox ها رو چه طوری این شکلی درست کردید ؟
سلام
ظاهراً این دوست عزیز از کامپوننت های جانوس در برنامه ی خودشون استفاده کردند که کار با این کامپوننت ها بسیار روان و آسان هستش و از لحاظ Load شدن هم سرعت خوبی داره ولی متاسفانه نسبت به سایر کامپوننت ها ابزار کمی دارد. در هرصورت کامپوننت های مشابه و با کیفیت عملکردی و ظاهری خیلی بهتری هم وجود داره که بطور رایگان در سایت ها قرار داده شده اند.
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)
سلام ،
یه چیزی که تو تصاویرت معلوم نبود که هست یا نیست !
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کنارزش کارت بیشتر میشه
سلامنوشته شده توسط ghasem110deh
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده که آخرین نسخه اون رو می تونید از سایت downloadly.ir رایگان دریافت کنید که امکانات بسیار خوبی هم برای شروع کار به شما میده. ضمناً Sample های زیادی هم براش قرارداده شده که پس از نصب بصورت offline روی سیستم شما در دسترس تون قرار خواهد گرفت.
علیک سلام ، ساعت که نه ! ولی تاریخ رو تو فرم اصلی (پایین سمت چپ) گذاشتم .سلام ،
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن
و سلام به شماسلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده
ترجیح میدم از کامپوننت استفاده نکنم ، و به شما هم همین توصیه رو میکنم !
حالا یه دکمه عیب نداره ولی واسه طراحی قالب اصلی فرم درست نیست ؛ اولین عیبش هم راحت الحلقوم بودنش هست ، که دیگه دنبال طراحی شخصی نمیریم !
استیمول هم چون تو گزارش گیری استفاده میکنم ، گفتم دو تا کنترل هم روش :) ... میخوام یه تکست باکس مثل همین درست کنم (dll) ، آماده شد همینجا میزارم !
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
الان مثلا اون نوار بالا (Panel) رو اینجوری کنم بهتر نیست ؟
(عکس ضمیمه)
گرافیکش خوبه اما یخورده سرد و بی روحه
سلام ghasem110deh جان
طراحی خوبی کردی به خصوص در انتخاب رنگ فرم ها ولی نوع زراحی منو با رنگش تو ذل برو نیست.
مساله بعدی چرا برناامه رو به سبک قدیمی فرم رو فرم طراحی کردی به نظر خودت با Tab کار میکردی و کاربر همزمان هم بتونه چندتا کار انجام بده مثلا داره فاکنور میزنه وسط فاکتور زدن مدیر میاد میگه همین الان گزارش کل انبار رو میخوام با این کار کاربر باید فرم رو ببنده بره دنبال گزارش بعد بیاد از اول ولی با سیستم تب بندی کردن کافیه گزارش خودشو کلیلک کنه که تو یه تب دیگه باز بشه.
در مورد کامپوننت ها باید بگم به نظر استفاده نکردن از امکانات کامپوننت ها اشتباه بعضی از امکانات هستن که در برنامه الزامی هستن مثلا شما برای گرید برید گرید های devexpress رو ببینید امکاناتی که داره از سرعت برنامه کم نمی کنه هیچ با امکانات این کامپوننت خیلی تو سرعت و زیبایی برنامه تاثیر داره.
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام
چیکار کنم که زنده باشه !؟گرافیکش خوبه اما یخورده سرد و بی روحه
دقیقا حرکت اشتباهی بود ... تو ورژن بعدیش (یا برنامه های مشابه) قطعا تجمیع فرم رو رعایت می کنم !سبک قدیمی فرم رو فرم طراحی کردی ... گرید های devexpress رو ببینید
اصلا با استفاده از کامپوننت حال نمیکنم !؟
الان واسه گریدویو حالت high light هم گذاشتم (با کدنویسی) قشنگ شده ولی مث کامپوننت های معروف نیست !
یه سری تغییرات دادم بش ...
اول این که به توصیه چند نفر (برنامه نویس) از حالت Mdi خارجش کردم !
منوی کرکره ای قرار دادم (کامپوننت نیست !)
ممنون از نظرات (امیدوارم فروش بره)
راستی تو یکی ، دوتا از برنامه های خارجی (چه واسه فروش و چه فری) دیدم تو همون فرم اصلی برنامه هم یه سری از کارها رو انجام میدادن (بیشتر خروجی و نمودار)
من خوشم اومد ... همین پروژه رو میخوام تست کنم (خروجی هایی رو روی فرم اصلی واسه نمایش بزارم)
.
.
.
در این مورد نظرتون چیه !؟
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصویرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده
آخرین ویرایش به وسیله abdullah20 : جمعه 30 مرداد 1394 در 22:44 عصر
فکر کنم منظور شما داشبورد باشه که برای هر برنامه ای عموما نمی ذارن عموما برای یه برنامه خاص یا برنامه ای که این گزارشاتی که در داشبورد خودش میده اطلاعاتش از برنامه دیگه ای میاد.
به طور مثال نرم افزار های مالی در یه شرکت بزرگ بیشتر کارمندا باهاش کار دارند برای همین بعضی شرکت ها برای مدیران شرکت یه برناه دیگه هم میدن به وسیله اون بتونن گزارشات خودشون رو ببینن که به داشبورد مدیریتی معروف شده.
اتفاقا هدفم از زدن این تاپیک همینه !
بنظر خودم (اگه قرار باشه یه نرم افزار رو بعنوان مشتری بخرم) حاضرم پول بیشتر بدم ولی گرافیکش بالاتر باشه ! (منظورم ظاهر و جذابیت طراحیه)
یکی از برنامه های "معروف" حسابداری ، کارش خوبه ولی من شخصا حالم از طراحی UI بهم می خوره ... از بس بی سلیقه بودن !
.
.
این که بدونیم به چه چیزایی تو طراحی توجه کنیم ؟
از چه رنگهایی یا ترکیب چه رنگهایی استفاده کنمی (به فکر چشم کاربرا هم باشیم)
انتخاب رو (از لحاظ طراحی ظاهری تو دو تا برنامه مشابه) به سمت برنامه خودمون بکشونیم و ...
به داشبورد مدیریتی معروف شده.
درسته !
توی طراحی سایت (بیمارستانی و شرکتی) بیشتر استفاده میشه ، گفتم استفاده کنم (تو برنامه ویندوزی) شاید جواب داد
بجای منوی کاربرد هم کلمه "داشبورد" رو نوشتم ... خیلی ضایع بود (یاد داشبورد پیکان جوانان افتادم)
واقعا عالی
10
الان نرم افزارهای مالی هم همین کار رو انچام میدن اونم تحت winForm البته با استفاده از کنترل کامپوننت های devexpress و telerik. اتفاقا قشنگ هم شده هم برای جذب مشتری عالیه.
راستی پیکان جوانان مگه چشه اونم رنگ گوجه ای
یکی از نرم افزارامو میزارم ایده بگیری:
1.jpg
تنظیمات
2.jpg
منوی ایمیل ها:
4.jpg
آخرین ویرایش به وسیله golbafan : پنج شنبه 31 اردیبهشت 1394 در 10:18 صبح
بسیار جذاب و زیبا
بر عکس فرمهای من که شبه ویندوزی هستن :(
.
.
.
WPF درسته !؟ باید حرکت کنم به سمت wpf :)
نه کاملا با دلفی نوشته شده !
5.jpg
آخرین ویرایش به وسیله golbafan : پنج شنبه 31 اردیبهشت 1394 در 10:50 صبح
سلام golbafan جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.
شما نسبت به طراحی های قبلی پیشرفت داشتین و توی مسیر درست هستین. با توجه به نوع نرم افزار، طراحی شما مناسب هست و برخلاف نظر بعضی از کاربرها نیاز نیست بیش از این به اصطلاح زیبایی و یا Effect بهش بدین، بهتره زمانتون رو در جهت دیگه ای مصرف کنید. طراحی های آنچنانی نه تنها در حوضه نرم افزارهای مالی-اداری تا حدی جلف هستن، بلکه اگه غیر قابل تغییر توسط مشتری باشن فقط اولش جذابن و بعد از مدتی بسیار خسته کننده میشن. البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
از زیبایی که بگذریم ، منظور از
چیه ؟البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
اینکه تعداد فرم ها کمتر بشه (با تجمیع)
یا ... ؟
البته این عکس مال بعد از لاگینه
برای قضیه دیتابیس: از اونجایی که این برنامه میتونه با بیشتر دیتابیس های رایج کار کنه چک کردن همه به صلاح نیست چون شاید اصلا نصب نشده باشه یا اینکه کار بر بخواد به هر دلیلی دیتابیس دومی هم داشته باشه
این برنامه میتونه با mysql sqlserver sqlite access postgresql oracle و غیره کار کنه...
اگر منوی تنظیمات نگاه کنید به توضیحات تنظیم دیتابیس متوجه میشید
اینم تصویرش:1.jpg
آخرین ویرایش به وسیله golbafan : شنبه 02 خرداد 1394 در 21:15 عصر
دوستان خوشحال میشم نظرتونو راجع به محیط این برنامم بدونم
Untitled2.jpgUntitled3.jpgUntitled.jpg
قشنگه ... طرح هم که بروزه !
از کامپوننت یا چیزی استفاده کردین ؟
اگه کاربر بتون گاهی رنگ پس زمینه رو عوض کنه خوب میشه (به نظر من)
.
.
.
دوستان در مورد روانشناسی رنگ و این حرفا اگه اطلاعاتی دارن دریغ نکنن :)
ممنون ghasem110deh عزیز
اره از کامپوننتهای dotnetBar به صورت ترکیبی :)
مبحث غیر تخصصی برای برنامه نویسان عزیز ؛
در مورد ظاهر برنامه اگه سفارشی باشه که معمولا به سلقه سفارش دهنده ببستگی داره
اما درباره پروژه های توزیع عمومی باید حسابی رو این قضیه کار کرد .
البته با صحبتای plus تا حدودی مخالفم : سطح برنامه ای از این قبیل خیلی باهم فرقی ندارن ، لکن ظاهر و جذابیت برنامه میتونه تو انتخاب تاثیر بذاره
مگر اینکه یه برنامه قابلیت بخصوصی داشته باشه که البته همچین چیزی تو این دست برنامه ها نیست
این مورد خصوصا در طراحی وب کاربرد داره :
http://ux.stackexchange.com/question...ong-work-hours
http://inspirationfeed.com/inspirati...erface-design/
taroot.ir/colors/
در آخر قسمتی از صحبتای دوستمون رو تایید میکنم که طراحی رابط کاربری فقط نقاشی کردن نیست :
http://www.ambysoft.com/essays/userI...tml#Principles
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه
سلام
نسبتا ساده است ... ولی بعضی وقتا سادگی از آرایش غلیظ بیشتر جواب میده :)
خوبه ، رنگ بندیش هم چشم رو تو مدت طولانی فکر نکنم اذیت کنه !
.
.
.
کار آقای گلبافان هم (بالاتر گفتن) با دلفی هستش ! (بدون کامپوننت)
نظر من رو بخواین ... یا طرح ایشون و یا طرح دوستمون god of war رو الگو برداری کنید ، البته با تغییرات دلخواه خودتون !
این لینک رو هم که دوستمون rahgoshafan گذاشتن ببینید :
http://www.ambysoft.com/essays/userI...tml#Principles
هر چند من انگلیسیم خوب نیست ولی ظاهرا مطالب خوبی از اون کتاب رو گذاشتن !
موفق باشی !؟
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن
اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد
من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم
در ویژوال استودیو وقتی مثلا از opendialog یا dataset استفاده کنید آیکن اون رو در یک قسمتی در پایین فرم میاره اما در دلفی اینها رو روی فرم میاره
من توی این مورد فکر کنم ویژوال استودیو بهتر عمل کرده چون این آیکن ها وقتی روی فرم هستند جلوی دید رو میگیرند
ضمیمه 131537
برنامه خوبی نوشتی از لحاظ رنگ و استایل باید بگم از استایل خوبی برای برنامه استفاده کردی ولی کمی کار کردن با این منو که واقعا قدیمی شده برای مشتری سخت شده و الان منئ های خوبی برای استفاده کردن وجود دراه و نکته بعدی که باز دارم تاکید می کنم نوع حرکت زدن رو فرم ها، یعنی کسی دیگه فرم ها رو به این صورت فرو رو فرم کار نمیکنه الان همه امدن به سمت Tab و لود کردن فرم های طراحی شده در داخل Tab کا در یه لحظه بشه چند کار رو انجام داد یا چند گزارش رو با هم چک کرد.
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول
