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

نقل قول:

---

نوشته شده توسط alibilgats

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

---

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

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

نقل قول:

---

نوشته شده توسط god of war

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

---

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

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

منوی اصلی:

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

نقل قول:

---

نوشته شده توسط alibilgats

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

---

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

نقل قول:

---

نوشته شده توسط ghasem110deh

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

---

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

نقل قول:

---

نوشته شده توسط golbafan

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

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

---

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

نقل قول:

---

نوشته شده توسط ghasem110deh

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

---

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

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

سلام اقا ما هم دیدیم حرفه ای ها جمعن .....!
یکی دوتا عکس از برنامه هام میذارم لطفن دوستان نظر بدین.


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

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

و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)

ضمیمه 131646

نقل قول:

---

نوشته شده توسط juza66

و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)

---

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

نقل قول:

---

نوشته شده توسط juza66

سلام اقا ما هم دیدیم حرفه ای ها جمعن .....!
یکی دوتا عکس از برنامه هام میذارم لطفن دوستان نظر بدین.


باقی کارهام و عکس ها در وبلاگم AVASOFT.BLOGFA.COM

---

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

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

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

اینم همون برنامه قبلی مخصوص تبلت ویندوزی
البته رنگ بندیشو خود مشتری انتخاب میکرد.(با devcomponent)

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

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

نقل قول:

---

نوشته شده توسط juza66

و اسکرین شات آخرین نسخه یعنی نسخه 3 نرم افزار ارسطو (هنوز تحویل ندادم هاااااا)

ضمیمه 131646

---

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

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

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

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

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

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

همه چیش خوبه :D

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

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

موفق باشید/.

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

ممنون از نظرات :خجالت:

نقل قول:

---

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

---

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

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

نقل قول:

---

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

---

اره devcomponet

نقل قول:

---

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

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

---

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

نقل قول:

---

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

---

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





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

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

نقل قول:

---

نوشته شده توسط Mohammad_mhk

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

---

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

نقل قول:

---

نوشته شده توسط Mohammad_mhk

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

---

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

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

https://barnamenevis.org/showthread.p...=1#post2174120

یک نگاهی به این تاپیک بنده بندازید
گاهی اصلا ظاهر مهم نیست و فقط سرعت برنامه اهمیت داره!!!
https://barnamenevis.org/showthread.p...84%D9%81%DB%8C

http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

نقل قول:

---

نوشته شده توسط winner1

http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

---

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

نقل قول:

---

نوشته شده توسط ghasem110deh

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

---

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

نقل قول:

---

نوشته شده توسط winner1

http://uupload.ir/files/4x7_1.png
http://uupload.ir/files/xkkx_2.png

---

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

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

نقل قول:

---

نوشته شده توسط NasimBamdad

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

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

---

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

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

سلام به همه
تو این قالب سعی کردم شبیه office 2013 (نمونه آقای گلبافان) بشه .... ولی نشده :قهقهه:

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

جای کنترل ها خوبه ولی نباید شلوغ بشه و همینطور ایکون های کم رنگ خاکستری برنامتو مرده میکنه <3

اسم فونت استفاده شده چیه؟

نقل قول:

---

نوشته شده توسط www.rayanehkhabar.com

اسم فونت استفاده شده چیه؟

---

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

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

نقل قول:

---

نوشته شده توسط winner1

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

---

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

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

نقل قول:

---

نوشته شده توسط golbafan

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

---

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

آره منطورم آیکونهاست

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

نقل قول:

---

نوشته شده توسط golbafan

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

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

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

---

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

نقل قول:

---

نوشته شده توسط ali_72

golbafan جون از کامپوننت خاصی استفاده کردی؟ چقدر انتخاب رنگتو دوست دارم قشنگه :قلب:

---

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

قشنگه :X

نقل قول:

---

نوشته شده توسط reza_ali202000

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

---

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

نقل قول:

---

نوشته شده توسط NasimBamdad

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

---

نه رفیق شرمندم

سلام دوستان من ایکونای برنامم رو مشکی مردم میشه یه نظر بدین کدوم بهتره ؟
جدید :
http://uupload.ir/files/qu2g_untitled.png
قبل:
http://uupload.ir/files/4x7_1.png

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

سلام بنظرم این خیلی بهتر شده :
http://uupload.ir/files/aefh_untitled.png

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

نقل قول:

---

نوشته شده توسط ghasem110deh

سلام بنظرم این خیلی بهتر شده :
http://uupload.ir/files/aefh_untitled.png

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

---

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

این سلیقه ای دیگه !
یه همچین چیزی میتونی طراحی کنی !؟ من که نتونستم :)

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

اینم قشنگه :

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

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