PDA

View Full Version : گفتگو: طراحی رابط کاربری - UserInterface



صفحه : [1] 2 3 4 5 6 7

ghasem110deh
سه شنبه 15 اردیبهشت 1394, 00:10 صبح
سلام به همه ...
هدف از این تاپیک :
گفتگو پیرامون طراحی ظاهر برنامه ها و رابط کاربری است ، بصورتی که برای کاربر جذاب باشه (خسته کننده نباشه)
در عین حال کار با برنامه بسیار آسان و راحت باشه !
امیدوارم دوستان نظرات سازنده و قابل قبولی داشته باشن :)
از قدیم هم گفتن هر سری یه فکری داره --> و از ترکیب درست این افکار و نظرات میشه یه طرح اصولی ، قابل قبول و ایده آل (برای عموم) استخراج کرد .
با تشکر : ghasem110deh

MMR_1234
سه شنبه 15 اردیبهشت 1394, 05:32 صبح
جالب و زیباست
فرمت رو با چی ساختی ؟

ali_72
سه شنبه 15 اردیبهشت 1394, 07:03 صبح
خیلی خوب , زیبا و کاربرپسند هست. موفق باشید
به نظرم از کامپوننت خاصی استفاده کردید درسته؟ منم قبلا از کامپوننت ها تو طراحی فرم هام استفاده میکردم ولی با تغییر ورژن دات نت و نصب ویژوال با ورژن بالاتر به مشکل برمی خوردم
باید کامپوننت در ورژن بالاتر هم ارائه شه

و با یه سری مشکلات از جمله عدم انطباق با رزولوشن سیستم مواجه بودم (از dock کردن کنترل ها استفاده میکردم ولی باز هم یه جاهایی مشکل داشتم) و خیلی جاها مجبور بودم با فتوشاپ افکت هایی که دوست دارم رو با ساخت یک تصویر اجرا کنم
کلا به نظرم اگه به رابط کاربری اهمیت ویژه ای میدیم باید بریم سراغ wpf

NasimBamdad
سه شنبه 15 اردیبهشت 1394, 08:50 صبح
سلاماز کامپونت استفاده کردید ؟ مثلا این TextBox ها رو چه طوری این شکلی درست کردید ؟

kiya642
سه شنبه 15 اردیبهشت 1394, 09:16 صبح
سلام
ظاهراً این دوست عزیز از کامپوننت های جانوس در برنامه ی خودشون استفاده کردند که کار با این کامپوننت ها بسیار روان و آسان هستش و از لحاظ Load شدن هم سرعت خوبی داره ولی متاسفانه نسبت به سایر کامپوننت ها ابزار کمی دارد. در هرصورت کامپوننت های مشابه و با کیفیت عملکردی و ظاهری خیلی بهتری هم وجود داره که بطور رایگان در سایت ها قرار داده شده اند.

ghasem110deh
سه شنبه 15 اردیبهشت 1394, 09:57 صبح
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)

Mr.Csharp
سه شنبه 15 اردیبهشت 1394, 10:20 صبح
سلام ،
یه چیزی که تو تصاویرت معلوم نبود که هست یا نیست !

(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن :متفکر: ارزش کارت بیشتر میشه :قلب:

kiya642
سه شنبه 15 اردیبهشت 1394, 10:21 صبح
سلام به همه ...
ممنون از نظرات :)
-------------------
باتون و تکست باکس از استیمول سافت هستش ؛ بقیه (گرافیک فرم ،منو، مسیج باکس و ...) با استفاده از کدنویسی و کتابخونه های خود ویژوال استادیو هستش !
آموزش مسیج باکس سفارشی رو تو انجمن گذاشتم ، اصل کار تو اون هستش (ظاهر فرم ها)
منوها هم با کدنویسه (عکسهای ضمیمه)

سلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده که آخرین نسخه اون رو می تونید از سایت downloadly.ir رایگان دریافت کنید که امکانات بسیار خوبی هم برای شروع کار به شما میده. ضمناً Sample های زیادی هم براش قرارداده شده که پس از نصب بصورت offline روی سیستم شما در دسترس تون قرار خواهد گرفت.

ghasem110deh
سه شنبه 15 اردیبهشت 1394, 10:37 صبح
سلام ،
(تاریخ ، ساعت و امروز ) رو هم برنامت اضافه کن :متفکر: ارزش کارت بیشتر میشه :قلب:

علیک سلام ، ساعت که نه ! ولی تاریخ رو تو فرم اصلی (پایین سمت چپ) گذاشتم .


سلام
دوست خوبم، استیمول ریپورت از کامپوننت های Dotnetbar استفاده کرده

و سلام به شما
ترجیح میدم از کامپوننت استفاده نکنم ، و به شما هم همین توصیه رو میکنم !
حالا یه دکمه عیب نداره ولی واسه طراحی قالب اصلی فرم درست نیست ؛ اولین عیبش هم راحت الحلقوم بودنش هست ، که دیگه دنبال طراحی شخصی نمیریم !
استیمول هم چون تو گزارش گیری استفاده میکنم ، گفتم دو تا کنترل هم روش :) ... میخوام یه تکست باکس مثل همین درست کنم (dll) ، آماده شد همینجا میزارم !

ghasem110deh
سه شنبه 15 اردیبهشت 1394, 11:48 صبح
الان مثلا اون نوار بالا (Panel) رو اینجوری کنم بهتر نیست ؟
(عکس ضمیمه)

golbafan
دوشنبه 28 اردیبهشت 1394, 10:16 صبح
گرافیکش خوبه اما یخورده سرد و بی روحه

ebrahim.rayatparvar
دوشنبه 28 اردیبهشت 1394, 10:48 صبح
سلام ghasem110deh (http://barnamenevis.org/member.php?330388-ghasem110deh) جان
طراحی خوبی کردی به خصوص در انتخاب رنگ فرم ها ولی نوع زراحی منو با رنگش تو ذل برو نیست.
مساله بعدی چرا برناامه رو به سبک قدیمی فرم رو فرم طراحی کردی به نظر خودت با Tab کار میکردی و کاربر همزمان هم بتونه چندتا کار انجام بده مثلا داره فاکنور میزنه وسط فاکتور زدن مدیر میاد میگه همین الان گزارش کل انبار رو میخوام با این کار کاربر باید فرم رو ببنده بره دنبال گزارش بعد بیاد از اول ولی با سیستم تب بندی کردن کافیه گزارش خودشو کلیلک کنه که تو یه تب دیگه باز بشه.
در مورد کامپوننت ها باید بگم به نظر استفاده نکردن از امکانات کامپوننت ها اشتباه بعضی از امکانات هستن که در برنامه الزامی هستن مثلا شما برای گرید برید گرید های devexpress رو ببینید امکاناتی که داره از سرعت برنامه کم نمی کنه هیچ با امکانات این کامپوننت خیلی تو سرعت و زیبایی برنامه تاثیر داره.

ghasem110deh
دوشنبه 28 اردیبهشت 1394, 17:07 عصر
سلام


گرافیکش خوبه اما یخورده سرد و بی روحه
چیکار کنم که زنده باشه !؟


سبک قدیمی فرم رو فرم طراحی کردی ... گرید های devexpress رو ببینید
دقیقا حرکت اشتباهی بود ... تو ورژن بعدیش (یا برنامه های مشابه) قطعا تجمیع فرم رو رعایت می کنم !
اصلا با استفاده از کامپوننت حال نمیکنم !؟
الان واسه گریدویو حالت high light هم گذاشتم (با کدنویسی) قشنگ شده ولی مث کامپوننت های معروف نیست !

یه سری تغییرات دادم بش ...
اول این که به توصیه چند نفر (برنامه نویس) از حالت Mdi خارجش کردم !
منوی کرکره ای قرار دادم (کامپوننت نیست !)

ممنون از نظرات (امیدوارم فروش بره) :قهقهه:

ghasem110deh
دوشنبه 28 اردیبهشت 1394, 17:44 عصر
راستی تو یکی ، دوتا از برنامه های خارجی (چه واسه فروش و چه فری) دیدم تو همون فرم اصلی برنامه هم یه سری از کارها رو انجام میدادن (بیشتر خروجی و نمودار)
من خوشم اومد ... همین پروژه رو میخوام تست کنم (خروجی هایی رو روی فرم اصلی واسه نمایش بزارم)
.
.
.
در این مورد نظرتون چیه !؟

abdullah20
دوشنبه 28 اردیبهشت 1394, 18:20 عصر
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصویرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده

ebrahim.rayatparvar
دوشنبه 28 اردیبهشت 1394, 19:01 عصر
فکر کنم منظور شما داشبورد باشه که برای هر برنامه ای عموما نمی ذارن عموما برای یه برنامه خاص یا برنامه ای که این گزارشاتی که در داشبورد خودش میده اطلاعاتش از برنامه دیگه ای میاد.
به طور مثال نرم افزار های مالی در یه شرکت بزرگ بیشتر کارمندا باهاش کار دارند برای همین بعضی شرکت ها برای مدیران شرکت یه برناه دیگه هم میدن به وسیله اون بتونن گزارشات خودشون رو ببینن که به داشبورد مدیریتی معروف شده.

ghasem110deh
دوشنبه 28 اردیبهشت 1394, 19:49 عصر
ببینید من نمیدونم شاید شما سلیقتون اینطوریه و یا سلیقه مشتریتون اینطور بوده
ولی گرافیکتون منا یاد vb6 میندازه
ویندوز xp را نگاه کنید
همین دسکتاپ و منوی استارت و تصیرزمینه تپه سبز
الان چندسال هستش که تولید شده ولی طوری روی گرفیکش کار کردن که ادم هرچی باهاش کار کنه گرافیکش براش تازگی داره
متاسفانه یکی از مشکلات برنامه های تولید داخل این مشکل را دارن و اصلا روی گرافیک مطالعه نمیشه و روانشناسی نمیشه
برنامه شما باید گرافیکش طوری باشه که کاربر چند سال هم که باهاش کارکنه اصلا احساس تکراری شدن بهش دست نده

اتفاقا هدفم از زدن این تاپیک همینه !
بنظر خودم (اگه قرار باشه یه نرم افزار رو بعنوان مشتری بخرم) حاضرم پول بیشتر بدم ولی گرافیکش بالاتر باشه ! (منظورم ظاهر و جذابیت طراحیه)
یکی از برنامه های "معروف" حسابداری ، کارش خوبه ولی من شخصا حالم از طراحی UI بهم می خوره ... از بس بی سلیقه بودن !
.
.
این که بدونیم به چه چیزایی تو طراحی توجه کنیم ؟
از چه رنگهایی یا ترکیب چه رنگهایی استفاده کنمی (به فکر چشم کاربرا هم باشیم)
انتخاب رو (از لحاظ طراحی ظاهری تو دو تا برنامه مشابه) به سمت برنامه خودمون بکشونیم و ...

به داشبورد مدیریتی معروف شده.

درسته !
توی طراحی سایت (بیمارستانی و شرکتی) بیشتر استفاده میشه ، گفتم استفاده کنم (تو برنامه ویندوزی) شاید جواب داد :متفکر:
بجای منوی کاربرد هم کلمه "داشبورد" رو نوشتم ... خیلی ضایع بود (یاد داشبورد پیکان جوانان افتادم)

محمد حسین79
دوشنبه 28 اردیبهشت 1394, 19:59 عصر
واقعا عالی
10
:تشویق::تشویق:

ebrahim.rayatparvar
دوشنبه 28 اردیبهشت 1394, 20:03 عصر
الان نرم افزارهای مالی هم همین کار رو انچام میدن اونم تحت winForm البته با استفاده از کنترل کامپوننت های devexpress و telerik. اتفاقا قشنگ هم شده هم برای جذب مشتری عالیه.

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

golbafan
پنج شنبه 31 اردیبهشت 1394, 09:59 صبح
یکی از نرم افزارامو میزارم ایده بگیری:
131455

golbafan
پنج شنبه 31 اردیبهشت 1394, 10:00 صبح
تنظیمات
131456

golbafan
پنج شنبه 31 اردیبهشت 1394, 10:00 صبح
منوی ایمیل ها:

131458

ghasem110deh
پنج شنبه 31 اردیبهشت 1394, 10:12 صبح
بسیار جذاب و زیبا :کف:
بر عکس فرمهای من که شبه ویندوزی هستن :(
.
.
.
WPF درسته !؟ باید حرکت کنم به سمت wpf :)

golbafan
پنج شنبه 31 اردیبهشت 1394, 10:20 صبح
WPF درسته !؟ باید حرکت کنم به سمت wpf :)


نه کاملا با دلفی نوشته شده !

131460

ebrahim.rayatparvar
پنج شنبه 31 اردیبهشت 1394, 11:46 صبح
یکی از نرم افزارامو میزارم ایده بگیری:
131455
سلام golbafan (http://barnamenevis.org/member.php?101169-golbafan) جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.

plus
پنج شنبه 31 اردیبهشت 1394, 13:11 عصر
شما نسبت به طراحی های قبلی پیشرفت داشتین و توی مسیر درست هستین. با توجه به نوع نرم افزار، طراحی شما مناسب هست و برخلاف نظر بعضی از کاربرها نیاز نیست بیش از این به اصطلاح زیبایی و یا Effect بهش بدین، بهتره زمانتون رو در جهت دیگه ای مصرف کنید. طراحی های آنچنانی نه تنها در حوضه نرم افزارهای مالی-اداری تا حدی جلف هستن، بلکه اگه غیر قابل تغییر توسط مشتری باشن فقط اولش جذابن و بعد از مدتی بسیار خسته کننده میشن. البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.

ghasem110deh
پنج شنبه 31 اردیبهشت 1394, 13:25 عصر
از زیبایی که بگذریم ، منظور از

البته طراحی شما جای بهبود داره ولی نه در جهت زیبا سازی.
چیه ؟

اینکه تعداد فرم ها کمتر بشه (با تجمیع)
یا ... ؟

golbafan
پنج شنبه 31 اردیبهشت 1394, 19:41 عصر
سلام golbafan (http://barnamenevis.org/member.php?101169-golbafan) جان
عکس برنامه ای که با دلفی نوشتی رو دیدم خیلی طراحیه زیبا و انتخاب رنگ خوبی داشتی.کاربر با کار کردن با این طراحی زود خسته نمیشه.
فقط چرا تو صفحه اول که ایجاد دیتابیس با وروذ هست تغییر رمز داره هنوز کاربر که لاگین نکرده و در مورد ایجاد دیتابیس بهتر نیست یه فرمی باشه که چک کنه اگه دیتابیس مورد نظر موجود نیست فرمش بیاد بالا که عموما برای اولین بار که برنامه نصب و اجرا میشه این فرم میاد بالا.

البته این عکس مال بعد از لاگینه :بامزه:

برای قضیه دیتابیس: از اونجایی که این برنامه میتونه با بیشتر دیتابیس های رایج کار کنه چک کردن همه به صلاح نیست چون شاید اصلا نصب نشده باشه یا اینکه کار بر بخواد به هر دلیلی دیتابیس دومی هم داشته باشه
این برنامه میتونه با mysql sqlserver sqlite access postgresql oracle و غیره کار کنه...

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

golbafan
پنج شنبه 31 اردیبهشت 1394, 19:55 عصر
اینم تصویرش:131574

shahryari
پنج شنبه 31 اردیبهشت 1394, 20:02 عصر
131478

آقای golbafan (http://barnamenevis.org/member.php?101169-golbafan) این آیکونها چیه اون وسط تو محیط دلفی ؟؟؟

god of war
پنج شنبه 31 اردیبهشت 1394, 20:29 عصر
دوستان خوشحال میشم نظرتونو راجع به محیط این برنامم بدونم

131481131482131480

ghasem110deh
پنج شنبه 31 اردیبهشت 1394, 20:54 عصر
قشنگه ... طرح هم که بروزه !
از کامپوننت یا چیزی استفاده کردین ؟
اگه کاربر بتون گاهی رنگ پس زمینه رو عوض کنه خوب میشه (به نظر من)
.
.
.
دوستان در مورد روانشناسی رنگ و این حرفا اگه اطلاعاتی دارن دریغ نکنن :)

god of war
پنج شنبه 31 اردیبهشت 1394, 22:59 عصر
ممنون ghasem110deh عزیز
اره از کامپوننتهای dotnetBar به صورت ترکیبی :)

rahgoshafan
جمعه 01 خرداد 1394, 16:53 عصر
مبحث غیر تخصصی برای برنامه نویسان عزیز ؛
در مورد ظاهر برنامه اگه سفارشی باشه که معمولا به سلقه سفارش دهنده ببستگی داره
اما درباره پروژه های توزیع عمومی باید حسابی رو این قضیه کار کرد .
البته با صحبتای plus تا حدودی مخالفم : سطح برنامه ای از این قبیل خیلی باهم فرقی ندارن ، لکن ظاهر و جذابیت برنامه میتونه تو انتخاب تاثیر بذاره
مگر اینکه یه برنامه قابلیت بخصوصی داشته باشه که البته همچین چیزی تو این دست برنامه ها نیست

این مورد خصوصا در طراحی وب کاربرد داره :
http://ux.stackexchange.com/questions/52833/which-color-scheme-to-choose-for-applications-that-require-long-work-hours

http://inspirationfeed.com/inspiration/40-detailed-examples-of-user-interface-design/

taroot.ir/colors/

در آخر قسمتی از صحبتای دوستمون رو تایید میکنم که طراحی رابط کاربری فقط نقاشی کردن نیست :

http://www.ambysoft.com/essays/userInterfaceDesign.html#Principles

reza_ali202000
شنبه 02 خرداد 1394, 01:21 صبح
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.

ali_72
شنبه 02 خرداد 1394, 07:31 صبح
تنظیمات
131456
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه :قلب:

ghasem110deh
شنبه 02 خرداد 1394, 09:10 صبح
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.

سلام
نسبتا ساده است ... ولی بعضی وقتا سادگی از آرایش غلیظ بیشتر جواب میده :)
خوبه ، رنگ بندیش هم چشم رو تو مدت طولانی فکر نکنم اذیت کنه !
.
.
.
کار آقای گلبافان هم (بالاتر گفتن) با دلفی هستش ! (بدون کامپوننت)
نظر من رو بخواین ... یا طرح ایشون و یا طرح دوستمون god of war رو الگو برداری کنید ، البته با تغییرات دلخواه خودتون !

این لینک رو هم که دوستمون rahgoshafan گذاشتن ببینید :

http://www.ambysoft.com/essays/userI...tml#Principles (http://www.ambysoft.com/essays/userInterfaceDesign.html#Principles)

هر چند من انگلیسیم خوب نیست ولی ظاهرا مطالب خوبی از اون کتاب رو گذاشتن !

موفق باشی !؟

golbafan
شنبه 02 خرداد 1394, 09:36 صبح
دوستان خوشحال میشم نظرتونو راجع به محیط این برنامم بدونم

131481131482131480

ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن

اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد

من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم

golbafan
شنبه 02 خرداد 1394, 09:44 صبح
131478

آقای golbafan (http://barnamenevis.org/member.php?101169-golbafan) این آیکونها چیه اون وسط تو محیط دلفی ؟؟؟

در ویژوال استودیو وقتی مثلا از opendialog یا dataset استفاده کنید آیکن اون رو در یک قسمتی در پایین فرم میاره اما در دلفی اینها رو روی فرم میاره
من توی این مورد فکر کنم ویژوال استودیو بهتر عمل کرده چون این آیکن ها وقتی روی فرم هستند جلوی دید رو میگیرند

131537

ebrahim.rayatparvar
شنبه 02 خرداد 1394, 10:11 صبح
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.
برنامه خوبی نوشتی از لحاظ رنگ و استایل باید بگم از استایل خوبی برای برنامه استفاده کردی ولی کمی کار کردن با این منو که واقعا قدیمی شده برای مشتری سخت شده و الان منئ های خوبی برای استفاده کردن وجود دراه و نکته بعدی که باز دارم تاکید می کنم نوع حرکت زدن رو فرم ها، یعنی کسی دیگه فرم ها رو به این صورت فرو رو فرم کار نمیکنه الان همه امدن به سمت Tab و لود کردن فرم های طراحی شده در داخل Tab کا در یه لحظه بشه چند کار رو انجام داد یا چند گزارش رو با هم چک کرد.

golbafan
شنبه 02 خرداد 1394, 11:16 صبح
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.

سلام
من فکر میکنم رنگش خوب باشه و زیباست (البته شبیه آفیس 2007 هست با منوی 2003)
بقیه فرم ها هم ساده و زیبا هستند
تبریک میگم

البته نکته ای که باید بهت بگم رعایت فاصله ها و اندازه های کنترل هاست که گاهی رعایت نکردی
مثلا در فاکتور فروش اندازه کنترلهای بالای فرمت برابر نیستند و همینطور فاصله متن ها از کنترل ها

golbafan
شنبه 02 خرداد 1394, 11:24 صبح
بین الان بهتر نشده:

131541

winner1
شنبه 02 خرداد 1394, 14:10 عصر
لینکتون مشکل داره ولی راجب دیزاین کارتون خوبه مرتب و بنظر میرسه همه چی تو دسرس باشه

ghasem110deh
شنبه 02 خرداد 1394, 14:49 عصر
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن

اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد

من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم

با تشکر از آقای گلبافان عزیز ،
دقیقا باید تو طراحی دنبال همینه ریزه کاری ها باشیم ! نکاتی که ایشون گفتن کاملا درسته (اما وقتی که گفتن)
قبل از اون (بشخصه) به این نکات توجه نکردم ...
این پرووژه تقریبا تموم دیگه ! (با همین ظاهر)
پروژه بعدی (ان شاالله) یه Inventory Management & billing هستش ... اول در مورد طراحی و ظاهر فرم ها و سهولت کار میخوام کار کنم (UI) ؛ بعد که به نتیجه رسیدم برم سراغ اصل کار !
نظرتون چیه (شاید درست نباشه ، اما دلیلش اینه که کدنویسی رو از قبل میدونم باس چیکار کنم --> در واقع همون روش قبلی رو پیاده میکنم با کمی تغییرات)
.
.
.
تو این زمینه کسی اگه نظری داره عنوان کنه :)
متشکرم !

god of war
شنبه 02 خرداد 1394, 17:00 عصر
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن

اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد

من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم

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

god of war
شنبه 02 خرداد 1394, 17:07 عصر
دوستان به نظر شما بجای منوی درختی برنامم که آقای golbafan عزیز فرمودن همخونی نداره از چه کامپوننتی استفاده کنم ؟
چون من داخل tile هایی که گذاشتم فقط مواردی بیشتر استفاده میشن هست .حالت گروهبندی شده منوهارو کجا قرار بدم بنظرتون ؟

alibilgats
شنبه 02 خرداد 1394, 18:49 عصر
سلام به همگی.
دیدم حرفه ای ها همه جمع هستن گفتم منم چندتا عکس بذارم تا نظرات دوستان رو بدونم.
البته من در مقابل دوستان شاگردی بیش نیستم ولی خوشحال میشم اگه نظرتونو بدونم.
در ضمن عکسایی که گذاشتم مال کارای 4 سال پیش که جوونتر بودم هستن!:چشمک:

131559

131560

131561

131562

ebrahim.rayatparvar
شنبه 02 خرداد 1394, 19:03 عصر
سلام به همگی.
دیدم حرفه ای ها همه جمع هستن گفتم منم چندتا عکس بذارم تا نظرات دوستان رو بدونم.
البته من در مقابل دوستان شاگردی بیش نیستم ولی خوشحال میشم اگه نظرتونو بدونم.
در ضمن عکسایی که گذاشتم مال کارای 4 سال پیش که جوونتر بودم هستن!:چشمک:


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

god of war
شنبه 02 خرداد 1394, 19:19 عصر
سلام به همگی.
دیدم حرفه ای ها همه جمع هستن گفتم منم چندتا عکس بذارم تا نظرات دوستان رو بدونم.
البته من در مقابل دوستان شاگردی بیش نیستم ولی خوشحال میشم اگه نظرتونو بدونم.


ای آقا شما که خودت استادی برادر
شکسته نفسی تا چه حد ... :D من خوشم اومد .. زیبا و کاربر پسند

alibilgats
شنبه 02 خرداد 1394, 19:51 عصر
برنامه خیلی زیبا ای نوشیتی فعلا از لحاظ امتیاز از همه جلو افتادی. :لبخند:
ولی بهتره تو هم سیستم تب گذاشتن و فرم رو لود کردن داخل تبعیت کنی که همزمن چند فرم و گزارش رو بتونی با هم باز داشته باشی برای راحتی کار و مقایسه بهتر

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

golbafan
شنبه 02 خرداد 1394, 20:52 عصر
سلام به همگی.
دیدم حرفه ای ها همه جمع هستن گفتم منم چندتا عکس بذارم تا نظرات دوستان رو بدونم.
البته من در مقابل دوستان شاگردی بیش نیستم ولی خوشحال میشم اگه نظرتونو بدونم.
در ضمن عکسایی که گذاشتم مال کارای 4 سال پیش که جوونتر بودم هستن!:چشمک:


افرین خوشم اومد. اکثر اصول رو رعایت کردی :تشویق:
رنگهای متناسب / منوها و کلیدهای درشت / کنترل های منظم

مخصوصا تیره کردن بک گراند :تشویق:

golbafan
شنبه 02 خرداد 1394, 21:09 عصر
سلام نکات جالبی بود
خوشحال میشم زودتر نمونه برنامتونو ببینم
ممنون

این برنامه مال سال 91 بود برای یک آموزشگاه:
این نرم افزار آزمونهای چندگزینه ای تولید میکنه و آزمون بطور آنلاین انجام میگیره
درنهایت نتایج داخل این برنامه میاد و تحلیل میشه و کارنامه آنلاین صادر میشه

البته شخصا با گرافیکش حال نمیکنم ولی گاهی باید سلیقه کارفرما رو در نظر گرفت
بهر حال این رو برای نمایش اصول استفاده از کاشی ها tile menu براتون گزاشتم

منوی اصلی:

131575
یکی از فرمها که وقتی باز میشه بصورت انیمیشن از راست به چپ باز میشه
131577

ghasem110deh
شنبه 02 خرداد 1394, 21:33 عصر
سلام به همگی.
دیدم حرفه ای ها همه جمع هستن گفتم منم چندتا عکس بذارم تا نظرات دوستان رو بدونم.
البته من در مقابل دوستان شاگردی بیش نیستم ولی خوشحال میشم اگه نظرتونو بدونم.
در ضمن عکسایی که گذاشتم مال کارای 4 سال پیش که جوونتر بودم هستن!:چشمک:


سلام ، آقا چوبکاری می فرمائید ! استاد ماهستین
(به مخیله ما هم خطور نمیکرد شما و آقای گلبافان تو این بحث شرکت کنید و دوستان رو راهنمایی کنین)
زبان ما در مورد طراحی شما چیزی برا گفتن نداره !
.
.
.
همونطور که بالاتر گفتم تا دو ، سه روز آینده پروژه انبارداری رو شروع میکنم !
دوست دارم اصول طراحی رو از همین اول درست برم ... هم اکنون نیازمند نظرات سبزتان هستیم :)

golbafan
یک شنبه 03 خرداد 1394, 07:52 صبح
سلام ، آقا چوبکاری می فرمائید ! استاد ماهستین
(به مخیله ما هم خطور نمیکرد شما و آقای گلبافان تو این بحث شرکت کنید و دوستان رو راهنمایی کنین)
زبان ما در مورد طراحی شما چیزی برا گفتن نداره !
.
.
.
همونطور که بالاتر گفتم تا دو ، سه روز آینده پروژه انبارداری رو شروع میکنم !
دوست دارم اصول طراحی رو از همین اول درست برم ... هم اکنون نیازمند نظرات سبزتان هستیم :)

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

alibilgats
یک شنبه 03 خرداد 1394, 09:04 صبح
افرین خوشم اومد. اکثر اصول رو رعایت کردی :تشویق:
رنگهای متناسب / منوها و کلیدهای درشت / کنترل های منظم

مخصوصا تیره کردن بک گراند :تشویق:

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

alibilgats
یک شنبه 03 خرداد 1394, 09:13 صبح
سلام ، آقا چوبکاری می فرمائید ! استاد ماهستین
(به مخیله ما هم خطور نمیکرد شما و آقای گلبافان تو این بحث شرکت کنید و دوستان رو راهنمایی کنین)
زبان ما در مورد طراحی شما چیزی برا گفتن نداره !
.
.
.
همونطور که بالاتر گفتم تا دو ، سه روز آینده پروژه انبارداری رو شروع میکنم !
دوست دارم اصول طراحی رو از همین اول درست برم ... هم اکنون نیازمند نظرات سبزتان هستیم :)

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

reza_ali202000
دوشنبه 04 خرداد 1394, 13:37 عصر
دوستان کسی دیگه نیس که تصاویر نرم افزارهاشو بزاره!
اینجوری میتونیم به هم ایده هایی رو بدیم.

juza66
دوشنبه 04 خرداد 1394, 18:13 عصر
سلام اقا ما هم دیدیم حرفه ای ها جمعن .....!
یکی دوتا عکس از برنامه هام میذارم لطفن دوستان نظر بدین.


نرم افزار مدیریت بیماران و حساب صداقت

http://charp.persiangig.com/sedaghatt/10500.jpg

http://charp.persiangig.com/sedaghat/1.jpg


نرم افزار مدیریت مشتریان و پرسنل ارسطو

http://charp.persiangig.com/arasto/4.png

http://charp.persiangig.com/arasto/5.png


نرم افزار درمانگاه

http://charp.persiangig.com/BOALI/2.jpg


نرم افزار فاکتور زیگورات

http://charp.persiangig.com/avasoft_weblog/11.PNG

نرم افزار مدیریت باربری

http://charp.persiangig.com/barbari_hamlonaghl/22.jpg

نرم افزار مدیریت متهمین آگاهی

http://charp.persiangig.com/agahi_police/1.jpg

http://charp.persiangig.com/agahi_police/3.jpg

http://charp.persiangig.com/agahi_police/4.jpg

http://charp.persiangig.com/agahi_police/5.jpg

باقی کارهام و عکس ها در وبلاگم avasoft.blog.ir

juza66
دوشنبه 04 خرداد 1394, 18:17 عصر
و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)

131646

ghasem110deh
دوشنبه 04 خرداد 1394, 22:13 عصر
و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)



جالب هستن ...
اما این نسخه جدیدارسطو (رو همین یه فرم دارم میگم) بهتر شده !
----
اگه کامپوننت یا ... استفاده کردین بگین ، البته یادمه روی زیگورات یادمه گفته بودین کامپوننت نداره !؟

ebrahim.rayatparvar
دوشنبه 04 خرداد 1394, 22:53 عصر
سلام اقا ما هم دیدیم حرفه ای ها جمعن .....!
یکی دوتا عکس از برنامه هام میذارم لطفن دوستان نظر بدین.


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

sg.programmer
دوشنبه 04 خرداد 1394, 23:09 عصر
ظاهر قشنگی هست که در برنامه هاتون استفاده کردید آقای juza66

اگه اشتباه نکنم قبلا در تاپیک هاتون گفته بودید که سورس برنامه ات را قرار می دهید .
اگه ممکنه قالب برنامه ات بدون سورس را قرار بدی متشکر میشم خیلی جالب هست.
تشکر

reza_ali202000
سه شنبه 05 خرداد 1394, 01:12 صبح
اینم همون برنامه قبلی مخصوص تبلت ویندوزی
البته رنگ بندیشو خود مشتری انتخاب میکرد.(با devcomponent)

reza_ali202000
دوشنبه 11 خرداد 1394, 22:22 عصر
دوستان این پست رو ادامه بدین حیفه که متوقف بشه.
لطفا دوستان برنامه های پرفروششون رو عکساشو بزارین.

chikar
سه شنبه 12 خرداد 1394, 00:37 صبح
پیشنهاد می کنم از گرادیانت و شفافیت استفاده کنید، مثلا پس زمینه پنجره فعال یه گرادیانت خوشگل باشه و پس زمینه پنجره اصلی هم با opacity ، 60 باشه
رنگ هم به نظرم اگه تو مایه های آبی نباشه و کمی متفاوت تر باشه، قشنگ تر می شه، آخه همه آبی استفاده می کنند
دکمه هات رو هم می تونی خیلی زیبا تر کنی، یک دکمه که css طراحی می شه رو تصور کن
borderet رو هم مشکی گرفتی که می تونی اولا از یه رنگ مناسب با پس زمینه ات استفاده کنی و ثانیا از radius برای دور حاشیت استفاده کنی
اگه بتونی از انیمیشن هم برای باز شدن پنجره ها، تب ها و ... استفاده کنی ، قشنگ تر می شه
موفق باشی

ali_72
سه شنبه 12 خرداد 1394, 07:35 صبح
و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)

131646


مهندس برنامه هات قشنگ هستن. ای کاش من هم یه خورده مثل شما خوش ذوق و سلیقه بودم.
در این تصویر برای ویزادری کردن از کامپوننت استفاده کردید؟ اگه نه تب های ویزارد چطور انجام دادید ؟ با تغییر تصویر در هر مرحله؟ این همه کنترل رو هم گذاشتید visible true,flase کردید؟
131881

تب کنترل تو این عکس کامپوننته؟

http://charp.persiangig.com/arasto/5.png

و سوال آخر
لینک بروزرسانی نرم افزار کار میکنه؟ برای بروزرسانی نرم افزار از چه روشی استفاده کردید؟

ghasem110deh
یک شنبه 24 خرداد 1394, 12:24 عصر
سلام به همه ...
دوستان این نمونه فرم مترواستایل (البته واسه نرم افزار انبارداری نیست - یه برنامه شخصی)
.
.
.
نظرتون چیه ؟ رنگ زمینه فرم ها ضایع نی ؟ (گفتم خم رنگ پس زمینه فرم اصلی باشه)
باتون ها هم وقتی موس روشون بیاد تصویرشون رنگی میشه !

reza_ali202000
یک شنبه 24 خرداد 1394, 14:00 عصر
رنگ بندیاتون خوبه. فقط زمانی که فرم بعدی باز میشه border نداشته باشه و مثل فرم اصلی باشه. فقط یه نکته ای دیگه که هست. کاش فرمی که تکس باکس و باتون و دیتاگرید هم داخلش داشتین میزاشتین که بشه دقیق تر نظر داد.
ولی در کل خوبه.

Mr.Csharp
یک شنبه 24 خرداد 1394, 14:13 عصر
همه چیش خوبه :D

ولی یکم تصاویری که استفاده کردی کوچیک نیسن ؟؟

اندازه تصاویر متناسب با اندازه کاشی ها نیست از نظر من :گیج:

موفق باشید/.

ebrahim.rayatparvar
یک شنبه 24 خرداد 1394, 17:11 عصر
مهندس جان
الان این برنامه رو برای کجا داری مینویسی؟؟

ghasem110deh
یک شنبه 24 خرداد 1394, 19:52 عصر
ممنون از نظرات :خجالت:



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

بدون بوردر خیلی بیریخت میشد (امتحان کردم) ... چون بعضی از فرم ها خیلی بزرگ نیستن !
فرم های کامل هم میزارم ... یهویی رفتم بیرون :)



ولی یکم تصاویری که استفاده کردی کوچیک نیسن ؟؟

موافقم ... باس بگردم آیکون های بزرگتر و یکدست پیداکنم !



الان این برنامه رو برای کجا داری مینویسی؟؟

واسه کار خودم (همون فروش نرم افزار)

juza66
دوشنبه 25 خرداد 1394, 09:21 صبح
جالب هستن ...
اما این نسخه جدیدارسطو (رو همین یه فرم دارم میگم) بهتر شده !
----
اگه کامپوننت یا ... استفاده کردین بگین ، البته یادمه روی زیگورات یادمه گفته بودین کامپوننت نداره !؟


اره قبلاهاا استفاده نمی کردم ولی الان با DevComponet استفاده می کنم
ارسطو فرم های دیگری هم دارد تا تمام نشه و از اتمام کار مطمئن نشدم فعلا نمیشه بذارم ..



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

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




مهندس برنامه هات قشنگ هستن. ای کاش من هم یه خورده مثل شما خوش ذوق و سلیقه بودم.
در این تصویر برای ویزادری کردن از کامپوننت استفاده کردید؟ اگه نه تب های ویزارد چطور انجام دادید ؟ با تغییر تصویر در هر مرحله؟ این همه کنترل رو هم گذاشتید visible true,flase کردید؟

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




تب کنترل تو این عکس کامپوننته؟

اره devcomponet




ظاهر قشنگی هست که در برنامه هاتون استفاده کردید آقای juza66

اگه اشتباه نکنم قبلا در تاپیک هاتون گفته بودید که سورس برنامه ات را قرار می دهید .
اگه ممکنه قالب برنامه ات بدون سورس را قرار بدی متشکر میشم خیلی جالب هست.
تشکر

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




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





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

Mohammad_mhk
دوشنبه 25 خرداد 1394, 14:57 عصر
سلام
میخواستم بدونم آیکن های درون برنامه هرچه ساده تر و سیاه و فید باشه زیباتره یا اگر پیچیده و رنگی باشه؟؟؟

ghasem110deh
دوشنبه 25 خرداد 1394, 16:55 عصر
سلام
میخواستم بدونم آیکن های درون برنامه هرچه ساده تر و سیاه و فید باشه زیباتره یا اگر پیچیده و رنگی باشه؟؟؟

ساده آره ... ولی سیاه و سفید من استفاده کردم الان دارم عضشون میکنم !
اعصب خودم که خورد میسه :)

golbafan
چهارشنبه 27 خرداد 1394, 23:21 عصر
سلام
میخواستم بدونم آیکن های درون برنامه هرچه ساده تر و سیاه و فید باشه زیباتره یا اگر پیچیده و رنگی باشه؟؟؟

سلام
مهم تر از این مساله اینه که برنامه تم داشته باشه
گاهی یک تم شما انتخاب میکنی که آیکون های ساده رو میطلبه (مثل برنامه مترو که تو پست 53 گزاشتم)
گاهی هم آیکون های رنگی رو میطلبه

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

http://barnamenevis.org/showthread.php?163277-%D9%82%D9%88%DB%8C%D8%AA%D8%B1%DB%8C%D9%86-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C-(%D9%86%D9%85%D9%88%D8%AF%D8%A7%D8%B1)&p=2174120&viewfull=1#post2174120

یک نگاهی به این تاپیک بنده بندازید
گاهی اصلا ظاهر مهم نیست و فقط سرعت برنامه اهمیت داره!!!
http://barnamenevis.org/showthread.php?489244-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1%D9%87%D8%A7%DB%8C-%D9%86%D9%88%D8%B4%D8%AA%D9%87-%D8%B4%D8%AF%D9%87-%D8%A8%D8%A7-%D8%AF%D9%84%D9%81%DB%8C

winner1
شنبه 06 تیر 1394, 13:23 عصر
http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

ghasem110deh
شنبه 06 تیر 1394, 14:12 عصر
http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

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

winner1
شنبه 06 تیر 1394, 15:26 عصر
جالب هستن :تشویق:
من اول دنبال آیکون های کوچک و زیاد توی صفحه اول بودم ... اما هم دوستان حرفه ای تر و هم برخی از آشناها که اصلا تو این زمینه کار نمیکنن ،
برنامه های خودم و برنامه هایی که از اینور و اونور واسه دانلود کردم میدیدن ... برنامه های با آیکون درشت (متناسب با فرم) و دسته بندی شده رو بیشتر میپسندیدن !
.
.
.
در مورد آیکون های مشکی هم که تو منوی فرم های ثانوی گذاشتی ، حال نکردم (لبته سلیقه ایه) کلا با آیکون مشکی یکدست حال نمیکنم !
بخاطر طیف رنگ مجبور شدم از مشکی استفاده کنم ولی خودمم خوشم نمیاد یکم سرده

NasimBamdad
شنبه 06 تیر 1394, 15:37 عصر
http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

ولی من خوشم اومد

میشه بفرمایید این گرید رو چه طوری دزست کردید ؟ زیباست

winner1
شنبه 06 تیر 1394, 15:58 عصر
ولی من خوشم اومد

میشه بفرمایید این گرید رو چه طوری دزست کردید ؟ زیباست
سلام رفیق دیتا گرید ویو خود ماکروسافت cell border style و default cell style با این کار کنی متوجه میشی

aliramazani
پنج شنبه 11 تیر 1394, 21:00 عصر
طرحهای بسیار قشنگی هستن. لطفا این تاپیکو ادامه بدین

ghasem110deh
جمعه 12 تیر 1394, 19:26 عصر
سلام به همه
تو این قالب سعی کردم شبیه office 2013 (نمونه آقای گلبافان) بشه .... ولی نشده :قهقهه:

تصاویر برنامه : (ضمیمه)

winner1
جمعه 12 تیر 1394, 19:43 عصر
جای کنترل ها خوبه ولی نباید شلوغ بشه و همینطور ایکون های کم رنگ خاکستری برنامتو مرده میکنه <3

aliramazani
شنبه 13 تیر 1394, 22:16 عصر
اسم فونت استفاده شده چیه؟

ghasem110deh
شنبه 13 تیر 1394, 22:58 عصر
اسم فونت استفاده شده چیه؟

فونت B Yekan
فونت وب ش چالب تره !

golbafan
یک شنبه 14 تیر 1394, 08:29 صبح
سلام قاسم عزیز
فونت یکان بنظرم قدیمی شده
برای برنامه سعی کن از رنگهای شادتری استفاده کنی

NasimBamdad
یک شنبه 14 تیر 1394, 08:47 صبح
سلام رفیق دیتا گرید ویو خود ماکروسافت cell border style و default cell style با این کار کنی متوجه میشی


آها . مرسی . میگم از قسمت های دیگه مثل نوبت دهی و .. میشه عکس بگذاری ؟

jamal_ch
یک شنبه 14 تیر 1394, 12:53 عصر
سلام برنامه ها بسیار قشنگ بود از دوستان تشکر میکنم باعث ایجاد طرح های جدید در ذهن بچه ها میشه

ghasem110deh
یک شنبه 14 تیر 1394, 13:02 عصر
سلام قاسم عزیز
فونت یکان بنظرم قدیمی شده
برای برنامه سعی کن از رنگهای شادتری استفاده کنی

سلام ، احوال شما
---
رنگ آبی که استفاده کردم ، آبی word 2013 دیگه !
زمینه هم دست نزدم (پیشفرض خود ویژوال استادیو هستش)
شاید آیکون ها جالب نیست !؟

golbafan
یک شنبه 14 تیر 1394, 14:06 عصر
آره منطورم آیکونهاست

خیلی خاکستری هستن

mrcoder01
دوشنبه 15 تیر 1394, 03:09 صبح
ایده شما خوبه ولی طراحی شما استاندارد نیست
دلیل 1: استفاده از حالت استارت منوی ویندوز 8 (حالت کاشی tile) زمانی درسته که فقط آیتم های منو رو داشته باشید و با باز شدن هر فرم باید بصورت fullscreen اجرا بشه
دلیل 2: شما در کنار استفاده از منوی وین 8 از منوی درختی و کلی دکمه ناهماهنگ با فرم هم استفاده کردید
دلیل 3: آیتم های منوی ویندوز 8 باید حد الامکان صفحه رو پر کنن

اینها رو اگر اصلاح کنید بسیار زیبا خواهد شد

من یه نرم افزار بر اساس طراحی ویندوز 8 نوشتم که انشاالله تصاویرشو براتون میزارم


فونت هایی استفاده شده مناسب نیستش
بخصوص فونت b titr که مشکل داره.
نمیتونم بگم خوب نیست ، خوب هست ولی میتونه خیلی بهتر باشه

mrcoder01
دوشنبه 15 تیر 1394, 03:11 صبح
golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه :قلب:



سلام
دگمه های استفاده شده خیلی ناجور هستند و سایز نوشته های سمت راست دگمه هم زیاد هست اندکی کم کن
روی ریزه کاری بیشتر کار کن ، اتفاقا چند وقت پیش یک برنامه office web code 2013 نوشتم و به محصولات مایکرسافت اضافه کردم ، اونم تو همین مایعه ها هست.

قشنگه :X

mrcoder01
دوشنبه 15 تیر 1394, 03:12 صبح
اینم ظاهر برنامه حسابداری بنده هس که تا الان نسخه های زیادی رو ازش فروختم. ولی دلم میخواد رنگ بندیش رو عوض کنم.



ایکن هایی استفاده شده اصلا خوب نیستن
رنگ سبزی که استفاده کردی ، خیلی کارد رو خراب کرده
بیشتر روی رنگ ها و ریزه کاری ها دقت کن
برنامه این مدلی دیگه قدیمی شده
یکم محیط کاربری برنامه رو ارتقا بده ، جذاب تر ، ساده تر باشه
:X

winner1
دوشنبه 15 تیر 1394, 09:03 صبح
آها . مرسی . میگم از قسمت های دیگه مثل نوبت دهی و .. میشه عکس بگذاری ؟
نه رفیق شرمندم

winner1
دوشنبه 29 تیر 1394, 23:59 عصر
سلام دوستان من ایکونای برنامم رو مشکی مردم میشه یه نظر بدین کدوم بهتره ؟
جدید :
http://uupload.ir/files/qu2g_untitled.png
قبل:
http://uupload.ir/files/4x7_1.png

winner1
سه شنبه 30 تیر 1394, 00:53 صبح
کلا سر این منو درگیرم میخوام یه چیز خاص در بیاد ولی نمیشه اینم یه مدله دیگه
:متفکر:
http://uupload.ir/files/aefh_untitled.png

ghasem110deh
سه شنبه 30 تیر 1394, 12:02 عصر
سلام بنظرم این خیلی بهتر شده :
http://uupload.ir/files/aefh_untitled.png

و از اون مشکی اصلا خوشم نیومد :بامزه: (سلیقه س دیگه)

winner1
سه شنبه 30 تیر 1394, 12:13 عصر
سلام بنظرم این خیلی بهتر شده :
http://uupload.ir/files/aefh_untitled.png

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

ghasem110deh
سه شنبه 30 تیر 1394, 12:56 عصر
این سلیقه ای دیگه !
یه همچین چیزی میتونی طراحی کنی !؟ من که نتونستم :)

http://img.trentscholl.com/2008/06/omlMC1.jpg

ghasem110deh
سه شنبه 30 تیر 1394, 13:00 عصر
اینم قشنگه :

http://www.patchou.com/wp-content/uploads/2012/02/strings.jpg

البته با html اینکارو کرده !

golbafan
سه شنبه 30 تیر 1394, 13:31 عصر
سلام
فکر کنم اینترفیس مدیا سنتر رو با wpf و silverlight نوشتن

Amir4317
یک شنبه 04 مرداد 1394, 12:28 عصر
کامپوننتش هست ولی اسمش رو دقیقاً یادم نیست
ی جور منوئه آیکون بهش میدی وقتی موس میره روش زوم میشه و آروم آروم دکمه بزرگ میشه

ghasem110deh
یک شنبه 11 مرداد 1394, 22:39 عصر
کامپوننتش هست ولی اسمش رو دقیقاً یادم نیست
ی جور منوئه آیکون بهش میدی وقتی موس میره روش زوم میشه و آروم آروم دکمه بزرگ میشه

اسمش یادت نیومد ...
چی جستجو کنیم به نظرت !؟

golbafan
دوشنبه 12 مرداد 1394, 07:57 صبح
سلام
این فیلم رو ببین و نظرت رو در رابطه با طراحیش بگو

https://www.youtube.com/watch?v=RyO7v06xlWM

aliramazani
دوشنبه 12 مرداد 1394, 18:01 عصر
با wpf طراحی شده؟ مثل Flash MX هستش...

Morvaride80
دوشنبه 12 مرداد 1394, 20:07 عصر
سلام بر همه دوستان و مهندسین عزیز
نظرتون در این مورد چیه؟
این اولین برناممه ممنون میشم کمک کنین بهتر شم.

133887133889133888

ghasem110deh
دوشنبه 12 مرداد 1394, 23:38 عصر
ظاهرش خوبه ...
رنگ آبی ملایم و دلنشنی هستش :)
----
اما برنامه حرفه ای هستش (واسه اولین برنامه)
.
.
.
چیزی هم که به ذهن ناقصم میرسه اینه که چون زمینه آبی رنگ هست رنگ لیبل ها غیر از این رنگ باشه (رنگ سیاه و یا تیره)
هم راحت تر خونده میشن و هم چشم رو اذیت نمیکنن !

و از یه ست آیکون جالب تر استفاده کنید !

ghasem110deh
سه شنبه 13 مرداد 1394, 00:52 صبح
سلام
این فیلم رو ببین و نظرت رو در رابطه با طراحیش بگو

https://www.youtube.com/watch?v=RyO7v06xlWM


طرح قشنگ و حرفه ای هستش ! کار راحتی نیست :)
کلا ترکیب آبی ملایم و سفید قشنگ میشه ... ولی فکر نکنم این طرح ها بدرد برنامه های آرشیو و بایگانی داده و اطلاعات بخوره ، همون واسه آلبوم یا player جواب میده :متفکر:

Morvaride80
سه شنبه 13 مرداد 1394, 17:37 عصر
متشکرم از توجه و پیشنهادتون مهندس

مهرداد صفا
سه شنبه 13 مرداد 1394, 22:45 عصر
با سلام.
تاپیک موقتا به تاپیک اعلان تبدیل شد.
در صورت امکان می تونید علاوه بر قرار دادن تصویر از برنامه، در مورد تئوری های مرتبط به طراحی رابط گرافیکی، ایده ها و الگوهای استاندارد، حداقل ها، ویژگی های برتر از دید کاربران، ابزارها، باید ها و نباید ها و ... هم بحث و گفتگو کنید.
باشد که مفید و مورد توجه قرار بگیره.

ghasem110deh
چهارشنبه 14 مرداد 1394, 13:07 عصر
با تشکر از آقای مهرداد صفا ی عزیز ...
در خدمت دوستان هستیم با یک مقاله ساده پیرامون طراحی رابط کاربری (با اندکی دخل و تصرف)

------------

بررسی اجمالی روند توسعه رابط کاربری یا GUI

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


فاز اول - شروع به طراحی


برای شروع طراحی رابط کاربری باید نیازهای کاربر در استفاده از برنامه و اهداف برنامه (خروجی) مشخص شود.
(طبیعی است که درک درست از نیازهای کاربر به طراحی درست رابط کاربری می انجامد)
رابط کاربری نرم افزار بطور معمول شامل اشیائی می شود که کاربر بر روی صفحه مشاهده می کند و مستقیما با آنها در تعامل است ، از جمله : منوها ، کلیدها ، آیکون ها و دیگر ابزار ...
این یک جنبه از طراحی رابط کاربری است که قابل مشاهده است ، اما جنبه های اجتناب ناپذیر دیگری که مورد انتقاد کاربران قرار می گیرند عبارتند از :
زمان شروع (لودینگ) - زمان تاخیر اجرای دستورات - رفع خطا - وظایف خودکار که بدون دخالت کاربر انجام میشوند و ...
(از جمله وظایف خودکار برای رایط کاربری می توان به بررسی و تایید داده های ورودی توسط کاربر ، ارایه بر خط برخی خروجی های حساس و مورد نیاز لحظه ای کاربر و ... اشاره کرد)


* بطور کلی رابط کاربری نیازهای کاربر را در جهت به انجام رساندن یک روند توسط نرم افزار ، طی کمترین زمان و بدون دغدغه کاربر را محیا میسازد.


فاز دوم - توسعه رابطه کاربری


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


فرآیند معمول توسعه رابط کاربری به شرح زیر است :
طراحی
الزامات کاربری - تعیین نیازهای اولیه و اهداف نرم افزار.
تجزیه و تحلیل کاربران - شناسایی و درک نیازهای کاربران بر اساس هر سناریو. (هر قسمت از برنامه بنا بر خواست و تامین نیاز کاربر)
طراحی مفهومی - روند اصلی که نرم افزار می بایست انجام دهد.
طراحی منطقی - طراحی فرآیند و جریان اطلاعات نرم افزار. (داده های ورودی و خروجی)
طرحی فیزیکی - تصمیم گیری در مورد چگونگی طراحی منطقی بر روی سیستم عاملی خاص.


فاز سوم - پیاده سازی و بررسی


طراحی نمونه اولیه - تصویر سازی و توسعه مدل های کاغذی و یا بررسی روی صفحه نمایش ، به طوری که تمرکز کاربر به موارد سطحی ، منحرف و معطوف نشود.
(برخی از این موارد منحرف کننده نمایش ساعت ، تاریخ و ... با اندازه های غیر طبیعی هستند که در صفحه اصلی یا میز کار نرم افزار مشاهده می شود)
ساخت - ساخت نرم افزار و آمادگی برای درخواست تغییرات مورد نیاز در آینده ، امتحان و آنالیز برنامه.


بررسی
بررسی و امتحان قابلیت استفاده - تست نرم افزار با کاربران و حالات مختلف.
امتحان دسترسی - بررسی نرم افزار با فناوری های بروز و در دسترس با ابزار تست خودکار.


منبع :
https://msdn.microsoft.com/en-us/library/windows/desktop/ff728828.aspx

------------

تا قسمت بعد ،
یا علی !

jaboli
دوشنبه 19 مرداد 1394, 21:14 عصر
http://barnamenevis.org/attachment.php?attachmentid=134126&d=1439226717http://barnamenevis.org/attachment.php?attachmentid=134127&d=1439226737http://barnamenevis.org/attachment.php?attachmentid=134128&d=1439226753http://barnamenevis.org/attachment.php?attachmentid=134129&d=1439226788

دوستان نظر لطفا

aliramazani
سه شنبه 20 مرداد 1394, 13:16 عصر
به نظر من گرید ویوو خیلی تو ذوق میزنه

aliramazani
سه شنبه 20 مرداد 1394, 13:17 عصر
رنگها خیلی همخوانی ندارن با همدیگه

winner1
سه شنبه 20 مرداد 1394, 18:11 عصر
گرید ویرو نتونستم درک کنم همه ی قسمت های برنامه گرافیکی بعد گرید ویو .!!!؟؟؟

golbafan
چهارشنبه 21 مرداد 1394, 00:09 صبح
سلام دوستان عزیز
میخوام یه چند نکته رو خدمتتون بگم:

1- سعی کنید حد الامکان از تصاویر پس زمینه برای زیباسازی برنامه استفاده نکنید. من در برخی طراحی های این تاپیک دیدم این مطلب رو
حالا گاهی کارفرما میخواد که لوگوی سازمانش حتما دیده بشه که اون قضیه اش فرق میکنه

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

3- اصول مربوط به تقارن رو حتما مطالعه کرده و در طراحی بش دقت کنید: c2v - s4 و غیره
خیلی از طرح های دوستان تقارن ندارن

4- از نسبت های طلایی در طراحیتون بهره ببرید: برای مثال اندازه یک کنترل نسبت به فرم (عرض و ارتفاع) باید چقدر باشه تا زیباتر به نظر بیاد؟

5- در رنگ بندی گاهی تفاوت رنگ ها زیباتر از هم رنگ بودن میشه. باید از زبان رنگ ها بخوبی استفاده کنید.

6- حد الامکان قبلش روی کاغذ فرم رو طراحی کنین

7- به ترتیب قرار گرفتن کنترل ها روی فرم ها خیلی دقت کنید. گاهی اگه جای دوتا کنترل باهم عوض بشه خیلی بهتر میشه.
مثلا یکی بره بالاتر و اون یکی بیاد زیرش

8- سعس کنید برنامه ساده باشه. شلوغی اصلا جالب نیست. متاسفانه اغلب برنامه های ایرانی شلوغ و پر از دکمه و منو هستند

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


رعایت همین نکات کوچیک باعث میشه نرم افزارهاتون مثل محصولات کمپانی های معتبر خارجی بشه

Amir4317
یک شنبه 25 مرداد 1394, 03:05 صبح
رنگ بندی هم که دیگه شده نقل مجلس
واقعاً توی رنگ بندی خیلی خیلی دقت کنید استفاده از تصاویر بسته به کاربرد برنامه باید محدود و حساب شده و خیلی خیلی گزینشی باشن

یه مورد برنامه برای پایگاه بسیج بود که من چه اشتباهی کردم و طراحیشو سپردم به خودشون
خدا اون روز رو برا هیچ کس نیاره؛ برنامه شده بود بازار شام! پر از عکس مذهبی و دعا و ...


دیگه اینکه یکم خشوع و خضوع داشته باشین و اینقدر اسمتون رو توی برنامه هاتون درشت ننویسین؛ آخه یعنی چی؟
برنامه نوشتن دوتا عکس و با یه آهنگ نشون میده بعد تیتر بزرگ بالاش زدن طراحی و پیاده سازی از مهندس فلان فلان شده
که چی؟
توی مسجد شیخ لطف اله به اون عظمت و زیبایی
زیرِ یکی از اجراش کوچولو نوشته بود اثر بندی‌ی حقیر مسکین استاد معمار ...
درخت هرچی پربار تر افتاده تر!


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

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

نام گذاری برنامه و انتخاب آیکون حتی تا آخرین روزهای تحویل بروژه میتونه به درازا بکشه
من که خودم خیلی وسواسیم، باور کنید این نماد برنامه‌ی شما برند شماست
چیزی که مشتری هر روز می‌بینه و بسته به اون افکار نیک یا پلیدش رو از نظر میگذرونه

توی برنامه‌های بین المللی و چند ملیتی تا حدامکان از قابلیت چندزبانه بودن برنامه استفاده کنید،
باور کنید برنامه‌ای که زبان فارسی رو داشته باشه اصن جاش تو قلب منه

مدیریت پیام ها هم واسه خودش یه پروژه ست
اگه میتونید یه دفترچه راهنما با محصول ارائه بدید همراه با تصویر از برنامه که شاه گل مشتری پسندیه

اینا تجربه های دم دستیم بودن تابعد !

mehdivarse
دوشنبه 26 مرداد 1394, 14:48 عصر
نظرتون درباره این ظاهر چیه، یه پروژه تقریبا آموزشی.
اینم بگم من تازه شروع کردم .
http://uupload.ir/files/edb0_1234.png (http://uupload.ir/)

bobesfanji
چهارشنبه 28 مرداد 1394, 08:59 صبح
نظرتون درباره این ظاهر چیه، یه پروژه تقریبا آموزشی.
اینم بگم من تازه شروع کردم .


شما خیلی از تصاویر استفاده کردی؟
این بنر تبلیغاتی هست یا نرم افزار؟

توصیه ghasem110deh و golbafan و amir4317 رو یه نگاهی بندازین

ms-ninja
جمعه 30 مرداد 1394, 12:04 عصر
با تشک از تمامی استادان عزیز ولی خیلی خوب میشد اگر برای کسانی که مثل من آماتور هستند آموزش هایی در این زمینه قرار بدهید

که چگونه گرافیک برنامه را ارتقاع دهند و نحوهی ساخت برنامه هایی به صورت مترونیک با کامپوننت های DevExpress و تلریک

aliramazani
جمعه 30 مرداد 1394, 17:42 عصر
دوست عزیز اینجا بخش نظرخواهی و آشنایی با سلایق و الهام گرفتن از نمونه کارهای دیگرانه و برای آموزش این برنامه ها کافیه سرچ کنید. اگرم علاقه داشته باشید مثل خود من انقدر کار میکنید که از بر بشین.

این تاپیک عالیه واقعا
لطفا نزارین استپ بشه.

winner1
یک شنبه 01 شهریور 1394, 14:13 عصر
دیزاین کار جدیدم چطوره؟ 134567

NasimBamdad
یک شنبه 01 شهریور 1394, 14:23 عصر
دیزاین کار جدیدم چطوره؟ 134567

سلام


ستاره ها رو چه طوری انجام دادی ؟ میشه توضیح بدی؟

winner1
یک شنبه 01 شهریور 1394, 14:28 عصر
سلام


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

aliramazani
دوشنبه 02 شهریور 1394, 15:56 عصر
سلام


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

juza66
دوشنبه 02 شهریور 1394, 20:38 عصر
نسخه جدید نرم افزار زیگورات

http://bayanbox.ir/view/3762363075088663620/1.png

http://bayanbox.ir/info/5160410857988816432/3

http://bayanbox.ir/info/8525606989520399588/2

winner1
سه شنبه 03 شهریور 1394, 13:25 عصر
زیباست. با تلریک میشه درست کرد چنین فرمی.
از کمپوننت بدم میاد برنامه جدید م رو با ویندوز فرم نوشتم میزارم بدن بدونین بذونه کمپوننت چیکارمیشه کرد

ghasem110deh
سه شنبه 03 شهریور 1394, 13:50 عصر
از کمپوننت بدم میاد برنامه جدید م رو با ویندوز فرم نوشتم میزارم بدن بدونین بذونه کمپوننت چیکارمیشه کرد

سلام به همه ...
منم دیگه از کامپوننت استفاده نمیکنن (مگر اینکه یه کنترل کارایی داشته باشه که خودم نتونم اونو پیاده کنم)
.
.
.
اما یه نکته مهم تو اون مقاله مایکروسافت بود که خیلی خوشم اومد ...
این که رابط کاربری فقط زیبایی نیست و هدایت کاربر به طریق درست استفاده از برنامه جهت رسیدن به خواسته خودش هم هست !
الان دارم رو این کار میکنم ؛ کاربر باید بتونه مراحل یک پروسه نسبتا طولانی (مثلا ارتباط بین کالا ، مشتری ، فاکتور ، سفارشات فاکتور) که جهت صدور فاکتور یه رویه رو دنبال میکنه ، بدون سردرگم شدن انجام بده :)

تو اون پروژه انبارداری ساده که نوشته بودم (و اینجا قرار دادم) برای هر کار یه فرم گذاشته بودم :
یکی واسه انبار - یکی واسه کالا - یکی واسه مشتری - یکی واسه فاکتور و ... جالب تر اینه که توی فرم اصلی هیج ارتباطی یا وجه اشتراکی نداشتن که کاربر بتونه تشخیص بده مرحله بعد (مثلا ثبت کالا) چیه !
بنده خدا باید چند تا فرم باز میکرد تا بفهمه چیکار باس کنه :)

دوستان رو این موضوع هم وقت بزارین و اظهار نظر بفرمایید .

یا علی !

winner1
سه شنبه 03 شهریور 1394, 17:59 عصر
فکر کنم بهتره فعلن از نظرات ذوری کنم

ahmadreza.s
سه شنبه 03 شهریور 1394, 19:04 عصر
خوب کارم با دیزاین برنامم تموم شد من دیزاین و همیشه واسه مرحله اخر نگه میدارم چطوره ؟
فقط روش کلیک کنین با کیفیت اصلی نشون بده
http://uupload.ir/files/dbee_untitled.png
http://uupload.ir/files/744n_untitled.png
http://uupload.ir/files/mh6n_untitled.png

سلام ماشالا خيلي قشنگ بودن

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

winner1
سه شنبه 03 شهریور 1394, 19:11 عصر
سلام ماشالا خيلي قشنگ بودن

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

golbafan
چهارشنبه 04 شهریور 1394, 13:22 عصر
خوب کارم با دیزاین برنامم تموم شد من دیزاین و همیشه واسه مرحله اخر نگه میدارم چطوره ؟
فقط روش کلیک کنین با کیفیت اصلی نشون بده
http://uupload.ir/files/dbee_untitled.png
http://uupload.ir/files/744n_untitled.png
http://uupload.ir/files/mh6n_untitled.png


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

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

موفق باشید

golbafan
چهارشنبه 04 شهریور 1394, 13:27 عصر
یکی از نرم افزار هام با delphi

ahmadreza.s
چهارشنبه 04 شهریور 1394, 13:34 عصر
بله یه تب جدید باز نمیشه از هیچ کمپوننتی هم استفاده نکردم نه

خوب مثلن هر موقع تب ها باز ميشن چطوري فورم به صورت پويا ايجاد ميشه؟
من از اين تب ها خوشم اومده اگه ممكنه توضيح كاملي يا قطعه كدي برام بزاريد ، ممنون ميشم :قلب:

golbafan
چهارشنبه 04 شهریور 1394, 13:36 عصر
خوب مثلن هر موقع تب ها باز ميشن چطوري فورم به صورت پويا ايجاد ميشه؟
من از اين تب ها خوشم اومده اگه ممكنه توضيح كاملي يا قطعه كدي برام بزاريد ، ممنون ميشم :قلب:

اینجا رو ببین
http://www.codeproject.com/Articles/17640/Tabbed-MDI-Child-Forms

winner1
چهارشنبه 04 شهریور 1394, 14:05 عصر
سلام دوست عزیز
کارتون نمیشه گفت قشنگه و نمیشه گفت زشته
یک مورد سلیقه ای است که اگر روش بیشتر کار بشه بهتر میشه

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

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

golbafan
چهارشنبه 04 شهریور 1394, 22:47 عصر
ممنون از نظر ولی بهره یکم راجب طراحی به روز تحقیق کنین این طرحی که من زدم هنوز جایی زیاد مثل این رو ندیدم پس نمیشه گفتت واکنش مشتری چیه در واقع قصدم سنت شکنیه راجب رنگ یکدست الان تو بیشتر برنامه های کاربردی رنگ یک دست میزنن به هر حال پیشنهاد من به شما اینه حتما یکم راجب طراحی برنامه تحقیق کنین اگرم بام مخالفین پس طرز فکرمون متفاوه به هر حال

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

اینها نکات مهمی هستند که در تمام دنیا روی برنامه ها اعمال میشه. میتونید کتاب های مربوط به طراحی نرم افزار رو از اینترنت دانلود کنید. برای هر کاری یک UI مختلف نیاز میشه. مثلا اینترفیس مدیاسنتر رو نمیشه روی آفیس بزارن و دلیلشون صرفا سنت شکنی و زیبایی باشه!

این تصویر رو لطفا با دقت ببینید. تمامش پر از نکات مهمه:
134653

golbafan
چهارشنبه 04 شهریور 1394, 23:03 عصر
از ویکی‌پدیا، دانشنامهٔ آزاد

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


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

ghasem110deh
پنج شنبه 05 شهریور 1394, 11:58 صبح
از ویکی‌پدیا، دانشنامهٔ آزاد

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

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

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

دیگه خیلی رو رنگ بندی و ... تمرکز نمیکنم !

محمد آشتیانی
پنج شنبه 05 شهریور 1394, 12:13 عصر
فکر کنم بهتره فعلن از نظرات ذوری کنم

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

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

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


موفق باشید.

winner1
پنج شنبه 05 شهریور 1394, 13:00 عصر
سلام
فکر میکنم اصلا هدف این تاپیک این بوده که دوستان کارهاشون رو بذارن و با نظراتی که میگیرن ، ایراد های احتمالی کارشون رو رفع کنن.
دوست عزیزم ، رابط کاربری که شما طراحی کردی البته جالبه ، اما اگر شما فقط منتظر تشویق و تائید بقیه دوستان هستی ، خب طبیعتا نباید طرحتو اینجا میذاشتی ، همیشه خروجی چند فکر ، بهتر از یک فکر هست.
در مورد فرمایشات آقای گلبافان ، بنده هم با اکثر نظراتش موافقم ، همیشه جدید و نو بودن دلیل بر بهتر بودن نیست. شما کافیه خودت رو جای کاربر نهایی نرم افزارت بذاری و بشینی چند روز باهاش کار کنی ، اون موقعه که متوجه میشی چیزی که کاربرحس میکنه و نیاز داره چیه و به کل با دید من و شمای برنامه نویس تفاوت داره.
حتی نیاز هست که شما چند جا نرم افزارت رو بصورت آزمایشی نصب کنی و تا مدتی از کاربرها بازخورد بگیری که چه تغییراتی مورد نیاز هست.

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

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


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

aliramazani
پنج شنبه 05 شهریور 1394, 13:30 عصر
خوب کارم با دیزاین برنامم تموم شد من دیزاین و همیشه واسه مرحله اخر نگه میدارم چطوره ؟
فقط روش کلیک کنین با کیفیت اصلی نشون بده
http://uupload.ir/files/dbee_untitled.png
http://uupload.ir/files/744n_untitled.png
http://uupload.ir/files/mh6n_untitled.png
من خودم طرفدار کارهای نو هستم ولی یه عیب بزرگ هست.
مردم خیلی دوست ندارن عادتشون را کنار بزارن و به یه سیستم نو رو بیارن.
طرح های شما را من در محل کارم به چند نفر کاربر کامپیوتر که برنامه نویس نیستن نشون دادم خیلی خوششون نیومد. میگفتند بیشتر شبیه یه سایت هستش.

حسین.کاظمی
پنج شنبه 05 شهریور 1394, 18:30 عصر
http://barnamenevis.org/attachment.php?attachmentid=134642&d=1440579569


با سلام به همگی
طبق عکسی که میبینید میخام به این فرم یک رنگو لعابی و یک جونی(بدون کامپوننت) بهش بدم که از این اوضاع خسته کننده و بد ریخت (هم از لحاظ گرافیکی و هم کد نویسی) در بیاد.
اینم بگم بهتون که اطلاعات هر Tab مربوط به جدول مربوطش است اگر توجه کرده باشید توی هرتب یک کلید واسه ذخیره اطلاعاتش گذاشتم و این بنظر خودم خیلی جالب نیست.
حالا از شما دوستان میخام پیشنهادات،نظرات خودتون را بدید تا یه سروسامونی به این فرم بدم.
میخام جوری طراحیش کنم که اگر وضعیت متاهل بود یا تب،فرم یا ..... مربوط به همسر ظاره بشه و اطلاعات را از کاربر بگیره و ذخیره کنه یه چیز تو همچین مایه هایی باشه که بشه کنترل کرد برنامه را با ظاهرش،منتظر نظرات شما دوستان عزیز هستم!

تشکر از همگی

ghasem110deh
پنج شنبه 05 شهریور 1394, 18:34 عصر
تجربه‌کاربری (UX) چیست؟

توی سرتاسر دنیا همه شرکت‌های بزرگ دارن محصولاتی رو طراحی می‌کنن که در نهایت به دست من و شما می‌رسه و ازشون استفاده می‌کنیم. وقتی برای اولین بار یه موبایل خریدید چه حسی داشتید؟ در مورد اینکه می‌تونستید گوشی تلفن‌تون رو توی جیب‌تون بزارید و هرجایی دور از خونه به تماس‌هاتون جواب بدید چه فکری می‌کردید؟ آیا داشتن یه گوشی تلفن با قابلیت حمل، باعث نمی‌شد در مقابل دوستان و نزدیکان‌تون یه حس خاص داشته باشید؟ شما یه حس برتری و قدرت در خودتون نمی‌دیدید؟
بله میدونم که این حس به ۱۰−۱۲ سال پیش مربوط می‌شده و الان دیگه همه یه گوشی موبایل دارن و کسی به خاطر موبایلش احساس غرور نمی‌کنه. اما این موضوع رو همین الان هم می‌شه به شکل دیگه‌ایی دید. فکر می‌کنید حس داشتن یه iPhone 6+ برای کسی که یه گوشی کلاسیک Nokia 2200‌ داره چجوریه؟
قبلا وقتی می‌خواستیم ایمیل‌مون رو چک کنیم، اگه خودمون یه کامپیوتر‌ شخصی داشتیم، باید منتظر یه فرصتی می‌شدیم تا بریم پشت کامپیوتر و ایمیل رو باز کنیم. اگه کامپیوتر هم نداشتیم که دیگه وضع بدتر بود و باید دنبال یه زمان آزاد و یه کافی‌نت می‌گشتیم. اما حالا ما داریم با گوشی موبایل‌مون این رو تجربه می‌کنیم که خیلی راحت می‌تونیم هرجایی که هستیم گوشی رو از جیب‌مون دربیاریم و ایمیل‌ها رو چک کنیم. فرقی نمی‌کنه در حال راه رفتن توی خیابون، توی اتوبوس، در حال مسافرت، یا حتی روی تختمون دراز کشیده باشیم.
یه وقت هم میشه که این تجربه‌ها بد باشن. مثلا این گوشی Xperia X10 mini من حافظه RAM خیلی پایینی داره. من هرموقع که می‌خوام با گوشیم به فیس‌بوک سربزنم، باید همه برنامه‌های جانبی رو ببندم تا گوشیم هنگ نکنه!
تجربه‌های خوب و بدی که ما در استفاده از محصولات داریم باعث شدن که اونها رو بخریم یا نخریم.در یک جمله، تجربه‌هایی که ما در استفاده از محصولات مختلف داریم باعث شدن که اونها رو بخریم یا نخریم. طبیعتا وقتی این تجربه‌ها تا این حد مهم هستن که روی تصمیم‌گیری‌های ما تاثیر مستقیم دارن، یک صعنتی هم بوجود میاد که تمرکزش روی خلق تجربه‌های شیرین‌تر برای کاربران باشه. به این صنعت میگن صنعت تجربه‌کاربری.

تجربه‌کاربری در ویکی‌پدیا : اینطور تعریف شده: «تجربه‌کاربری، خلق هر چیز معنا دار و به یاد ماندنی است که توسط یک سازمان برای مشتریان ایجاد می‌گردد.» آقای Jesse James Garrett هم در یکی از کتاب‌های خودش به نام « المنت‌های تجربه‌کاربری» میگه:
تجربه‌کاربری یعنی نگاه به کاربرد محصول از بیرون. یعنی از همون سمتی که مردم به نحوه عملکردش نگاه می‌کنن.طراحی تجربه‌کاربری (UX Design) چیست؟

کاربرا تجربه‌های متفاوتی در استفاده از یه محصول دارن. یعنی ممکنه تجربه من در استفاده از iPhone 6+ با تجربه شما متفاوت باشه. توی دنیای تجربه‌کاربری یکی از مهمترین موضوعاتی که همیشه باهاش در ارتباط هستیم اینه که بدونیم الان کاربران ما چه چیزی رو دارن تجربه میکنن. برای این کار لازمه که نیاز‌های کاربر رو شناسایی کرده باشیم و بدونیم که با چه مسائلی روبرو هستن. طراحی اینجا یعنی پیدا کردن راه حل برای این مسائل. بنابر این طراحی‌تجربه‌کاربری یعنی پیدا کردن راه حلی برای بهتر کردن تجربه‌های کاربران.
مثلا یاهو و گوگل هر دو یه شرکت اینترنتی خیلی بزرگ هستن که سرویس‌های زیادی رو برای کاربراشون دارن. برای این دو شرکت یکی از مهمترین دغدغه‌ها اینه که همه سرویس هاشون در دسترس کاربر باشه. یاهو می‌خواد همه این سرویس‌ها رو توی صفحه اصلی داشته باشه، اما گوگل رویکرد متفاوتی داره. اینکه چطور همه سرویس‌ها در دسترس کاربر قرار بگیره بدون اینکه باعث سردرگمیش بشیم یه مسئله به حساب میاد.
حالا یه طراح تجربه‌کاربری باید طرحی ارائه بده که این مشکل رو حل کنه. یعنی دو هدف رو دنبال کنه: اول اینکه کاربر بتونه به همه این سرویس‌ها دسترسی داشته باشه و دوم اینکه شرکت‌های یاهو و گوگل بتونن به اهداف تجاریشون برسن. می‌بینید که طراحان تجربه‌کاربری این دو شرکت بزرگ رویکرد‌های کاملا متفاوتی رو هم در پیش گرفتن.
طراحی تجربه‌کاربری چه حوزه‌هایی رو پوشش میده؟

یکی از چیزهایی که توی طراحی تجربه‌کاربری کمی فریبنده است اینه که اغلب افرادی که تازه باهاش آشنا می‌شن فکر می‌کنن تجربه‌کاربری یه موضوع مستقله. اما در واقع اینطور نیست و تجربه‌کاربری از ترکیب و هماهنگی بین چند حوزه دیگه به وجود میاد. حالا من چند تا از مهمترین این حوزه‌ها رو بهتون معرفی می‌کنم.
طراحی تعاملی (Interaction Design)

طراحی تعاملی به عنوان یکی از المنت‌های اصلی طراحی تجربه‌کاربری شناخته می‌شه و مربوط می‌شه به روش تعامل وب‌سایت‌ها با انسان. چون وب‌سایت‌ها ابزار‌های تکنولوژیک خشنی هستند، ارتباط انسان با این ابزار‌ها کمی متفاوتر به نظر می‌رسه. معمولا کاربرای شما نمی‌تونن خیلی راحت به وب سایتتون اعتماد کنن. به همین دلیل ارتباط انسان با چنین ابزار‌هایی ( به عنوان یک موجود اجتماعی) نیاز به یه رویکرد تعاملی و دوطرفه داره.
رابط کاربری و طراحی دیداری (User Interface Design)

من نمی‌خوام مباحثی مثل روانشناسی گشتالت و یا ادراک دیداری رو بشکافم ولی به طور کلی طراحی دیداری (بهش طراحی گرافیکی هم می‌گن) یعنی روش استفاده از عناصر بصری مثل رنگ، تصاویر و سمبل ها، برای انتقال یه پیام به کاربر. غیر از این شامل روش استفاده کاربر از محصول هم می‌شه. موضوع رابط کاربری رو میتونید به طور کامل‌تری توی این مطلب دنبال کنید.
کاربردپذیری (Usability)

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

قابلیت دسترسی یعنی وجود سیستمی برای وصول، استفاده و درک آسون. وجود ابزار‌های پیمایشی مناسب (مثل منو ها) که باعث بشن کاربر خیلی آسون به قسمت‌های مختلف سایت دسترسی داشته باشه، همینطور بعد از دسترسی به هر قسمت برای استفاده از اون با پیچیدگی روبرو نشه و در نهایت اینکه بتونه در کمترین زمان به درک جامعی از وب سایت برسه، مجموعه مسائلی هستن که قابلیت دسترسی روی اونها تمرکز داره.
تعامل انسان و کامپیوتر (HCI)

شاید بشه گفت تعامل انسان و کامپیوتر موضوع اصلی تجربه‌کاربریه. در واقع ما باید تجربه کاربر رو در طراحی‌ها دخالت بدیم. می‌تونیم این بخش رو به عنوان نتیجه گیری هم در نظر بگیریم و بگیم به طور کلی در طراحی تجربه‌کاربری، درک احساسات بازدید کننده‌های یه وب سایت، کلید اصلیه. اولین قدم در طراحی تجربه‌کاربری اینه که ببینیم چی می‌تونه باعث بشه کاربر مایل به بازدید از وب سایت ما بشه ؟
معماری اطلاعات (Information Architecture)

تعریفی که انستیتو جهانی معماری اطلاعات ارائه می‌کنه رو ساده کنم، معماری اطلاعات علم و هنریه که کمک می‌کنه کاربران دسترسی بهتری به اطلاعات داشته باشن. به عبارتی معماری اطلاعات یعنی کمک به کاربر برای اینکه بتونه اطلاعات رو راحت‌تر پیدا کنه.

----
منبع : http://webadvice.ir/article/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-ux-design-%DA%86%DB%8C%D8%B3%D8%AA-%D8%9F/

محمد آشتیانی
پنج شنبه 05 شهریور 1394, 20:49 عصر
http://barnamenevis.org/attachment.php?attachmentid=134642&d=1440579569


با سلام به همگی
طبق عکسی که میبینید میخام به این فرم یک رنگو لعابی و یک جونی(بدون کامپوننت) بهش بدم که از این اوضاع خسته کننده و بد ریخت (هم از لحاظ گرافیکی و هم کد نویسی) در بیاد.
اینم بگم بهتون که اطلاعات هر Tab مربوط به جدول مربوطش است اگر توجه کرده باشید توی هرتب یک کلید واسه ذخیره اطلاعاتش گذاشتم و این بنظر خودم خیلی جالب نیست.
حالا از شما دوستان میخام پیشنهادات،نظرات خودتون را بدید تا یه سروسامونی به این فرم بدم.
میخام جوری طراحیش کنم که اگر وضعیت متاهل بود یا تب،فرم یا ..... مربوط به همسر ظاره بشه و اطلاعات را از کاربر بگیره و ذخیره کنه یه چیز تو همچین مایه هایی باشه که بشه کنترل کرد برنامه را با ظاهرش،منتظر نظرات شما دوستان عزیز هستم!

تشکر از همگی

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


موفق باشید.

juza66
پنج شنبه 05 شهریور 1394, 22:10 عصر
http://barnamenevis.org/attachment.php?attachmentid=134642&d=1440579569


با سلام به همگی
طبق عکسی که میبینید میخام به این فرم یک رنگو لعابی و یک جونی(بدون کامپوننت) بهش بدم که از این اوضاع خسته کننده و بد ریخت (هم از لحاظ گرافیکی و هم کد نویسی) در بیاد.
اینم بگم بهتون که اطلاعات هر Tab مربوط به جدول مربوطش است اگر توجه کرده باشید توی هرتب یک کلید واسه ذخیره اطلاعاتش گذاشتم و این بنظر خودم خیلی جالب نیست.
حالا از شما دوستان میخام پیشنهادات،نظرات خودتون را بدید تا یه سروسامونی به این فرم بدم.
میخام جوری طراحیش کنم که اگر وضعیت متاهل بود یا تب،فرم یا ..... مربوط به همسر ظاره بشه و اطلاعات را از کاربر بگیره و ذخیره کنه یه چیز تو همچین مایه هایی باشه که بشه کنترل کرد برنامه را با ظاهرش،منتظر نظرات شما دوستان عزیز هستم!

تشکر از همگی




بسیار زیبا و جمع جوره ولی اگر بتونی اون عکس که برای پیکچرباکس انتخاب کردی رو ساده (مثل پیکچرباکس زیر بذاری) بنظرم بهتره

http://bayanbox.ir/view/8254658061273155467/2.jpg

برای ایکن حذف و ویرایش و ذخیره تویی دکمه ایکن هات رو بذاری و یک اندازه انجام بدی بهتره.


رنگ های دکمه هات رو یک رنگ بذار و اگر داری شورتکات برای دکمه ها تعریف میکنی بهتره برای همه تعریف کنی و اگر جایی براش نداری مثل برنامه من (عکس زیر) براش لیبل بذار

http://bayanbox.ir/view/9055853988522177070/2.png



خلاصه فرم منظم و زیباییه. موفق باشی

حسین.کاظمی
پنج شنبه 05 شهریور 1394, 22:23 عصر
بسیار زیبا و جمع جوره ولی اگر بتونی اون عکس که برای پیکچرباکس انتخاب کردی رو ساده (مثل پیکچرباکس زیر بذاری) بنظرم بهتره

http://bayanbox.ir/view/8254658061273155467/2.jpg

برای ایکن حذف و ویرایش و ذخیره تویی دکمه ایکن هات رو بذاری و یک اندازه انجام بدی بهتره.


رنگ های دکمه هات رو یک رنگ بذار و اگر داری شورتکات برای دکمه ها تعریف میکنی بهتره برای همه تعریف کنی و اگر جایی براش نداری مثل برنامه من (عکس زیر) براش لیبل بذار

http://bayanbox.ir/view/9055853988522177070/2.png



خلاصه فرم منظم و زیباییه. موفق باشی

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

juza66
جمعه 06 شهریور 1394, 17:46 عصر
سلام مجدد دوستان این نسخه جدید برنامه درمانگاهه (برای سرعتر بودن اکثر گزینه ها رو حذف کردم که کاربر راحت باشه)
134691

این نسخه قدیمی:
http://charp.persiangig.com/BOALI/2.jpg



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

aliramazani
جمعه 06 شهریور 1394, 19:38 عصر
به نظر من زیبا و کاربر پسنده

juza66
جمعه 06 شهریور 1394, 20:48 عصر
تشکر دوست عزیز


دوستان میگم خلوت تره شده کاربر (ساده کار و بی تجربه) اذیت نمیشه؟! منظورم سردرگم نمیشه؟!
اون نسخه قبلی رو نگاه کنید با این جدید منظورم رو متوجه میشید خیلی از ایتم های غیرضروری که خودم بصورت اتوماتیک میتونم ثبت کنم مثلا تاریخ، شماره نوبت و یا نام پزشک یا پرستار که همون اول موقع لاگین از کاربر اطلاعات رو میگیرم رو برداشتم و بجاش اونایی که متغییرن رو گذاشتم.

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


بنظرتون بهتره شده؟! یا اگر تجربه ای کاری یا نظری دارید ممنون میشم بگید

ghasem110deh
شنبه 07 شهریور 1394, 00:45 صبح
تشکر دوست عزیز
دوستان میگم خلوت تره شده کاربر (ساده کار و بی تجربه) اذیت نمیشه؟! منظورم سردرگم نمیشه؟!
اون نسخه قبلی رو نگاه کنید با این جدید منظورم رو متوجه میشید خیلی از ایتم های غیرضروری که خودم بصورت اتوماتیک میتونم ثبت کنم مثلا تاریخ، شماره نوبت و یا نام پزشک یا پرستار که همون اول موقع لاگین از کاربر اطلاعات رو میگیرم رو برداشتم و بجاش اونایی که متغییرن رو گذاشتم.
و هزینه دفترچه ها رو موقعی که کاربر انتخاب میکنه اتوماتیک قیمت میزنم
بنظرتون بهتره شده؟! یا اگر تجربه ای کاری یا نظری دارید ممنون میشم بگید

سلام
چون به سریع تر شدن روال و راحت تر شدن کاربر اشاره کردین ، بنظر منم کار درستی کردین !
البته من کلا با اون ساعت های حجیم توی فرم مخالم ، تازه تو نسخه جدید منگوله دار هم شده ... (یه آیتم بشدت غیر ضروری هستش - که هر وقت فرم رو نگاه میکنم حواسم به اون میفته)
ظاهرا نباید توی فرم حواس کاربر منحرف بشه (به چیزای غیر ضروری) ... شاید هم من به ساعت آلرژی دارم :لبخند:

در کل کار خوبی کردی که خلوت کردی ... مثل حق ویزیتی که پایین فرم بود (معمولا منشی ها این موارد از خود دکترا دقیق تر می دونن)
اون مواردی که کاربر (منشی) لازم داره واسه ثبت و ضبط کردن مراجعین تو فرم باشه کافیه !
که منشی راحت تر باشه (معمولا وقتی مطب شلوغه ، منشی زرنگ باشه به همون نوبت دهی برسه)

در مورد شماره (نوبت) و تاریخ ویزیت کار خوبی کردی که برنامه خودش ثبت میکنه ! دو قدم منشی رو انداختی جلو :)

در کل نظر حقیر اینه که بهتر شده (چون کاربر به نظرم راحت تر شده)

golbafan
شنبه 07 شهریور 1394, 08:02 صبح
سلام
به نظر من نسخه جدید خیلی بهتره و کاملا راحت میشه باهاش کار کرد.
فقط باید برای کسانی که از نسخه قبلی استفاده کردند یه فکری بکنید
چون معمولا با این تغییرات زیاد که روبرو میشن فکر میکنن شما یک سری از امکانات رو حذف کردید!

برای مثال قسمت جستجو بر اساس تاریخ و نام بیمار و نام پزشک رو باید آموزش بدید

حسین.کاظمی
شنبه 07 شهریور 1394, 10:54 صبح
بسیار زیبا و جمع جوره ولی اگر بتونی اون عکس که برای پیکچرباکس انتخاب کردی رو ساده (مثل پیکچرباکس زیر بذاری) بنظرم بهتره

http://bayanbox.ir/view/8254658061273155467/2.jpg

برای ایکن حذف و ویرایش و ذخیره تویی دکمه ایکن هات رو بذاری و یک اندازه انجام بدی بهتره.


رنگ های دکمه هات رو یک رنگ بذار و اگر داری شورتکات برای دکمه ها تعریف میکنی بهتره برای همه تعریف کنی و اگر جایی براش نداری مثل برنامه من (عکس زیر) براش لیبل بذار

http://bayanbox.ir/view/9055853988522177070/2.png



خلاصه فرم منظم و زیباییه. موفق باشی


دوست عزیز اون تب های مشخصات اسمی و آدرس و تلفن را با عکس درست کردی یا کامپوننت؟؟؟

NasimBamdad
شنبه 07 شهریور 1394, 10:57 صبح
منم دنبال همین سوالم

Roia_del
شنبه 07 شهریور 1394, 11:44 صبح
منم دنبال همین سوالم

دقیقا منم یه همچین سوالی دارم . آفرین

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

چون بعضی وقتها لازم میشه یه برنامه تحت ویندوز هم بنویسم که خیلی خوب از آب درنمیاد.

juza66
شنبه 07 شهریور 1394, 12:17 عصر
سلام مجدد


اره کامپونت قبلا دوستان اشاره کرده بودن ، DevComponet2

محمد رضا فاتحی
شنبه 07 شهریور 1394, 12:21 عصر
سلام...کدوم کنترلش؟؟

juza66
شنبه 07 شهریور 1394, 12:25 عصر
این فرم لاگین:
134700



این فرم قبل از ورود اطلاعات اولیه رو از کاربر میگیره مثلا، نام دکتر عمومی شیفت، دکترهای متخصص، پرستار خانم و آقا:
134701


اینم فرم تنظیمات برنامه:
134702

juza66
شنبه 07 شهریور 1394, 12:28 عصر
سلام...کدوم کنترلش؟؟


این:
134703

juza66
شنبه 07 شهریور 1394, 12:40 عصر
اینم فرم های دیگه برنامه درمانگاه:

فرم قدیم سیستم نوبت دهی:
134704


فرم صورتحساب پزشکان و دندانپزشکان:
134705

فرم مدیریت خدمات:
134706

فرم صورتحساب نسخ:
134707

فرم گزارش حسابداری:
134708

فرم پشتیبان گیری دستی و خودکار (بعد از خروج پشتیبان گیری انجام میشه)
134709



بنظرتون خوب بوده؟! دارم روی نسخه جدیدش کار میکنم.

حسین.کاظمی
شنبه 07 شهریور 1394, 14:36 عصر
بنظرتون خوب بوده؟! دارم روی نسخه جدیدش کار میکنم.

عالیه دوست گرامی؛ فقط ای کاش با این سلقیه و ذوق و رنگ بندی که داری بری بسمت وب حیف تو ویندوز موندی با این همه سلیقه!!!!
(((از ما گفتن بود دوست عزیز))

ahmadreza.s
شنبه 07 شهریور 1394, 15:11 عصر
خيلي شيك و قشنگ بود ، من كه لذت بردم :قلب:

golbafan
یک شنبه 08 شهریور 1394, 12:36 عصر
آقای Juza66 طراحی های شما خوب و استاندارد هستند.
البته فرم اصلی یکمی نا هماهنگی با بفیه فرم ها داره!
اما در کل خوب هستند
موضوع UXD رو هم رعایت کردید :تشویق:

برای عددها چه فونتی استفاده کردی؟ خیلی خوبه...

ghasem110deh
یک شنبه 08 شهریور 1394, 13:35 عصر
آقای Juza66 طراحی های شما خوب و استاندارد هستند.
البته فرم اصلی یکمی نا هماهنگی با بفیه فرم ها داره!
اما در کل خوب هستند
موضوع UXD رو هم رعایت کردید :تشویق:

برای عددها چه فونتی استفاده کردی؟ خیلی خوبه...

سلام آقا گلبافان :)
---
B yekan دیگه !

golbafan
دوشنبه 09 شهریور 1394, 09:22 صبح
سلام آقا گلبافان :)
---
B yekan دیگه !

اوکی!
پس این بی یکان که میگن اینه!!!

حسین.کاظمی
سه شنبه 10 شهریور 1394, 08:30 صبح
wpf همینه دیگه مشتی همهچیش که دیزاین نی کارایی یتونی توش انجام بدی که تو ویندوز فرم باید خدای این کار باشی با کلی کد نویسی بتونی مثلا wpf اجازه میده واسه تعریف ستون از هر کنترلی حتی یوزر کنترل خودت استفده کنی که من کردم یه یوزر کنترل نوشتم که امتیاز میده با عکس

دوست عزیز میشه یه آموزش کوچولویی واسه امثال من که مبتدی ام بزارید؟؟؟

winner1
سه شنبه 10 شهریور 1394, 13:15 عصر
دوست عزیز میشه یه آموزش کوچولویی واسه امثال من که مبتدی ام بزارید؟؟؟
تو این پست که نمیشه ولی به زودی حتما

yanni2
پنج شنبه 12 شهریور 1394, 00:53 صبح
سلام دوستان
به نظر شما بهترین desing یا ظاهر کاربری برای نرم افزارها در سی شارپ باید چطور باشه ؟ آیا اصولی هست برای این کار؟
این که منوها کجا باشند، از چه کامپوننت هایی استفاده کنیم بهتره ، صفحه اصلی باید چطور باشد ؟!
کلاً در رابطه با طراحی ظاهر نرم افزار هرکس هر چی میدونه بگه
ممنون

golbafan
دوشنبه 23 شهریور 1394, 17:51 عصر
کلاً در رابطه با طراحی ظاهر نرم افزار هرکس هر چی میدونه بگه


چشم!!!

این تاپیک در همین موضوع هست. مطالب خوبی داره از اول خوندین؟

farokh110
شنبه 28 شهریور 1394, 01:32 صبح
دوستان من devcomponent رو زیرو رو کردم ولی این TabControl که این دوست عزیز استفاده کردن رو نتونستم پیدا کنم. میشه یکی کمک کنه؟


135314

NasimBamdad
شنبه 28 شهریور 1394, 07:48 صبح
خیلی خوشگله - البته ایشان با عکس قشنگ ترش کرده

juza66
شنبه 28 شهریور 1394, 07:58 صبح
اینجا گفتم http://barnamenevis.org/showthread.php?494116-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B8%D8%A7%D9%87%D8%B1-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-UserInterface&p=2257886&viewfull=1#post2257886

farokh110
شنبه 28 شهریور 1394, 14:46 عصر
اینجا گفتم http://barnamenevis.org/showthread.php?494116-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B8%D8%A7%D9%87%D8%B1-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-UserInterface&p=2257886&viewfull=1#post2257886

والا من هرکاری کردم نتونستم مثل این تب رو بسازم وگرنه میدونم کدوم کنترل هستش. میشه یه راهنمایی بفرمایید؟ ممنون میشم

farokh110
دوشنبه 30 شهریور 1394, 01:39 صبح
والا من هرکاری کردم نتونستم مثل این تب رو بسازم وگرنه میدونم کدوم کنترل هستش. میشه یه راهنمایی بفرمایید؟ ممنون میشم

کسی نبود کمک کنه؟:ناراحت:

juza66
دوشنبه 30 شهریور 1394, 19:02 عصر
تویی تنظیمات همین ایتم اگر نگاه کنید نوشته که:

TabStyle روی Office2010BackstageBlue گذاشتم، و براش یک آیکن از لیست تنظمات تب انتخاب کردم

ghasem110deh
دوشنبه 30 شهریور 1394, 22:47 عصر
دوستان این عکس کلی مطلب داره : (درباره UI & UX)

یه مطلب دیگه هم خوندم :
"رابط کاربری + تجربه کاربر = برند شما"

golbafan
دوشنبه 30 شهریور 1394, 23:29 عصر
هر دو مهم هستند و هم رو کامل میکنن
135401

لینک مفید برای مطالعه: http://www.elinext.com/8-tips-for-successful-ui-and-ux

ghasem110deh
یک شنبه 05 مهر 1394, 10:42 صبح
سلام به همه ...
دوستان توی فرم اصلی بهتره به کاربر اجازه بدیم هر چند تا فرم که دلش خواست باز کنه یا فقط یه فرم (showDialog) !؟
با توجه به اینکه توی فرمهای فرعی (هنگام کار باشون) نیازی به اطلاعات فرم های دیگه نیست و اگه هم باشه از تو خود فرم دسترسی دادم ...
.
.
.
اگه فقط یه فرم باز بشه کاربر احساس محدودیت نمیکنه ؟
و وقتی هم که اجازه باز شدن هر فرمی رو میدم (Show) خیلی قاتی پاتی میشه ! در صورتی که نیازی به اینکار نمی بینم و هر قسمت با فرمهاش برای کاربر مرحله بندی (step by step) شده ...

valentine093
دوشنبه 06 مهر 1394, 18:42 عصر
با سلام خدمت اساتید
من تو این فرم اصلی که برنامه حسابداری و فروش یک فروشگاه کاشی و سرامیک هستش با توجه به گسترش برنامه نیاز به تغییر این فرم دارم
با توجه به اینکه عکس مربوطه نباید حذف شود میخواستم پیشنهادهای دوستان رو در مورد استفاده از منو یا هر ابزار دیگه بدونم.
ممنون از مهندسین محترم

juza66
دوشنبه 06 مهر 1394, 19:20 عصر
با سلام خدمت اساتید
من تو این فرم اصلی که برنامه حسابداری و فروش یک فروشگاه کاشی و سرامیک هستش با توجه به گسترش برنامه نیاز به تغییر این فرم دارم
با توجه به اینکه عکس مربوطه نباید حذف شود میخواستم پیشنهادهای دوستان رو در مورد استفاده از منو یا هر ابزار دیگه بدونم.
ممنون از مهندسین محترم


این:
http://bayanbox.ir/info/4817398719589863004/1

Amir4317
سه شنبه 07 مهر 1394, 06:38 صبح
سلام به همه ...
دوستان توی فرم اصلی بهتره به کاربر اجازه بدیم هر چند تا فرم که دلش خواست باز کنه یا فقط یه فرم (showDialog) !؟
با توجه به اینکه توی فرمهای فرعی (هنگام کار باشون) نیازی به اطلاعات فرم های دیگه نیست و اگه هم باشه از تو خود فرم دسترسی دادم ...
.
.
.
اگه فقط یه فرم باز بشه کاربر احساس محدودیت نمیکنه ؟
و وقتی هم که اجازه باز شدن هر فرمی رو میدم (Show) خیلی قاتی پاتی میشه ! در صورتی که نیازی به اینکار نمی بینم و هر قسمت با فرمهاش برای کاربر مرحله بندی (step by step) شده ...

سلام مهندس
مواقعی پیش میاد که دستکاری و ویرایش اطلاعات باید بصورت مستقیم، یکباره، یکتا و بصورت واحد انجام بشن تا باعث چندباره شدن کار نشه

مثلاً موقعی که نام کاربری و رمز عبور رو تغییر میدید و یا مشخصات یک مشتری رو ویرایش میکنید، سندی رو چاپ میکنید و یا تنظیمات برنامه رو تغییر میدید باید پنجره بصورت ShowDialog باشه تا حین انجام تغییرات مشکلی پیش نیاد و اون پنجره بصورت خاص و تکی نشون داده بشه؛
شما نمیتونید همزمان مشخصات یک مشتری رو در دو فرم نمایش بدید و هرکدوم رو یک جور متفاوت ویرایش کنید!
اما مثلاً نمایش فاکتورها و بطور کلی پنجره‌های نمایش اطلاعات و آمار برای مقایسه بصورت عادی استفاده میشن و ضرری به یکتا و پاک بودن اطلاعات نمیزنن :چشمک:

behzad_lover
سه شنبه 07 مهر 1394, 15:10 عصر
این:
http://bayanbox.ir/info/4817398719589863004/1

سلام جناب juza66 عزیز.
میشه بفرمایید منوی سمت راست برنامه تون چه کنترلی هست؟!؟

golbafan
چهارشنبه 08 مهر 1394, 22:03 عصر
سلام به همه ...
دوستان توی فرم اصلی بهتره به کاربر اجازه بدیم هر چند تا فرم که دلش خواست باز کنه یا فقط یه فرم (showDialog) !؟
با توجه به اینکه توی فرمهای فرعی (هنگام کار باشون) نیازی به اطلاعات فرم های دیگه نیست و اگه هم باشه از تو خود فرم دسترسی دادم ...
.
اگه فقط یه فرم باز بشه کاربر احساس محدودیت نمیکنه ؟
و وقتی هم که اجازه باز شدن هر فرمی رو میدم (Show) خیلی قاتی پاتی میشه ! در صورتی که نیازی به اینکار نمی بینم و هر قسمت با فرمهاش برای کاربر مرحله بندی (step by step) شده ...

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

abdullah20
چهارشنبه 08 مهر 1394, 22:55 عصر
در اکثر برنامه ها نباید کاربر را مجبور به استفاده از یک فرم کرد
ولی شما باید کاری کنید که کاربر یک فرم را بیشتر از یک بار نتونه باز کنه یعنی اگر باز بود دوباره باز نشه بلکه فعال بشه

آقای الیان
یک شنبه 12 مهر 1394, 12:05 عصر
پیشنهاد می کنم به WPF رو بیارید.

کامبیز اسدزاده
یک شنبه 12 مهر 1394, 12:13 عصر
در عجبم که به غیر از یکی دو تا طرح که دیدم بقیه از UX پیروی نکرده اند حتی این چند نمونه که پیروی کرده بودند طرحشون خیلی تعریفی نداشت.
جان هرکسی که دوست دارید از این طراحی های زمان ویندوز 98 خارج بشید هر برنامه ای که پیچیدگی خاص خودش رو داره بدون رابط کاربری درست حسابی ارزش رقابت در بازار کار رو نداره.

من یک طرحی رو میزارم اینجا که از دیشب طی 1 ساعت طراحیش کردم هرکس میبینه میگه طراحی نرم افزار وب هست نه دسکتاپ !

135690135691


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

در مورد اشتباهات در طراحی که رواج پیدا کرده یک مثال ساده ای رو میزنم که حتما همه دوستان باهاش آشنایی دارند : یادم هست وقتی منوی Office 2007 وارد کار شد همه ازش استقبال کردند و هرچقدر دلتون بخواد نرم افزار هایی که دارای همچین منویی هستند روانه بازار شدند ولی آیا مایکروسافت همین منو رو در نسخه های بعدی محصولاتش تغییر نداد ؟ خب مسلما باید تغییر میداد دلیل داره چون باید حس جدیدی رو برای کاربر انتقال بده چیزی که اصلا ما بهش توجه نمیکنیم هرجا یه نرم افزار سفارش میدن سریع یه کامپوننت منو آفیسی میزنیم با به به چه چه هم تعریفش میکنیم خب که چی ؟ کاربر چه حسی جدیدی رو تجربه کرد ؟! جالب اینجاست به جای طراحی و نو آوری جدید در طراحی بیشتر توسعه دهندگان و طراحان روش های تکراری رو ترجیح میدن که درست نیست ، مثلا محصول نفر Y با محصول نفر X یکی شد هم از لحاظ طراحی و هم کارآیی اونوقت مسلما تنها چیزی که باعث میشه رقابت ایجاد بشه قیمت هست و این قیمتی که بالا پایین میشه بازار کار خراب و حال و حوصله صاحب محصول رو از بین خواهد برد و این کار باعث میشه با اینکه هزاران نرم افزار روانه بازار شده تنوع قابل توجهی رو مشاهده نکنیم.

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

باور کنید برنامه هایی میشناسم که فقط به خاطر آیکونش دانلود میشه ! یا برنامه هایی هستند در این Store ها که طرف Shot ها رو میبینه و تمایل پیدا میکنه حداقل دانلود و تجربش کنه در رابطه با بحث تجربه کاربری حتما مطالعه کنید که یکی از نیازهای اصلیه یک محصول هستش.

NasimBamdad
یک شنبه 12 مهر 1394, 16:22 عصر
به نظر من Desktop

کامبیز اسدزاده
یک شنبه 12 مهر 1394, 17:23 عصر
معمولا چنین طرح های در وب توسط CSS3 در قالب HTML5 و جلوه های نمایشی و انیمیتش تحت JS پیاده سازی میشه و در دسکتاپ پیاده سازی این موارد سخته ولی...بر خلاف تصور خیلی ها این امر در دسکتاپ خیلی بهتر و جالبتر پیاده سازی میشه.

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

135708

به این تصویر دقت کنید ، البته چون عکس هستش جلوه نمایشیش مشخص نیست ، من اومدم روی فرم یک همچین طرحی رو به صورت Flat و با Opacity 0.8 مقدار دهی کردم و بهش یک حالت انیمیشن هم دادم که به صورت چشمک زن شیء مربوط به تصویر دست در حالت کلیک در اومده در این حالت قبل از پر کردن فرمی که در داخل زبانه ها ایجاد شده راهنمایی مورد نظر داده میشه یعنی در این قسمت کاربر باید فرمی رو پر کنه و چون تعداد زیادی از زبانه استفاده کردیم بهتره تا زمانی که قصد پر کردن فرم رو نداریم همه فیلد ها نمایش پیدا نکنند.
و کلی کارای دیگه میشه انجام داد که بیشتر اینها در طراحی تحت وب مشاهده میشه حال ما این رو روی دسکتاپ هم پیاده سازی کردیم که خیلی جذاب هم هستش.

به صورت لمس کردن و یا استفاده از کلیک ماوس فرم آزاد میشه و به صورت زیر میتونیم اطلاعات رو وارد کنیم :

135710

حالا یه ایده جالبی بعد از اینکه فرم پر شد و اقدام به ذخیره کردیم با کلیک بر روی دکمه مثلا ذخیره یه لحظه اتفاق جالبی به صورت زیر خواهد افتاد :

135709

همینکه اقدام به ذخیره میکنم سریعا در وسط همون کادر به صورت Fill شده پیغام ذخیره شد داده میشه و بعد دوباره فرم میره به مرحله افزودن جدید.
با همچین خلاقیت های نه چندان سخت میشه طرحی رو ارائه کرد که تکراری نیست و این برای مشتری مهمه.

sg.programmer
یک شنبه 12 مهر 1394, 17:48 عصر
تبریک مهندس چالب بود.
اگه ممکنه بفرمایید این موارد را با چه کنترلی و کامپوننتی و فونتی ایجاد کردید؟

کامبیز اسدزاده
یک شنبه 12 مهر 1394, 18:28 عصر
تبریک مهندس چالب بود.
اگه ممکنه بفرمایید این موارد را با چه کنترلی و کامپوننتی و فونتی ایجاد کردید؟

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



کامپوننت TabView
این گزینه رو بنده انحصاری از تب منوی جدید Fire Fox الگو گرفتم چند روز پیش بود نسخه جدید این مرورگر رو دریافت کردم که واقعا طرح جالب و جدیدش دلنشین هست بنابراین به صورت یک Component برای خودم نوشتم که مشکل نحوه منو بندی رو در پروژه ها حل میکنه.
فیلد های معروف TextInput هستند که با تغییر اندازه به این شکل تغییر یافته اند.
کنترل Label و Text که هر دو به صورت مجزا نتیجه خروجی از کلاس های Time و Date رو نمایش میدهند.
کنترل برچسب و همچنین TextArea
کنترل های Button هستند که با استفاده از اشکال هندسی و تصاویر داخل اوها رو با استفاده از CodeBase64 تولید کرده ام و شکل ظاهرش رو هم توسط شیء Rectangle تغییر دادم.
دیگر مواردی مثل تصاویر و مخصوصا زمینه نم


در مورد زبان و فناوری هم باید اشاره کنم که تمامی این موارد ریز به ریز در C++ تحت فناوری QML پیاده سازی شده.
میتونید به این تاپیک (http://barnamenevis.org/showthread.php?504614-%D9%86%D8%AD%D9%88%D9%87-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D9%85%D8%AF%D8%B1%D9%86-%D8%AA%D9%88%D8%B3%D8%B7-QML-%D8%AF%D8%B1-C) برای مشاهده طرح ها و یک سری نمونه ها مراجعه کنید.

juza66
یک شنبه 12 مهر 1394, 20:29 عصر
در عجبم که به غیر از یکی دو تا طرح که دیدم بقیه از UX پیروی نکرده اند حتی این چند نمونه که پیروی کرده بودند طرحشون خیلی تعریفی نداشت.
جان هرکسی که دوست دارید از این طراحی های زمان ویندوز 98 خارج بشید هر برنامه ای که پیچیدگی خاص خودش رو داره بدون رابط کاربری درست حسابی ارزش رقابت در بازار کار رو نداره.

من یک طرحی رو میزارم اینجا که از دیشب طی 1 ساعت طراحیش کردم هرکس میبینه میگه طراحی نرم افزار وب هست نه دسکتاپ !

135690135691


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

در مورد اشتباهات در طراحی که رواج پیدا کرده یک مثال ساده ای رو میزنم که حتما همه دوستان باهاش آشنایی دارند : یادم هست وقتی منوی Office 2007 وارد کار شد همه ازش استقبال کردند و هرچقدر دلتون بخواد نرم افزار هایی که دارای همچین منویی هستند روانه بازار شدند ولی آیا مایکروسافت همین منو رو در نسخه های بعدی محصولاتش تغییر نداد ؟ خب مسلما باید تغییر میداد دلیل داره چون باید حس جدیدی رو برای کاربر انتقال بده چیزی که اصلا ما بهش توجه نمیکنیم هرجا یه نرم افزار سفارش میدن سریع یه کامپوننت منو آفیسی میزنیم با به به چه چه هم تعریفش میکنیم خب که چی ؟ کاربر چه حسی جدیدی رو تجربه کرد ؟! جالب اینجاست به جای طراحی و نو آوری جدید در طراحی بیشتر توسعه دهندگان و طراحان روش های تکراری رو ترجیح میدن که درست نیست ، مثلا محصول نفر Y با محصول نفر X یکی شد هم از لحاظ طراحی و هم کارآیی اونوقت مسلما تنها چیزی که باعث میشه رقابت ایجاد بشه قیمت هست و این قیمتی که بالا پایین میشه بازار کار خراب و حال و حوصله صاحب محصول رو از بین خواهد برد و این کار باعث میشه با اینکه هزاران نرم افزار روانه بازار شده تنوع قابل توجهی رو مشاهده نکنیم.

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

باور کنید برنامه هایی میشناسم که فقط به خاطر آیکونش دانلود میشه ! یا برنامه هایی هستند در این Store ها که طرف Shot ها رو میبینه و تمایل پیدا میکنه حداقل دانلود و تجربش کنه در رابطه با بحث تجربه کاربری حتما مطالعه کنید که یکی از نیازهای اصلیه یک محصول هستش.



طرح جالبی زدین استاد کامبیز اسدزاده (http://barnamenevis.org/member.php?219337-%DA%A9%D8%A7%D9%85%D8%A8%DB%8C%D8%B2-%D8%A7%D8%B3%D8%AF%D8%B2%D8%A7%D8%AF%D9%87)، این ایتم های که ساختین با wfp ایجاد شده اند؟! یا وین فرمه؟! کامپونتی استفاده شده؟! نسخه جدید DevCompont؟!

بعدش همون طرح UX که شما فرمایش میکنید و مایکروسافت همه رو (اندروید و IOS) به این طرح بسیار زیبا کشانده بنظرم بیشتر برای وب زیباست (نظر شخصی منه)

کامبیز اسدزاده
دوشنبه 13 مهر 1394, 08:09 صبح
طرح جالبی زدین استاد کامبیز اسدزاده (http://barnamenevis.org/member.php?219337-%DA%A9%D8%A7%D9%85%D8%A8%DB%8C%D8%B2-%D8%A7%D8%B3%D8%AF%D8%B2%D8%A7%D8%AF%D9%87)، این ایتم های که ساختین با wfp ایجاد شده اند؟! یا وین فرمه؟! کامپونتی استفاده شده؟! نسخه جدید DevCompont؟!


ارتباطی با C# و فناوری های مربوط به WPF ندارند و در C++ پیاده سازی شده اند.



بعدش همون طرح UX که شما فرمایش میکنید و مایکروسافت همه رو (اندروید و IOS) به این طرح بسیار زیبا کشانده بنظرم بیشتر برای وب زیباست (نظر شخصی منه)

طراحی مدرن در تمامی زمینه ها گستردگی فراوانی دارند ، تنها دلیلی که در دسکتاپ زیاد با طرح های خلاقانه روبرو نمیشویم عدم شناخت فناوری های موجود در دسکتاپ هستش.
برای مثال در وب همگی با فناوری های CSS3, HTML5 و .. آشنا هستند ولی این سوال است که آیا با این فناوری ها در دسکتاپ هم میشه طراحی کرد ؟ جواب خیر است یا بلی ؟ :لبخندساده: شاید اگر دیدمان را نسبت به دسکتاپ هم در حد موبایل و وب گسترده تر کنیم توانایی رسیدن به این جواب رو خواهیم داشت.

sg.programmer
دوشنبه 13 مهر 1394, 21:03 عصر
تشکر آقای اسد زاده - میشه بگید با چه IDE ایی این برنامه ها را با C++ ایجاد کردید؟

کامبیز اسدزاده
دوشنبه 13 مهر 1394, 21:28 عصر
تشکر آقای اسد زاده - میشه بگید با چه IDE ایی این برنامه ها را با C++‎‎‎‎ ایجاد کردید؟

برای این کار دو روش وجود داره : 1.استفاده از محیط مخصوص C++‎‎‎ که Qt Creator هستش و 2. اینکه نصب افزونه Qt Library روی Visual Studio در لیست انواع پروژه های C++‎‎‎ به ویژوال استودیو افزوده خواهد شد که این روش شامل محدودیت هایی هست.
اگه سوالی هم در رابطه با این موضوع داشته باشید در تالار های بخش C++‎‎‎ بپرسید.

golbafan
سه شنبه 14 مهر 1394, 11:20 صبح
سلام خدمت دوست خوبم آقا کامبیز...
طرح شما رو دیدم و اتفاقا در ابتدا تصور کردم با jquery طراحی شده. آفرین . قشنگه!

اما نقدهایی در اون هست که باید خاطر نشان کنم:
1- این طرح کاملا سلیقه ای هست ممکنه خیلی از مشتری ها اون رو نپسندن: بارها توی همین تاپیک گفتم که اول از همه باید از دید مشتری به برنامه نگاه کنید و نه از دید برنامه نویس. مشتریان ما معمولا این طرح رو نمیپسندن به دلایل زیر:
1-1: قالب بی روح و خسته کننده در دراز مدت و همچنین کمرنگ بودن فونت ها که چشم رو خسته میکنه
2-1: تعداد زیاد اینپوت ها و نزدیک بودنشون به هم
3-1: مشخص نبودن کاربرد برخی کنترل ها: منظورم اون dropbox هست بالای سوابق کاری
4-1: یادمه یکی از مشتریام میگفت برنامه شما خیلی جدیده!!! و من نمیتونم باهاش کار کنم... و من برای همین مجبور شدم دکمه ها رو از حالت فلت در بیارم و رنگ برنامه رو مثل win98 کنم!!! (البته این ها موردی هستند و مشکل از خود مشتری هست که سلیقه نداره!!!:لبخند: ولی باید بهشون توجه بشه: مثلا نرم افزار همکاران سیستم با همین اینترفیس win98 داره فروش میکنه و حتی سپیدارشون که مال خودشونه بخاطر ظاهر office2007 نتونست موفق بشه)

2- آیتم های داخل کامپوننت popup که از فایرفاکس ایده گرفتید اصلا متناسب با کاربردشون نیستن (برای مثال جستجو نباید اینجا باشه : هر جستجویی باید جایی متناسب با اون دیتا باشه). علاوه بر این مقدار زیادی از ارتفاع صفحه نمایش رو به منوی مربوطه و نوار وضعیت اختصاص دادید که با توجه به عریض بودن مانیتورهای امروزی کار درستی نیست. بهتره بجای ارتفاع از عرض استفاده بشه. همونطور که مشخصه عرض برنامه جای خالی زیاد داره

3- از لحاط UX هم خیلی ها با تعداد زیاد اینپوت ها در یک صفحه و همیتطور اینپوت های داخل popup کنار نمیان...
---

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

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 11:52 صبح
سلام خدمت دوست خوبم آقا کامبیز...
طرح شما رو دیدم و اتفاقا در ابتدا تصور کردم با jquery طراحی شده. آفرین . قشنگه!

اما نقدهایی در اون هست که باید خاطر نشان کنم:
1- این طرح کاملا سلیقه ای هست ممکنه خیلی از مشتری ها اون رو نپسندن: بارها توی همین تاپیک گفتم که اول از همه باید از دید مشتری به برنامه نگاه کنید و نه از دید برنامه نویس. مشتریان ما معمولا این طرح رو نمیپسندن به دلایل زیر:
1-1: قالب بی روح و خسته کننده در دراز مدت و همچنین کمرنگ بودن فونت ها که چشم رو خسته میکنه
2-1: تعداد زیاد اینپوت ها و نزدیک بودنشون به هم
3-1: مشخص نبودن کاربرد برخی کنترل ها: منظورم اون dropbox هست بالای سوابق کاری
4-1: یادمه یکی از مشتریام میگفت برنامه شما خیلی جدیده!!! و من نمیتونم باهاش کار کنم... و من برای همین مجبور شدم دکمه ها رو از حالت فلت در بیارم و رنگ برنامه رو مثل win98 کنم!!! (البته این ها موردی هستند و مشکل از خود مشتری هست که سلیقه نداره!!!:لبخند: ولی باید بهشون توجه بشه: مثلا نرم افزار همکاران سیستم با همین اینترفیس win98 داره فروش میکنه و حتی سپیدارشون که مال خودشونه بخاطر ظاهر office2007 نتونست موفق بشه)

2- آیتم های داخل کامپوننت popup که از فایرفاکس ایده گرفتید اصلا متناسب با کاربردشون نیستن (برای مثال جستجو نباید اینجا باشه : هر جستجویی باید جایی متناسب با اون دیتا باشه). علاوه بر این مقدار زیادی از ارتفاع صفحه نمایش رو به منوی مربوطه و نوار وضعیت اختصاص دادید که با توجه به عریض بودن مانیتورهای امروزی کار درستی نیست. بهتره بجای ارتفاع از عرض استفاده بشه. همونطور که مشخصه عرض برنامه جای خالی زیاد داره

3- از لحاط UX هم خیلی ها با تعداد زیاد اینپوت ها در یک صفحه و همیتطور اینپوت های داخل popup کنار نمیان...
---

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

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


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

135772

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

135773

و البته در رابطه با اینکه مشتری میگه برنامه شما جدیده و من نمیتونم باهاش کار کنم ! برای این موضوع هم میشه Style های مختلفی رو به عنوان تم معرفی کرد که بر اساس سلیقه طرحی رو که میپسنده انتخاب کنه دقیقا Visual Studio رو در نظر بگیرید ، تم هایی برای ست کردن داره که برنامه رو کاملا مجزا میکنه مگر اینکه کاربر کاربر عصر یخبندان باشه و کلا با مدرن بودن کنار نیاد که خب این هم احتمالش بسیار کمه :لبخند:

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 12:00 عصر
این هم یک طرح دیگه هستش که چند ماه پیش کار کردم تعداد فیلد ها در بخشی محدود و در بخش پیچیده تر با استفاده از تصاویر و آیکون های مشخص کننده طراحی شده که کاربر رو متوجه قضیه میکنه.


135775135776

golbafan
سه شنبه 14 مهر 1394, 12:15 عصر
سلام طرح دوم رو بیشتر میپسندم...:قلب:
رنگهای شاد داره

با اجازتون طرح اول رو کمی فتوشاپ کردم:
135780

golbafan
سه شنبه 14 مهر 1394, 12:20 عصر
استفاده از این نوع popup برای موردی که فرمودید خیلی جالبه و به ساده شدن محیط خیلی کمک میکنه. آفرین

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 12:20 عصر
135783

135782


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

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 12:29 عصر
سلام طرح دوم رو بیشتر میپسندم...:قلب:
رنگهای شاد داره

با اجازتون طرح اول رو کمی فتوشاپ کردم:
135780

فکر کنم متوجه نکته ای که اشاره کردین شدم ، کم رنگ بودن فونت ها درسته !؟
این تصویر رو بررسی کنید ، چون در اصل کمرنگ نیست کیفیت تصویر بعد از بارگذاری به شدت افت میکنه برا همینه فکر کنم.
لطفا تصویر رو در یک تب جدید باز کنید و در حالت 100% زوم مشاهده کنید با این آدرس : http://s3.picofile.com/file/8215806884/UI.png خاطر کدر بودن تصویر تو عکس به شکل قابل توجهی جذابیتش رو از دست میده.

135785

golbafan
سه شنبه 14 مهر 1394, 12:45 عصر
سلام
آره خیلی بهتر شد. پر رنگ شدنش باعث میشه خودشو بِکَنه و به چشم بیاد

golbafan
سه شنبه 14 مهر 1394, 12:51 عصر
سلام لطفا درمورد طرح زیر نظرات و همچنین راهنمایی های لازم رو بفرمایید

135786

135787

135788

135789

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 12:55 عصر
سلام
آره خیلی بهتر شد. پر رنگ شدنش باعث میشه خودشو بِکَنه و به چشم بیاد

البته به تصویری که شما روش تغییراتی دادین هم الان دقت کردم متوجه شدم ، قسمت آپلود تصاویر آیکون افزودن اضافه شده و جای کومبو باکس رفته بالا و یک سری تغییرات دیگه که بهتره !
ولی با علامته افزوده شدن در داخل تکس باکس موافق نیستم :لبخند: مگر نمیگم به شکل زیر تغییر پیدا کنه:

135790

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 12:57 عصر
سلام لطفا درمورد طرح زیر نظرات و همچنین راهنمایی های لازم رو بفرمایید

135786
135787
135788
135789

طرح جالبی هستش ولی یک مشکل اساسی داره که برنامه رو غیر استاندارد کرده ، اونم چپ به راست بودنشه به نظرم راست به چپ باشه :لبخند: استاندارد و قابل توجه تر خواهد بود.

golbafan
سه شنبه 14 مهر 1394, 12:59 عصر
ولی با علامته افزوده شدن در داخل تکس باکس موافق نیستم :لبخند: مگر نمیگم به شکل زیر تغییر پیدا کنه:

135790

آره خب!
این مورد رو صرفا جهت تراز شدن کنترل ها انجام دادم وگر نه بیرون باشه که خیلی قشنگ تره

golbafan
سه شنبه 14 مهر 1394, 13:07 عصر
طرح جالبی هستش ولی یک مشکل اساسی داره که برنامه رو غیر استاندارد کرده ، اونم چپ به راست بودنشه به نظرم راست به چپ باشه :لبخند: استاندارد و قابل توجه تر خواهد بود.

درسته. نظر من هم همینه:تشویق:
البته خیلی وقت ها دیتابیس های کاربران فارسی نیست!
بهر حال باید یک سیستم تغییر زبان کاربری روش پیاده بشه که وقتی مثلا فارسی یا عربی رو انتخاب کرد برنامه راست چین بشه:
در دلفی کافیه خاصیت bidimode فرم رو راست چین کنید تا کلیه کامپوننت های داخل فرم هم راست چین بشه!

135793

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 13:17 عصر
درسته. نظر من هم همینه:تشویق:
البته خیلی وقت ها دیتابیس های کاربران فارسی نیست!


اصلا نباید به این فکر کنید که دیتا فارسی هست یا نه ! کافیه یک بخش رو در نظر بگیری برای تنظیمات زبان ، در نرم افزار باید این امکان باشه که کاربر بر اساس زبان یا نحوه نمایش با برنامه روبه رو بشه یکی از مهمترین مباحثی که در طراحی وجود داره رعایت و هماهنگ سازی بحث چند زبانه (چند ملیتی) بودن هستش این خودش اصل مهمی هست که نشون میده به کاربر توجه ویژه ای شده.

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

golbafan
سه شنبه 14 مهر 1394, 13:21 عصر
اصلا نباید به این فکر کنید که دیتا فارسی هست یا نه ! کافیه یک بخش رو در نظر بگیری برای تنظیمات زبان ، در نرم افزار باید این امکان باشه که کاربر بر اساس زبان یا نحوه نمایش با برنامه روبه رو بشه یکی از مهمترین مباحثی که در طراحی وجود داره رعایت و هماهنگ سازی بحث چند زبانه (چند ملیتی) بودن هستش این خودش اصل مهمی هست که نشون میده به کاربر توجه ویژه ای شده.

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


مرسی دوست عزیز حتما اعمال خواهم کرد.

نرم افزاری که دیدید در واقع یک گزارش سازه که میتونه به mysql,sqlserver,oracle وصل بشه و از هر نوع دیتابیسی هر نوع گزارشی رو تولید کنه

ghasem110deh
سه شنبه 14 مهر 1394, 13:24 عصر
سلام به همه ...
خصوصا دو دوست عزیز (آقایان گلبافان و اسدزاده) که نکاتی رو گوشزد میکنن که شخصا اصلا به ذهنم هم نمیرسه :تشویق:
------------------------
منم یه طرح من درآوردی زدم (هر چند خودم راضی نیستم) ولی سعی کردم همه چی در دسترس کاربر باشه و سردرگم نشه ! (تا چه حد موفق شدم بماند)
البته نمودار پایین فرم اصلی (خرید/ فروش ماهانه) و گزارش ها رو هنوز آماده نکردم !

خوشحال میشه نظر بدین و راهنمایی کنید :

golbafan
سه شنبه 14 مهر 1394, 13:31 عصر
سلام! خوب هستید؟

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

موفق باشید
میدونم اکثر این موارد رو برای بالابردن UX انجام دادید، اما برخی از کارها اشتباه هستند
مثلا خیلی از توضیحات میتونه در قالب hint باشن یا مثل حالتی که آقا کامبیز گفت (راهنمای اندروید)

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 13:43 عصر
منم یه طرح من درآوردی زدم (هر چند خودم راضی نیستم) ولی سعی کردم همه چی در دسترس کاربر باشه و سردرگم نشه ! (تا چه حد موفق شدم بماند)
البته نمودار پایین فرم اصلی (خرید/ فروش ماهانه) و گزارش ها رو هنوز آماده نکردم !


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

در کل خوب هست و میتونه بهتر هم باشه.

ghasem110deh
سه شنبه 14 مهر 1394, 13:45 عصر
ممنون :)



1- اینکه فرم ها روی هم باز میشن خیلی محیط رو شلوغ میکنه

فقط فرمهایی که جهت انتخاب یک مورد خاص هست (مثلا نوع انبار ، در تعریف انبار جدید) یه فرم دیگه باز میشه !
در غیر این حالت همه فرم ها showDialog هستن



2- استفاده از تصاویر و آیکون ها در جای نامناسب

حتی تو فرم اصلی ؟ چطور الاحش کنم ؟



3- وجود توضیحات زیاد و غیر ضروری در جای جای برنامه : مثلا در فرم لاگین همه میدونن باید نام کاربری و رمز عبور رو بزنن و سپس کلید ورود!

پیش خودم گفتم شاید بدرد بخوره :لبخند:



4- برای تعریف روند های برنامه که کاربر باید طی کنه میشه از حالت flowchart استفاده کرد

جدای راهنمای برنامه اضافه کنم یا توی راهنما کافیه ؟

------
یه سوال دیگه هم اینکه توی تصویر اول بخاطر تعداد فیلدهای متفاوت توی هر قسمت ، نمیشه اندازه فرم رو تغییر داد و قسمت زیادی خالی می مونه !
این موارد چجور رفع و رجوع کنم !؟

golbafan
سه شنبه 14 مهر 1394, 13:52 عصر
ممنون :)
فقط فرمهایی که جهت انتخاب یک مورد خاص هست (مثلا نوع انبار ، در تعریف انبار جدید) یه فرم دیگه باز میشه !
در غیر این حالت همه فرم ها showDialog هستن

میتونه بصورت lookup combobox باشه



حتی تو فرم اصلی ؟ چطور الاحش کنم ؟

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



جدای راهنمای برنامه اضافه کنم یا توی راهنما کافیه ؟


نه منظورم اینه بجای اینکه بنویسید گام اول فلان گام دوم فلان، از فلوچارت استفاده بشه مثل microsoft accounting:
135800

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 13:53 عصر
جدای راهنمای برنامه اضافه کنم یا توی راهنما کافیه ؟

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

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

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

golbafan
سه شنبه 14 مهر 1394, 13:58 عصر
مثال
135801

winner1
سه شنبه 14 مهر 1394, 15:54 عصر
135805135806
135804
دیزاین جدید کارم

ghasem110deh
سه شنبه 14 مهر 1394, 16:07 عصر
قشنگ شده :)
اینقدر باش سر و کله زدی تا اون چیزی که میخواستین شده (کم و بیش)
---------------------
برنامه رو دو زبانه کردین ؟

winner1
سه شنبه 14 مهر 1394, 17:02 عصر
قشنگ شده :)
اینقدر باش سر و کله زدی تا اون چیزی که میخواستین شده (کم و بیش)
---------------------
برنامه رو دو زبانه کردین ؟
5 زبانه شده بعدشم میخوام این دیزاین تست بشه

juza66
سه شنبه 14 مهر 1394, 17:20 عصر
135805135806
135804
دیزاین جدید کارم



بهتر شده نسبت به قبلی

ولی بنظرم از رنگ رنگی کردن فرم پرهیز کن و به استایلی دست بزن که زیاد چشم های کاربر درگیر این همه رنگ نکنه، قبلی خوب بود ولی سفید و خاکستریش چشم رو اذیت میکرد:


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

winner1
سه شنبه 14 مهر 1394, 19:54 عصر
بهتر شده نسبت به قبلی

ولی بنظرم از رنگ رنگی کردن فرم پرهیز کن و به استایلی دست بزن که زیاد چشم های کاربر درگیر این همه رنگ نکنه، قبلی خوب بود ولی سفید و خاکستریش چشم رو اذیت میکرد:


من با اجازه اساتید اومدم تویی محیط فلت ولی کار داره هنوز (نسخه نوبت دهی درمانگاهه)
135808
میشه بپرسم چرا تو برنامه ای که تحت ویندوز کار میکنه ساعت گزاشتین؟
این اشکال کارتون بنظرم
ولی در کل عالی رنگ بندی flat دیزاین یکی از اید های خیلی خوبه که تو برنامه بعدیم اجرا میکنم این طرحم فقط میخواسم چیز جدیدی باشه کار اولمه ولی بیشتر سعی کردم همه چی دمه دست کاربر باشه

juza66
سه شنبه 14 مهر 1394, 20:06 عصر
میشه بپرسم چرا تو برنامه ای که تحت ویندوز کار میکنه ساعت گزاشتین؟
این اشکال کارتون بنظرم
ولی در کل عالی رنگ بندی flat دیزاین یکی از اید های خیلی خوبه که تو برنامه بعدیم اجرا میکنم این طرحم فقط میخواسم چیز جدیدی باشه کار اولمه ولی بیشتر سعی کردم همه چی دمه دست کاربر باشه


من کارتون رو با اقای ghasem110deh (http://barnamenevis.org/member.php?330388-ghasem110deh) اشتباه گرفتم، کار آقای ghasem110deh (http://barnamenevis.org/member.php?330388-ghasem110deh) خیلی خوب شده

کار شما اون اولی رو چک کردم خوب بود ولی فونتش یکخورده حرفه ای بود، این نسخه از برنامه پیشرفت خوبی داشته وبسیار زیباست اگر رنگش رو کمی ملایم تر مثلاً همون ابی که در برنامه قبلی استفاده کردی خوبه..

درمورد ساعت، کارفرما از من میخواد ساعت تویی صفحه سمت راست بالای نام کاربر باشه، و همون طوری که برنامه اگاهی همین رو ازمن خواست و براش گذاشتم، یجورایی باید دل کارفرما رو بدست اورد و اینااااااااااا (بگه منم دخیل بودم تویی طرح برنامه :)) چه کنیم انشاا.. اون برنامه های دیگه که حرفه ای هستند ولی الان اجازه اش رو ندارم اطلاعاتش درز کنه رو میذارم.


کمی تویی کدنویسیم ضعیف هستم و به کمک چندتا دوستان و اساتید از همین سایت برنامه نویس و سایت video-learn.net (http://video-learn.net/) دارم روش های حرفه ای و اصولی تر برنامه نویسی را یاد میگیرم. پیشنهاد میدم حتمن کدنویسی تون رو قوی کنید، تا وقتتون تلف نشه برای کدنویسی های پیچیده ....



موفق باشید/.

winner1
سه شنبه 14 مهر 1394, 20:08 عصر
سلام به همه ...
خصوصا دو دوست عزیز (آقایان گلبافان و اسدزاده) که نکاتی رو گوشزد میکنن که شخصا اصلا به ذهنم هم نمیرسه :تشویق:
------------------------
منم یه طرح من درآوردی زدم (هر چند خودم راضی نیستم) ولی سعی کردم همه چی در دسترس کاربر باشه و سردرگم نشه ! (تا چه حد موفق شدم بماند)
البته نمودار پایین فرم اصلی (خرید/ فروش ماهانه) و گزارش ها رو هنوز آماده نکردم !

خوشحال میشه نظر بدین و راهنمایی کنید :
Flat ui رو خیلی دوست دارم افرین خیلی بهتر شد

winner1
سه شنبه 14 مهر 1394, 20:21 عصر
من کارتون رو با اقای ghasem110deh (http://barnamenevis.org/member.php?330388-ghasem110deh) اشتباه گرفتم، کار آقای ghasem110deh (http://barnamenevis.org/member.php?330388-ghasem110deh) خیلی خوب شده

کار شما اون اولی رو چک کردم خوب بود ولی فونتش یکخورده حرفه ای بود، این نسخه از برنامه پیشرفت خوبی داشته وبسیار زیباست اگر رنگش رو کمی ملایم تر مثلاً همون ابی که در برنامه قبلی استفاده کردی خوبه..

درمورد ساعت، کارفرما از من میخواد ساعت تویی صفحه سمت راست بالای نام کاربر باشه، و همون طوری که برنامه اگاهی همین رو ازمن خواست و براش گذاشتم، یجورایی باید دل کارفرما رو بدست اورد و اینااااااااااا (بگه منم دخیل بودم تویی طرح برنامه :)) چه کنیم انشاا.. اون برنامه های دیگه که حرفه ای هستند ولی الان اجازه اش رو ندارم اطلاعاتش درز کنه رو میذارم.


کمی تویی کدنویسیم ضعیف هستم و به کمک چندتا دوستان و اساتید از همین سایت برنامه نویس و سایت video-learn.net (http://video-learn.net/) دارم روش های حرفه ای و اصولی تر برنامه نویسی را یاد میگیرم. پیشنهاد میدم حتمن کدنویسی تون رو قوی کنید، تا وقتتون تلف نشه برای کدنویسی های پیچیده ....



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

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 20:55 عصر
بچه ها نظرتون راجب تغییراتی کوچیکی که روی رنگ آمیزی این طرح دادم چیه ؟ الان کمی زنده تر نشد ؟ و اینکه حالت های Popup همراه با جلوه های بصری بهتر و جذاب تره.

135817

135815

135816

golbafan
سه شنبه 14 مهر 1394, 21:20 عصر
بچه ها نظرتون راجب تغییراتی کوچیکی که روی رنگ آمیزی این طرح دادم چیه ؟ الان کمی زنده تر نشد ؟ و اینکه حالت های Popup همراه با جلوه های بصری بهتر و جذاب تره.

بله خیلی بهتر شده. مطلب رو درست گرفتید:تشویق:

golbafan
سه شنبه 14 مهر 1394, 21:23 عصر
من با اجازه اساتید اومدم تویی محیط فلت ولی کار داره هنوز (نسخه نوبت دهی درمانگاهه)
135808


سلام دوست عزیز
اگر واقعا دنبال طراحی FLAT هستید باید یک نگاهی به طرح های آقای کامبیز اسدزاده بندازید
کار شما رو نمیشه گفت فلت هست. فقط رنگ های گرادیان رو تبدیل به solid کردید

golbafan
سه شنبه 14 مهر 1394, 21:30 عصر
135804
دیزاین جدید کارم

سلام
طرح شما بهتر شده اما 2 نکته:

1- وقتی زبان رو انگلیسی میکنید برنامه رو چپ چین کنید
2- منوی بالا رنگ هاش با بفیه فرم تناسب نداره

کامبیز اسدزاده
سه شنبه 14 مهر 1394, 21:31 عصر
بله خیلی بهتر شده. مطلب رو درست گرفتید:تشویق:
رنگ سبز و سبز ملایم براي محيط كار و زندگي بسيار مناسب است. و اثر مفرح و ملايمي دارد كه تماس مداوم با آن اشكالي ايجاد نمي‌كند.
استفاده از علم روان شناسی در رابطه با تاثیرات رنگ خیلی مهمه ، با تغییر فقط رنگ طراحی متفاوت از آب در میاد و بازخوردش بهتره.

winner1
سه شنبه 14 مهر 1394, 22:05 عصر
سلام
طرح شما بهتر شده اما 2 نکته:

1- وقتی زبان رو انگلیسی میکنید برنامه رو چپ چین کنید
2- منوی بالا رنگ هاش با بفیه فرم تناسب نداره
پیشنهادتون برای منو چیه؟

winner1
سه شنبه 14 مهر 1394, 22:11 عصر
بچه ها نظرتون راجب تغییراتی کوچیکی که روی رنگ آمیزی این طرح دادم چیه ؟ الان کمی زنده تر نشد ؟ و اینکه حالت های Popup همراه با جلوه های بصری بهتر و جذاب تره.

135817

135815

135816
کار خوبی شده

golbafan
چهارشنبه 15 مهر 1394, 09:14 صبح
پیشنهادتون برای منو چیه؟

دکمه های منو رنگ زمینه دارن که برای حالت tile طراحی شدن. اگر میخواهید ازشون استفاده کنید رنگ زمینه همه رو حذف کنید و بجاش اون رنگ ها رو در خود آیکون بزارید:


مثال:
135824

تبدیل شود به:
135825

ghasem110deh
چهارشنبه 15 مهر 1394, 10:10 صبح
دکمه های منو رنگ زمینه دارن که برای حالت tile طراحی شدن. اگر میخواهید ازشون استفاده کنید رنگ زمینه همه رو حذف کنید و بجاش اون رنگ ها رو در خود آیکون بزارید:


مثال:
135824

تبدیل شود به:
135825

جسارت نباشه ... منم با این مورد آقای گلبافان موافقم !
بنظرم واسه منو آیکونی که پس زمینه ش رنگی باشه مناسب نیست (البته نظر خودمه)
یه تست بزنید ببینید چطور میشه :)

Mori Bone
چهارشنبه 15 مهر 1394, 12:02 عصر
135783

135782



این نمونه رنگ ها رو در اختیار داشته باشید کد ها و رنگ ها توسط گوگل مورد استفاده قرار میگیره که طبق گفته خودشون از همین کد و رنگ بندی ها در Android 5 استفاده کرده اند، فایل swatch رو برای فوتوشاپ اینجا قرار میدم.
سلام استاد. اگه لطف کنید عکس کامل رنگ ها(اولیه ) رو ی جا آپلود کنید استفاده کنیم، خیلی ممنون میشم.

کامبیز اسدزاده
چهارشنبه 15 مهر 1394, 12:31 عصر
سلام استاد. اگه لطف کنید عکس کامل رنگ ها(اولیه ) رو ی جا آپلود کنید استفاده کنیم، خیلی ممنون میشم.

سلام

لینک رسمیش این هستش : https://www.google.com/design/spec/style/color.html
ولی چون برای ایرانی ها در دسترس نیست من محتوای مربوط به بخش استایل رو در قالب HTML جدا کردم میتونید دانلودش کنید.

کامبیز اسدزاده
چهارشنبه 15 مهر 1394, 12:33 عصر
نظرتون راجب این طرح چیه ؟ بهتره برای باز و بسته کردن یا حالت Disable و Enable کردن مثلا یک GroupBox با یک روش ساده تری اینکار رو انجام بدیم برای مثال استفاده از یک تصویر بصری باز و بسته شدن قفل !

135833135834

golbafan
چهارشنبه 15 مهر 1394, 13:15 عصر
خدا رو شکر میبینم که یکی پیدا شد که بیشتر از همه به MySQL علاقه داره!!! داشتم یواش یواش احساس تنهایی میکردم


نظرتون راجب این طرح چیه ؟ بهتره برای باز و بسته کردن یا حالت Disable و Enable کردن مثلا یک GroupBox با یک روش ساده تری اینکار رو انجام بدیم برای مثال استفاده از یک تصویر بصری باز و بسته شدن قفل !

در مورد طرحتون باید بگم زیباست... هرچه نوشته ها به علامت های بصری تبدیل بشن، بیشتر کاربر پسند(user frendly) میشه
همچنین از اینکه آیکون های خاکستری رو به حالت رنگی در آوردید خیلی خوشم اومد:قلب:

golbafan
چهارشنبه 15 مهر 1394, 13:31 عصر
دانلود آیکون های گوگل و همچنین آموزش طراحی توسط گوگل:

https://www.google.com/design/icons/

کامبیز اسدزاده
چهارشنبه 15 مهر 1394, 13:31 عصر
خدا رو شکر میبینم که یکی پیدا شد که بیشتر از همه به MySQL علاقه داره!!! داشتم یواش یواش احساس تنهایی میکردم

:قهقهه::لبخند: خوشم اومد سریع رو هوا زدی که MySQL هست :تشویق:

کامبیز اسدزاده
چهارشنبه 15 مهر 1394, 13:34 عصر
راستی برای اینکه از تصاویر و آیکون های با کیفیت استفاده کنید من این سایت رو پیشنهاد میکنم : http://www.flaticon.com
و مخصوصا استفاده از فرمت BASE 64.

winner1
چهارشنبه 15 مهر 1394, 18:00 عصر
جسارت نباشه ... منم با این مورد آقای گلبافان موافقم !
بنظرم واسه منو آیکونی که پس زمینه ش رنگی باشه مناسب نیست (البته نظر خودمه)
یه تست بزنید ببینید چطور میشه :)
جالب نشد اصلا تست کردم فعلا بمونه کار بعدیرو باید از صفر در نظر بگیرم

winner1
چهارشنبه 15 مهر 1394, 18:05 عصر
راستی برای اینکه از تصاویر و آیکون های با کیفیت استفاده کنید من این سایت رو پیشنهاد میکنم : http://www.flaticon.com
و مخصوصا استفاده از فرمت BASE 64.
آقا این سایت عالی بود همچین سایتی ویاه متریال نداری؟
و اینکه میشه راجب base64 یه توضییح سر سری بدی

ghasem110deh
چهارشنبه 15 مهر 1394, 18:37 عصر
سلام به همه ...
دوستان من توضیحات رو با آمار عددی جایگزین کردم ... بهتر نیست ؟!
توضیحات اضافی فرم ها رو حذف کدم (مث فرم ورود)

اما کلی کد نویسی موند رو گردنم :بامزه:

کامبیز اسدزاده
چهارشنبه 15 مهر 1394, 19:09 عصر
آقا این سایت عالی بود همچین سایتی ویاه متریال نداری؟
و اینکه میشه راجب base64 یه توضییح سر سری بدی

این سایت رو در اختیار داشتم که یک نمونه دیگه اونهم http://iconfinder.com/ هست که تازگیا با اینترنت ایران من نمیتونم واردش بشم مگر اینکه ...
در رابطه با Base64 : نوعی الگوریتم برای کد کردن محتوای مدیا به صورت متن هستش مثلا شما میتونید به جای استفاده از یک تصویر به صورت لینک مستقیما تصویر کد شده رو به جای لینک قرار بدین که معمولا سرعت بارگزاری در این حالت بسیار زیاد هستش و در طراحی صفحات وب برای جلو گیری از ریلود و درخواست های پی در پی در سرور استفاده از این روش پیشنهاد میشه حالا روی دسکتاپ و اپلیکیشن های موبایلی هم میشه استفاده کرد همین مزیت بارگزاری سریع رو خواهد داشت که در طراحی های مدرن بسیار پر کاربرد خواهد بود.

مثال :

به جای استفاده از این روش :


Image

{

width: 128
height: 128
source: "qrc:/appicon.png"

}



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


Image

{
width: 128
height: 128
source: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAAD 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 ATEOYLxuppAAAAAElFTkSuQmCC"

}

winner1
چهارشنبه 15 مهر 1394, 20:49 عصر
این سایت رو در اختیار داشتم که یک نمونه دیگه اونهم http://iconfinder.com/ هست که تازگیا با اینترنت ایران من نمیتونم واردش بشم مگر اینکه ...
در رابطه با Base64 : نوعی الگوریتم برای کد کردن محتوای مدیا به صورت متن هستش مثلا شما میتونید به جای استفاده از یک تصویر به صورت لینک مستقیما تصویر کد شده رو به جای لینک قرار بدین که معمولا سرعت بارگزاری در این حالت بسیار زیاد هستش و در طراحی صفحات وب برای جلو گیری از ریلود و درخواست های پی در پی در سرور استفاده از این روش پیشنهاد میشه حالا روی دسکتاپ و اپلیکیشن های موبایلی هم میشه استفاده کرد همین مزیت بارگزاری سریع رو خواهد داشت که در طراحی های مدرن بسیار پر کاربرد خواهد بود.

مثال :

به جای استفاده از این روش :


Image

{

width: 128
height: 128
source: "qrc:/appicon.png"

}



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


Image

{
width: 128
height: 128
source: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAAD 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 ATEOYLxuppAAAAAElFTkSuQmCC"

}

و wpf درسته ممنون بابت توضیحات iconfinder هم بنده استفاده میکنم سایت خوبی هستش

ghasem110deh
چهارشنبه 15 مهر 1394, 23:09 عصر
در رابطه با Base64 : نوعی الگوریتم برای کد کردن محتوای مدیا به صورت متن هستش مثلا شما میتونید به جای استفاده از یک تصویر به صورت لینک مستقیما تصویر کد شده رو به جای لینک قرار بدین که معمولا سرعت بارگزاری در این حالت بسیار زیاد هستش
اون کد رو چطور بدست میارین !؟

winner1
پنج شنبه 16 مهر 1394, 11:29 صبح
135854
دوستان نظرتون راجب این منو چیه

کامبیز اسدزاده
پنج شنبه 16 مهر 1394, 11:36 صبح
135853
دوستان نظرتون راجب این منو چیه اصلا تو این منو موندم چیکار کنم نمیدونم

خیلی بهتر از قبلیه هستش ! :تشویق: صفحه ساده تر و شیکتر شده.

golbafan
پنج شنبه 16 مهر 1394, 12:00 عصر
http://barnamenevis.org/attachment.php?attachmentid=135853&stc=1&d=1444292905
دوستان نظرتون راجب این منو چیه

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

golbafan
پنج شنبه 16 مهر 1394, 12:12 عصر
اون کد رو چطور بدست میارین !؟

سلام base64 یک نوع روش برای encode/decode داده هاست که مرورگرهای فعلی و html5 ساپورتش میکنن

مثلا سایت زیر برای این کار هست:
http://www.freeformatter.com/base64-encoder.html

برای دلفی:

function EncodeFile(const FileName: string): AnsiString;
var
stream: TMemoryStream;
begin
stream := TMemoryStream.Create;
try
stream.LoadFromFile(Filename);
result := EncodeBase64(stream.Memory, stream.Size);
finally
stream.Free;
end;
end;


برای c#

private string EncodeFile(string fileName)
{
return Convert.ToBase64String(File.ReadAllBytes(fileName) );
}