طراحی رابط کاربری - UserInterface

[mrcoder01]

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

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

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

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

[golbafan]

5.jpg

آقای golbafan این آیکونها چیه اون وسط تو محیط دلفی ؟؟؟

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

ضمیمه 131537

[saeedr22]

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

[winner1]

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

کجای برنامه من شبیه افیسه:|
کدوم نسخش؟

[ghasem110deh]

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

[god of war]

ممنون ghasem110deh عزیز
اره از کامپوننتهای dotnetBar به صورت ترکیبی :)

[rahgoshafan]

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

این مورد خصوصا در طراحی وب کاربرد داره :
http://ux.stackexchange.com/question...ong-work-hours

http://inspirationfeed.com/inspirati...erface-design/

taroot.ir/colors/

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

http://www.ambysoft.com/essays/userI...tml#Principles

[reza_ali202000]

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

[ghasem110deh]

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

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

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

http://www.ambysoft.com/essays/userI...tml#Principles

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

موفق باشی !؟

[ebrahim.rayatparvar]

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

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

[golbafan]

بین الان بهتر نشده:

ضمیمه 131541

[jamal_ch]

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

[FastCode]

آپدیت طرح قبلی,
در این طرح دکمه ها به منو منتقل شده. همه اشیا URL دارند. و همه فیلد ها, حتی انواع بسته بندی ساده و چند سطحی هم module هستند و در زمان اجرا لود میشن.فرمهای ثبت و ویرایش دقیقا یک شکل هستند.
فرم اصلی برنامه تقریبا همه shortcut های firefox رو داره.
Ctrl N,Ctrl H,Ctrl W,Ctrl Q, ...
دکمه های prev/next برای هر تب
دکمه up
صفحه history و about و database و ...
امکان web browsing و نمایش چاپ در تب ها
multi tab/multi window

[FastCode]

آپدیت طرح قبلی, در این طرح دکمه ها به منو منتقل شده. همه اشیا URL دارند. و همه فیلد ها, حتی انواع بسته بندی ساده و چند سطحی هم module هستند و در زمان اجرا لود میشن.فرمهای ثبت و ویرایش دقیقا یک شکل هستند. فرم اصلی برنامه تقریبا همه shortcut های firefox رو داره. Ctrl N,Ctrl H,Ctrl W,Ctrl Q, ... دکمه های prev/next برای هر تب دکمه up صفحه history و about و database و ... امکان web browsing و نمایش چاپ در تب ها multi tab/multi window

و یک تصویر برای دوستانی که نمیتونن ویدئو رو دانلود/باز کنند (در این تصویر یکی از فیلد های تغیییر کرده)

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

[حسین.کاظمی]

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

تشکر از همگی

[محمد آشتیانی]

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

تشکر از همگی

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


موفق باشید.

[juza66]

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

تشکر از همگی

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



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


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





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

[حسین.کاظمی]

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



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


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





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

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

[حسین.کاظمی]

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



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


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





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

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

[milad.rpm]

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

سلام
دوست عزیز استفاده از Tab زمانی که از دیتابیس واکشی میکنیم (دیتاگرید و یا...) سرعت اجرا رو پایین نمی یاره ؟
و چرا از Tab نمیشه فرمی رو لود کرد اما از dialog استفاده نکرد، و هم زمان چند فرم باز باشه ؟

[ShahinRad97]

سلام دوستان

در تصویر زیر:


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

[sadeghpa80]

سلام دوستان

در تصویر زیر:


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

توی مجموعه کامپوننت های دات نت بار به اسم SideBar میتونی استفاده کنی و خودت به سلیقه خودت تغییرش بدی

[golbafan]

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

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

Untitled.jpg

[رامین مرادی]

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

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

Untitled.jpg

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

[golbafan]

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

سلام. ممنونم
راست چین بودنو حتما انجامش میدم.
روی پیامها باید کار کنم. الان خیلی جذاب نیست.
سمت سرور با C سرویس نوشتم ولی در آینده میخوام بجاش از ejabberd استفاده کنم.
کلاینت ویندوزی با دلفی نوشته شده.
رمز نگاری end to end هست و کلیدها در سرور ذخیره نمیشه مشابه Whatsapp.
دیتابیس مرکزی NoSQL هست = Apache Casandra

[ShayanFiroozi]

با سلام خدمت همه دوستان

نرم افزار تمام هوشمند پلاک خوان خلیج فارس ، طراحی و برنامه نویسی صفر تا صد کار بنده ، موتور هوش مصنوعی و پردازش تصویر با C++‎ ، رابط کاربری با سی شارپ ، بانک اطلاعاتی SQL Server

[nima_8m]

رنگبندی ،زیبایی،خوانایی و ...
بسیار عالی
دمتگرم
خداقوت

[vbhamed]

با سلام خدمت همه دوستان

نرم افزار تمام هوشمند پلاک خوان خلیج فارس ، طراحی و برنامه نویسی صفر تا صد کار بنده ، موتور هوش مصنوعی و پردازش تصویر با C++‎‎‎‎ ، رابط کاربری با سی شارپ ، بانک اطلاعاتی SQL Server

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

[nima_8m]

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

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

[Hossein1376a]

من میخوام رابط کاربریم مثل ویژوال استدیو باشه کامپونتتی چیزی هست معرفی کنید؟
مثل این نرم افزار:
http://www.itbita.com/Content/style/...hot1-large.jpg

[barnamenevisjavan]

من میخوام رابط کاربریم مثل ویژوال استدیو باشه کامپونتتی چیزی هست معرفی کنید؟
مثل این نرم افزار:
http://www.itbita.com/Content/style/...hot1-large.jpg

AvalonDock

[ebrahim.rayatparvar]

سلام خدمت دوستان عزیز.
یه نمونه برنامه کوچک نوشتم برای جایی نیاز داشتم که میتونید تو برنامه ثبت نام کنید و لاگین کنید و وضعیت هوای استان ها البته چندین استان ثابت رو فعلا گذاشتم ببینیم.
تو این برنامه از معماری پیازی استفاده شده و ef code first و برای دریافت وضعیت آب و هوا از api سایت www.openweathermap.com استفاده کردم. برای طراحی ui از کامپوننت devexpress استفاده کردم. بیشتر مانور من رو معماری و سرویسی بود که داشتم استفاده میکردم.

سورس کد در گیت هاب

1.PNG2.PNG3.PNG

[vbhamed]

سلام خدمت دوستان عزیز.
یه نمونه برنامه کوچک نوشتم برای جایی نیاز داشتم که میتونید تو برنامه ثبت نام کنید و لاگین کنید و وضعیت هوای استان ها البته چندین استان ثابت رو فعلا گذاشتم ببینیم.
تو این برنامه از معماری پیازی استفاده شده و ef code first و برای دریافت وضعیت آب و هوا از api سایت www.openweathermap.com استفاده کردم. برای طراحی ui از کامپوننت devexpress استفاده کردم. بیشتر مانور من رو معماری و سرویسی بود که داشتم استفاده میکردم.

سورس کد در گیت هاب

1.PNG2.PNG3.PNG

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

[ebrahim.rayatparvar]

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

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

[Amirhossinrayegan]

پی سی استور

این چطوره؟

[golbafan]

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

[رامین مرادی]

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

من خودم به شخصه با تصویر دوم راحتترم(از نظر دید یه مشتری) البته یه کم با رنگ های گرم تر نه بی روح مثل آبی.

[RossetaGotStoned]

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

این اخرین تصاویر و این کار شما https://barnamenevis.org/attachment....2&d=1553942355 آیا تماما توسط شما طراحی شده یا از کتابخانه خاصی استفاده کردید؟

[Helpco]

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

کامپونت استفاده شده چی دوست خوب

[aliramazani]

سلام من یک سایت در زمینه لوله بازکنی دارم میخوام ببینم میشه با سی شارپ اینو بازنئیسی کرد یا نه؟

به راحتی ! ولی مشکلش چیه الان؟