-
2 ضمیمه
طراحی رابط کاربری - UserInterface
سلام به همه ...
هدف از این تاپیک :
گفتگو پیرامون طراحی ظاهر برنامه ها و رابط کاربری است ، بصورتی که برای کاربر جذاب باشه (خسته کننده نباشه)
در عین حال کار با برنامه بسیار آسان و راحت باشه !
امیدوارم دوستان نظرات سازنده و قابل قبولی داشته باشن :)
از قدیم هم گفتن هر سری یه فکری داره --> و از ترکیب درست این افکار و نظرات میشه یه طرح اصولی ، قابل قبول و ایده آل (برای عموم) استخراج کرد .
با تشکر : ghasem110deh
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
جالب و زیباست
فرمت رو با چی ساختی ؟
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
خیلی خوب , زیبا و کاربرپسند هست. موفق باشید
به نظرم از کامپوننت خاصی استفاده کردید درسته؟ منم قبلا از کامپوننت ها تو طراحی فرم هام استفاده میکردم ولی با تغییر ورژن دات نت و نصب ویژوال با ورژن بالاتر به مشکل برمی خوردم
باید کامپوننت در ورژن بالاتر هم ارائه شه
و با یه سری مشکلات از جمله عدم انطباق با رزولوشن سیستم مواجه بودم (از dock کردن کنترل ها استفاده میکردم ولی باز هم یه جاهایی مشکل داشتم) و خیلی جاها مجبور بودم با فتوشاپ افکت هایی که دوست دارم رو با ساخت یک تصویر اجرا کنم
کلا به نظرم اگه به رابط کاربری اهمیت ویژه ای میدیم باید بریم سراغ wpf
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلاماز کامپونت استفاده کردید ؟ مثلا این TextBox ها رو چه طوری این شکلی درست کردید ؟
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام
ظاهراً این دوست عزیز از کامپوننت های جانوس در برنامه ی خودشون استفاده کردند که کار با این کامپوننت ها بسیار روان و آسان هستش و از لحاظ Load شدن هم سرعت خوبی داره ولی متاسفانه نسبت به سایر کامپوننت ها ابزار کمی دارد. در هرصورت کامپوننت های مشابه و با کیفیت عملکردی و ظاهری خیلی بهتری هم وجود داره که بطور رایگان در سایت ها قرار داده شده اند.
-
3 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام ،
یه چیزی که تو تصاویرت معلوم نبود که هست یا نیست !
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن :متفکر: ارزش کارت بیشتر میشه :قلب:
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
ghasem110deh
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)
سلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده که آخرین نسخه اون رو می تونید از سایت downloadly.ir رایگان دریافت کنید که امکانات بسیار خوبی هم برای شروع کار به شما میده. ضمناً Sample های زیادی هم براش قرارداده شده که پس از نصب بصورت offline روی سیستم شما در دسترس تون قرار خواهد گرفت.
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
Mr.Csharp
سلام ،
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن :متفکر: ارزش کارت بیشتر میشه :قلب:
علیک سلام ، ساعت که نه ! ولی تاریخ رو تو فرم اصلی (پایین سمت چپ) گذاشتم .
نقل قول:
سلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده
و سلام به شما
ترجیح میدم از کامپوننت استفاده نکنم ، و به شما هم همین توصیه رو میکنم !
حالا یه دکمه عیب نداره ولی واسه طراحی قالب اصلی فرم درست نیست ؛ اولین عیبش هم راحت الحلقوم بودنش هست ، که دیگه دنبال طراحی شخصی نمیریم !
استیمول هم چون تو گزارش گیری استفاده میکنم ، گفتم دو تا کنترل هم روش :) ... میخوام یه تکست باکس مثل همین درست کنم (dll) ، آماده شد همینجا میزارم !
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
الان مثلا اون نوار بالا (Panel) رو اینجوری کنم بهتر نیست ؟
(عکس ضمیمه)
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
گرافیکش خوبه اما یخورده سرد و بی روحه
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام ghasem110deh جان
طراحی خوبی کردی به خصوص در انتخاب رنگ فرم ها ولی نوع زراحی منو با رنگش تو ذل برو نیست.
مساله بعدی چرا برناامه رو به سبک قدیمی فرم رو فرم طراحی کردی به نظر خودت با Tab کار میکردی و کاربر همزمان هم بتونه چندتا کار انجام بده مثلا داره فاکنور میزنه وسط فاکتور زدن مدیر میاد میگه همین الان گزارش کل انبار رو میخوام با این کار کاربر باید فرم رو ببنده بره دنبال گزارش بعد بیاد از اول ولی با سیستم تب بندی کردن کافیه گزارش خودشو کلیلک کنه که تو یه تب دیگه باز بشه.
در مورد کامپوننت ها باید بگم به نظر استفاده نکردن از امکانات کامپوننت ها اشتباه بعضی از امکانات هستن که در برنامه الزامی هستن مثلا شما برای گرید برید گرید های devexpress رو ببینید امکاناتی که داره از سرعت برنامه کم نمی کنه هیچ با امکانات این کامپوننت خیلی تو سرعت و زیبایی برنامه تاثیر داره.
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
سلام
نقل قول:
گرافیکش خوبه اما یخورده سرد و بی روحه
چیکار کنم که زنده باشه !؟
نقل قول:
سبک قدیمی فرم رو فرم طراحی کردی ... گرید های devexpress رو ببینید
دقیقا حرکت اشتباهی بود ... تو ورژن بعدیش (یا برنامه های مشابه) قطعا تجمیع فرم رو رعایت می کنم !
اصلا با استفاده از کامپوننت حال نمیکنم !؟
الان واسه گریدویو حالت high light هم گذاشتم (با کدنویسی) قشنگ شده ولی مث کامپوننت های معروف نیست !
یه سری تغییرات دادم بش ...
اول این که به توصیه چند نفر (برنامه نویس) از حالت Mdi خارجش کردم !
منوی کرکره ای قرار دادم (کامپوننت نیست !)
ممنون از نظرات (امیدوارم فروش بره) :قهقهه:
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
راستی تو یکی ، دوتا از برنامه های خارجی (چه واسه فروش و چه فری) دیدم تو همون فرم اصلی برنامه هم یه سری از کارها رو انجام میدادن (بیشتر خروجی و نمودار)
من خوشم اومد ... همین پروژه رو میخوام تست کنم (خروجی هایی رو روی فرم اصلی واسه نمایش بزارم)
.
.
.
در این مورد نظرتون چیه !؟
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصویرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
فکر کنم منظور شما داشبورد باشه که برای هر برنامه ای عموما نمی ذارن عموما برای یه برنامه خاص یا برنامه ای که این گزارشاتی که در داشبورد خودش میده اطلاعاتش از برنامه دیگه ای میاد.
به طور مثال نرم افزار های مالی در یه شرکت بزرگ بیشتر کارمندا باهاش کار دارند برای همین بعضی شرکت ها برای مدیران شرکت یه برناه دیگه هم میدن به وسیله اون بتونن گزارشات خودشون رو ببینن که به داشبورد مدیریتی معروف شده.
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
abdullah20
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصیرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه یکی از مشکلات برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده
اتفاقا هدفم از زدن این تاپیک همینه !
بنظر خودم (اگه قرار باشه یه نرم افزار رو بعنوان مشتری بخرم) حاضرم پول بیشتر بدم ولی گرافیکش بالاتر باشه ! (منظورم ظاهر و جذابیت طراحیه)
یکی از برنامه های "معروف" حسابداری ، کارش خوبه ولی من شخصا حالم از طراحی UI بهم می خوره ... از بس بی سلیقه بودن !
.
.
این که بدونیم به چه چیزایی تو طراحی توجه کنیم ؟
از چه رنگهایی یا ترکیب چه رنگهایی استفاده کنمی (به فکر چشم کاربرا هم باشیم)
انتخاب رو (از لحاظ طراحی ظاهری تو دو تا برنامه مشابه) به سمت برنامه خودمون بکشونیم و ...
به داشبورد مدیریتی معروف شده.
درسته !
توی طراحی سایت (بیمارستانی و شرکتی) بیشتر استفاده میشه ، گفتم استفاده کنم (تو برنامه ویندوزی) شاید جواب داد :متفکر:
بجای منوی کاربرد هم کلمه "داشبورد" رو نوشتم ... خیلی ضایع بود (یاد داشبورد پیکان جوانان افتادم)
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
واقعا عالی
10
:تشویق::تشویق:
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
الان نرم افزارهای مالی هم همین کار رو انچام میدن اونم تحت winForm البته با استفاده از کنترل کامپوننت های devexpress و telerik. اتفاقا قشنگ هم شده هم برای جذب مشتری عالیه.
راستی پیکان جوانان مگه چشه اونم رنگ گوجه ای :لبخند:
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
یکی از نرم افزارامو میزارم ایده بگیری:
ضمیمه 131455
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
-
2 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
منوی ایمیل ها:
ضمیمه 131458
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
بسیار جذاب و زیبا :کف:
بر عکس فرمهای من که شبه ویندوزی هستن :(
.
.
.
WPF درسته !؟ باید حرکت کنم به سمت wpf :)
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
ghasem110deh
WPF درسته !؟ باید حرکت کنم به سمت wpf :)
نه کاملا با دلفی نوشته شده !
ضمیمه 131460
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
golbafan
سلام golbafan جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
شما نسبت به طراحی های قبلی پیشرفت داشتین و توی مسیر درست هستین. با توجه به نوع نرم افزار، طراحی شما مناسب هست و برخلاف نظر بعضی از کاربرها نیاز نیست بیش از این به اصطلاح زیبایی و یا Effect بهش بدین، بهتره زمانتون رو در جهت دیگه ای مصرف کنید. طراحی های آنچنانی نه تنها در حوضه نرم افزارهای مالی-اداری تا حدی جلف هستن، بلکه اگه غیر قابل تغییر توسط مشتری باشن فقط اولش جذابن و بعد از مدتی بسیار خسته کننده میشن. البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
از زیبایی که بگذریم ، منظور از
نقل قول:
البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
چیه ؟
اینکه تعداد فرم ها کمتر بشه (با تجمیع)
یا ... ؟
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
ebrahim.rayatparvar
سلام
golbafan جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.
البته این عکس مال بعد از لاگینه :بامزه:
برای قضیه دیتابیس: از اونجایی که این برنامه میتونه با بیشتر دیتابیس های رایج کار کنه چک کردن همه به صلاح نیست چون شاید اصلا نصب نشده باشه یا اینکه کار بر بخواد به هر دلیلی دیتابیس دومی هم داشته باشه
این برنامه میتونه با mysql sqlserver sqlite access postgresql oracle و غیره کار کنه...
اگر منوی تنظیمات نگاه کنید به توضیحات تنظیم دیتابیس متوجه میشید
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
-
1 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
ضمیمه 131478
آقای golbafan این آیکونها چیه اون وسط تو محیط دلفی ؟؟؟
-
3 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
دوستان خوشحال میشم نظرتونو راجع به محیط این برنامم بدونم
ضمیمه 131481ضمیمه 131482ضمیمه 131480
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
قشنگه ... طرح هم که بروزه !
از کامپوننت یا چیزی استفاده کردین ؟
اگه کاربر بتون گاهی رنگ پس زمینه رو عوض کنه خوب میشه (به نظر من)
.
.
.
دوستان در مورد روانشناسی رنگ و این حرفا اگه اطلاعاتی دارن دریغ نکنن :)
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
ممنون 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
-
4 ضمیمه
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
golbafan
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه :قلب:
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
reza_ali202000
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.
سلام
نسبتا ساده است ... ولی بعضی وقتا سادگی از آرایش غلیظ بیشتر جواب میده :)
خوبه ، رنگ بندیش هم چشم رو تو مدت طولانی فکر نکنم اذیت کنه !
.
.
.
کار آقای گلبافان هم (بالاتر گفتن) با دلفی هستش ! (بدون کامپوننت)
نظر من رو بخواین ... یا طرح ایشون و یا طرح دوستمون god of war رو الگو برداری کنید ، البته با تغییرات دلخواه خودتون !
این لینک رو هم که دوستمون rahgoshafan گذاشتن ببینید :
http://www.ambysoft.com/essays/userI...tml#Principles
هر چند من انگلیسیم خوب نیست ولی ظاهرا مطالب خوبی از اون کتاب رو گذاشتن !
موفق باشی !؟
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
god of war
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن
اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد
من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
shahryari
در ویژوال استودیو وقتی مثلا از opendialog یا dataset استفاده کنید آیکن اون رو در یک قسمتی در پایین فرم میاره اما در دلفی اینها رو روی فرم میاره
من توی این مورد فکر کنم ویژوال استودیو بهتر عمل کرده چون این آیکن ها وقتی روی فرم هستند جلوی دید رو میگیرند
ضمیمه 131537
-
نقل قول: نظر در مورد طراحی ظاهر برنامه ...
نقل قول:
نوشته شده توسط
reza_ali202000
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.
برنامه خوبی نوشتی از لحاظ رنگ و استایل باید بگم از استایل خوبی برای برنامه استفاده کردی ولی کمی کار کردن با این منو که واقعا قدیمی شده برای مشتری سخت شده و الان منئ های خوبی برای استفاده کردن وجود دراه و نکته بعدی که باز دارم تاکید می کنم نوع حرکت زدن رو فرم ها، یعنی کسی دیگه فرم ها رو به این صورت فرو رو فرم کار نمیکنه الان همه امدن به سمت Tab و لود کردن فرم های طراحی شده در داخل Tab کا در یه لحظه بشه چند کار رو انجام داد یا چند گزارش رو با هم چک کرد.