طراحی دیزاین خوب [بایگانی]

ali_72

یک شنبه 03 خرداد 1394, 13:08 عصر

سلام
یه برنامه win app نوشتم
و کلی جا کم آوردم تو فرم اصلی با اینکه فرم رو maximize کردم و حتی نوار عنوان رو هم برداشتم
در تصویر مستطیل قرمز بزرگ سمت چپ فرم یه picture box هست که سایزش نباید تغییر کنه و من باید کلی ابزار مثل امکانات فتوشاپ براش بذارم
مثلا وقتی ماوس رو یه قسمتی از تصویر حرکت میده بتونه بزرگنمائی اون قسمت رو تو یه پیکچر باکس دیگه ببینه
یا یه سری پارامتر که براش trackbar میخوام بذارم و باید با تغییرشون آنلاین تغییراتو تو تصویر ببینه و ...
نمی خوام از هیچ کامپوننتی استفاده کنم
الان فرم من خیلی خیلی بهم ریخته و شلوغه
کلا کاربر پسند نیست
در ضمن نمیتونم هیچ کدوم از قسمت ها رو حذف کنم
یه سری امکانات رو تو یه فرم دیگه آوردم و برای تغییرات باید فرم باز میشد و ... ولی با چند بار ترک بار تغییر دادن برنامه تقریبا میرفت تو هنگ . سرعت و کارایی برنامه به شدت پایین آمده بود
لطفا اگه موردی می شناسید لینکی یا صفحه ای که به من ایده بده چطور این فرم شلوغ رو به یه فرم کاربر پسند تبدیل کنم به من معرفی کنید
ممنون

131591

golbafan

یک شنبه 03 خرداد 1394, 13:58 عصر

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

در ضمن کارهای پردازشی رو بهتره با c++ انجام بدید (از جهت سرعت)

ali_72

دوشنبه 04 خرداد 1394, 10:20 صبح

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

در ضمن کارهای پردازشی رو بهتره با C++‎ انجام بدید (از جهت سرعت)

عکس فرم رو که :افسرده:
بهتر بود با c++ پروژه رو شروع میکردم
ولی الان پروژه با سی شارپ نوشته شده و باید تمومش کنم
جای از اول شروع کردن ندارم
صرف نظر از سی شازپ یا c++ باید طراحی دیزاین قابل قبولی داشته باشم
ولی جا کم آوردم رو فرم

ghasem110deh

دوشنبه 04 خرداد 1394, 10:57 صبح

ولی جا کم آوردم رو فرم

سلام
حرف آقای گلبافان درسته ! اما ظاهرا نمیخواین از فرم عکس بزارین ؛
با این وجود فقط میشه گفت تا جایی که امکان داره باتون و آیکون ابزارهاتون رو کوچیک کنید ...
و یه منو استریپ بزارین و مابقی ابزارهاتون رو بصورت منو ارائه بدین (با استفاده از کلید میانبر) ---> Ctrl + A
خود فتوشاپ هم همینطوره
کاربر هم میتونه ابزارهای مورد نظر انتخاب کنه که نمایش داده بشه یانه (بصورت تول استریپ)
اما تعجب میکنم یعنی ابزارهاتون از خود فتوشاپ هم بیشتره !؟

ebrahim.rayatparvar

دوشنبه 04 خرداد 1394, 11:53 صبح

از چه کامپوننتی در برنامه استفاده کردی؟؟؟؟
و برای چه کاری و کدوم قسمت جا کم آوردی؟؟؟

ali_72

دوشنبه 04 خرداد 1394, 14:09 عصر

از چه کامپوننتی در برنامه استفاده کردی؟؟؟؟
و برای چه کاری و کدوم قسمت جا کم آوردی؟؟؟

از کامپوننت استفاده نکردم و نمیخوام کنم
تجربه خوبی از کامپوننت ندارم
از یکی استفاده میکنی که vs آپدیت میشه دیگه ساپورت نمیکنه اون ورژن جدید دات نتو
یه فرم شلوغ دارم که همه چیزم باید کاربر ببینه
تو ابزارهای کار با تصویر موندم
مجا بذارم
آخه مثلا من 8 تا trackbar هم باید تو این فرم اضافه کنم
و یه جایی که زوم تصویر رو ببینه یه جای دیگه همزمان اعمال افکت رو تصویر رو ببینه :گریه:

ali_72

دوشنبه 04 خرداد 1394, 14:20 عصر

سلام
حرف آقای گلبافان درسته ! اما ظاهرا نمیخواین از فرم عکس بزارین ؛
با این وجود فقط میشه گفت تا جایی که امکان داره باتون و آیکون ابزارهاتون رو کوچیک کنید ...
و یه منو استریپ بزارین و مابقی ابزارهاتون رو بصورت منو ارائه بدین (با استفاده از کلید میانبر) ---> Ctrl + A
خود فتوشاپ هم همینطوره
کاربر هم میتونه ابزارهای مورد نظر انتخاب کنه که نمایش داده بشه یانه (بصورت تول استریپ)
اما تعجب میکنم یعنی ابزارهاتون از خود فتوشاپ هم بیشتره !؟
تا trackbar بار بذارم تو فرم و آنلاین با تغییر اونا تغییراتو تو تصویرم ببینم و یه picturebox برا زوم مثل فتوشاپ داشته باشم و یه picturebox برای مشاهده تصویر در حالت خاصی داشته باشم
جا کم آوردرم
ممنون میشم راهنمایی کنید
من میخوام مثلا

ebrahim.rayatparvar

دوشنبه 04 خرداد 1394, 14:26 عصر

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

Mahmoud Zaad

دوشنبه 04 خرداد 1394, 14:36 عصر

سلام
حرف آقا ابراهیم درسته، یک راه اینه که به کاربر این امکان رو بدی که ابزارهای مورد نیازش رو انتخاب کنه و در ابتدا فقط اونها نمایش داده بشن و اگر خواست کلیک کنه تا بقیه ابزارها رو هم ببینه. مثلاً فایرفاکس یه سری آیکون گذاشته بعد کنار اینها یک آیکن هست که 3تا خطه و اگه روی این کلیک کنی یه سری ابزار دیگه نمایش داده میشه. در وب هم گوگل همینکارو کرده (شورتکات apps). از این گذشته توی tool strip هم که کلی آیکن میشه جا داد. کنار پیکچر باکس تون هم به صورت عمودی در دو ردیف کلی آیکن 16*16 میشه جا داد (مثل فوتوشاپ)

golbafan

سه شنبه 05 خرداد 1394, 09:53 صبح

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

ebrahim.rayatparvar

سه شنبه 05 خرداد 1394, 10:02 صبح

سلامی دوباره مهندس جان
همونطوری که دوست خوبمون مهندس golbafan (http://barnamenevis.org/member.php?101169-golbafan) گفتند طراحی خود فتوشاپ عالیه که با BarManager کامپوننت Devexpress می تونی مثل خود فتوشاپ طراحی کنی

ali_72

سه شنبه 05 خرداد 1394, 12:45 عصر

Devexpress رایگان نیست

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

ebrahim.rayatparvar

سه شنبه 05 خرداد 1394, 12:58 عصر

سایتهایی هستن که رایگان بدن :لبخند:

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

ali_72

سه شنبه 05 خرداد 1394, 13:01 عصر

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

ali_72

سه شنبه 05 خرداد 1394, 13:02 عصر

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

در ضمن کارهای پردازشی رو بهتره با C++‎‎‎‎ انجام بدید (از جهت سرعت)

این هم عکس فرم

ebrahim.rayatparvar

سه شنبه 05 خرداد 1394, 13:14 عصر

بردار من کمی کوچیکتر میکردی عکسو.

مهندس جان تو طراحیت تو عکسی که دادی بدتر از اونی بود که تو تاپیک اول دادی.

ali_72

سه شنبه 05 خرداد 1394, 14:47 عصر

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

ebrahim.rayatparvar

سه شنبه 05 خرداد 1394, 15:24 عصر

خوب مهندس این شد عکس.
در مورد طراحی باید بگم منو جالبی طراحی نکردی بخصوص در انتخاب رنگ.
و در مورد ابزرا میتونی از قسمت ابزار عکس زیر رو ببین :
131682
حالا ما هم اینجوری طراحی کنیم ببینم به چه صورته :لبخند:
خوب مربع نارنجی دکمه مربع بزرگ آبی معلومه دیگه پنل حالا شما چی کار میکنید تو پنلها ابزار خودتو میریزی هر کدوم که میخوای Visible همه رو false کن رو دکمه که کلیک کردی پنل مورد نظر Visible برابر true بقیه false میشن.
حالا این یه روش بدون استفاده از کامپوننت.
روش دیگه میتونی PictureBox رو تمام صفحه بکنی و یه نوار نازک دست راست فرم داشته باشی دکمه های نارنجی رو اینجا بزاری و هر موقع که کلیک کردی پنل ها از سمت راست به حالت کشویی بیان بیرون روی PictureBox بیفتن.
این باز بدون کامپوننت.
ولی با کامپوننت تا دلت بخواد روش زیاده

golbafan

سه شنبه 05 خرداد 1394, 15:25 عصر

من فکر میکنم شما برای یه نرم افزار طراحی برش سنگ اینهمه فضا نیاز ندارید
در کل باید از dock_manager استفاده بکنید تا بخشهایی از برنامه رو بتونید مخفی کنید

http://help.infragistics.com/Help/Doc/Silverlight/2014.1/CLR4.0/html/images/xamDockManager_DockIndicators.png

ali_72

چهارشنبه 06 خرداد 1394, 08:14 صبح

خوب مهندس این شد عکس.
در مورد طراحی باید بگم منو جالبی طراحی نکردی بخصوص در انتخاب رنگ.
و در مورد ابزرا میتونی از قسمت ابزار عکس زیر رو ببین :
131682
حالا ما هم اینجوری طراحی کنیم ببینم به چه صورته :لبخند:
خوب مربع نارنجی دکمه مربع بزرگ آبی معلومه دیگه پنل حالا شما چی کار میکنید تو پنلها ابزار خودتو میریزی هر کدوم که میخوای Visible همه رو false کن رو دکمه که کلیک کردی پنل مورد نظر Visible برابر true بقیه false میشن.
حالا این یه روش بدون استفاده از کامپوننت.
روش دیگه میتونی PictureBox رو تمام صفحه بکنی و یه نوار نازک دست راست فرم داشته باشی دکمه های نارنجی رو اینجا بزاری و هر موقع که کلیک کردی پنل ها از سمت راست به حالت کشویی بیان بیرون روی PictureBox بیفتن.
این باز بدون کامپوننت.
ولی با کامپوننت تا دلت بخواد روش زیاده
ممنون
ولی من میخوام همه باشن :لبخند: visible false ,true ندارم
بعد اینکه مهندس خیلی وقتا این کار رو کردم و چقدر از این کار بدم میاد
اینکه کنترل ها رو روی هم میذارم و true و false میکنم
به خاطر اینکه مکانشون یکی هست روی هم میذارم (یعنی باید ران تایم ایجاد کنم؟ اگه آره خوب پوزیشن رو چطور براشون ست کنم؟)
بعد اینکه چی کار کنم کشویی باز بسته شه؟ بدون کامپوننت
راستی پیشنهاد رنگ چیه؟ چه رنگی با چه تنوعی؟
در ضمن شما که کامپوننت استفاه می کنید از این رایگان ها تا حالا با تغییر ورژن .net به مشکل برنخوردید؟

ali_72

چهارشنبه 06 خرداد 1394, 08:16 صبح

من فکر میکنم شما برای یه نرم افزار طراحی برش سنگ اینهمه فضا نیاز ندارید
در کل باید از dock_manager استفاده بکنید تا بخشهایی از برنامه رو بتونید مخفی کنید

http://help.infragistics.com/Help/Doc/Silverlight/2014.1/CLR4.0/html/images/xamDockManager_DockIndicators.png

دقیقا منم مدنظرم همین بود
ولی چیکار کنم که چنین dock_manager ای داشته باشم؟ بشه با حفط سرعت برنامه قسمت های قابل درگ و قابل داک کردن مثل خوئ محیط vs ساخت؟

golbafan

چهارشنبه 06 خرداد 1394, 09:40 صبح

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

ali_72

چهارشنبه 06 خرداد 1394, 09:58 صبح

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

خوب درسته ولی چطور میتونم چنین
dock_manager ای داشته باشم ؟ مثل vs

ebrahim.rayatparvar

چهارشنبه 06 خرداد 1394, 10:40 صبح

سلام دوباره مهندس .
اول سوال شما در مورد Dock Manager بگم که کنترل های VS رو که دیدید تو یه چیزی شبیه گروپ یا پنل هستند فرقی که دارند کشویی میشن جابجا میشن این ابزار رو تو کامپوننت devexpress می گن dock Manager که دقیقا همین امکانات رو داره و میتونی باهاش کار کنی.
در مورد ست کرن مکان هم بگم نیاز نیز ست کنی تو کافیه اینا رو زیر هم همونجور که تو عکس گذاشتم بزاری و Dock کنی به سمت Top وقتی که نمایش داده میشه خودش میاد بالا جای اونی که خاموش میشه. و مشکل ست کردن مکان نداری. تو پنل رو dock کن طراحی کن اندازه عرضی رو بکن 2 بعد پنل بعدی رو بنداز زیریش Dock کن بهش طراحی کن سایز رو دوباره بکن 2 همینجور تا آخر فقط اندازه ای که کامل نمایش داده میشه رو برای خودت نگه داشته باش بعد تو Form_Load همه رو بر گرددون به اندازه قبل Visible رو هم برابر False کن.

در مورد کامپوننت که تا حالا من که مشکلی با تغییر .net نداشم البته یه مساله ای هست مثلا telerik از .net 2 به بعد میاد بالا devexpress 12 از .net 3 به بالا میاد بالا فکر می کنم خیلی قبل ها باهاشون کار کردی که خاطره خوشی نداری ولی الان برای 2 ساله که کلا با کامپوننت هستم و مشکلی ندارم.

در مورد رنگ هم باید بگم صورتی رنگی نیست برای یه برنامه که بعدش یه میای فرم رو تیره میکنی 2 تضاد عجیب. سعی کن از رنک های اداره مثل آبی آسمانی که بیشت برنامه ها دارن از این رنگ یا کرمی تیره کلا هر رنگی که هست در کل برنامه ازش استفاده کند نه اینکه 7 رنگ بشه برناامه ای که میسازی.

ali_72

چهارشنبه 06 خرداد 1394, 11:12 صبح

سلام دوباره مهندس .
اول سوال شما در مورد Dock Manager بگم که کنترل های VS رو که دیدید تو یه چیزی شبیه گروپ یا پنل هستند فرقی که دارند کشویی میشن جابجا میشن این ابزار رو تو کامپوننت devexpress می گن dock Manager که دقیقا همین امکانات رو داره و میتونی باهاش کار کنی.
در مورد ست کرن مکان هم بگم نیاز نیز ست کنی تو کافیه اینا رو زیر هم همونجور که تو عکس گذاشتم بزاری و Dock کنی به سمت Top وقتی که نمایش داده میشه خودش میاد بالا جای اونی که خاموش میشه. و مشکل ست کردن مکان نداری. تو پنل رو dock کن طراحی کن اندازه عرضی رو بکن 2 بعد پنل بعدی رو بنداز زیریش Dock کن بهش طراحی کن سایز رو دوباره بکن 2 همینجور تا آخر فقط اندازه ای که کامل نمایش داده میشه رو برای خودت نگه داشته باش بعد تو Form_Load همه رو بر گرددون به اندازه قبل Visible رو هم برابر False کن.

در مورد کامپوننت که تا حالا من که مشکلی با تغییر .net نداشم البته یه مساله ای هست مثلا telerik از .net 2 به بعد میاد بالا devexpress 12 از .net 3 به بالا میاد بالا فکر می کنم خیلی قبل ها باهاشون کار کردی که خاطره خوشی نداری ولی الان برای 2 ساله که کلا با کامپوننت هستم و مشکلی ندارم.

در مورد رنگ هم باید بگم صورتی رنگی نیست برای یه برنامه که بعدش یه میای فرم رو تیره میکنی 2 تضاد عجیب. سعی کن از رنک های اداره مثل آبی آسمانی که بیشت برنامه ها دارن از این رنگ یا کرمی تیره کلا هر رنگی که هست در کل برنامه ازش استفاده کند نه اینکه 7 رنگ بشه برناامه ای که میسازی.

ممنون خیلی خیلی لطف کردید
dev express که رایگان نیست از چه لینکی میگیری؟

sajaaaaad

چهارشنبه 06 خرداد 1394, 11:45 صبح

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

http://p30download.com/fa/entry/57851/

131700

ebrahim.rayatparvar

چهارشنبه 06 خرداد 1394, 11:56 صبح

میتونی از سایتش بگیری و تریال استفاده کنی خواستی همیشگی استفاده کنی به من پیغام بده تا بهت بگم چی کار کنی.
و در مورد ورژن باید بگم الا 14.2.6 فکر کنم باشه یا شاید هم بالاتر ولی تا آخر تابستون ورژن 15 میاد که RTL هم ساپورت میکنه ولی همین الان هم از نظر من بهتر از کامپوننت های دیگه هست.

golbafan

چهارشنبه 06 خرداد 1394, 12:07 عصر

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

131701
131703

دانلود برنامه:
https://www.dropbox.com/s/10tir2dsu32uwxu/Project1.rar?dl=0

ebrahim.rayatparvar

چهارشنبه 06 خرداد 1394, 12:30 عصر

مهندس golbafan (http://barnamenevis.org/member.php?101169-golbafan) تمام مطلبی رو که بالا ما گفتیم به یک طراحی ساده نمایش داد و حالا راحت تر میتونی درکش کنی. میبینی که کار با Dock Manager خیلی کارت رو ساده تر میکنی چه برسه با ابزار های دیگه هم کمک میگیری. در مورد استایل برنامه اینجا دیگه به وضوح معلومه میبیند به خصوص عکس اولی زمانی که استفال تمام کنترل ها از یک نوع تبعید می کنند چقدر برنامه زیبا میشه حالا شما می تونید از استایل های دیگه هم استفاده کنید که حتی زیبا تر هم هستند.