Printable View
فکر کنم متوجه نکته ای که اشاره کردین شدم ، کم رنگ بودن فونت ها درسته !؟نقل قول:
نوشته شده توسط golbafan
این تصویر رو بررسی کنید ، چون در اصل کمرنگ نیست کیفیت تصویر بعد از بارگذاری به شدت افت میکنه برا همینه فکر کنم.
لطفا تصویر رو در یک تب جدید باز کنید و در حالت 100% زوم مشاهده کنید با این آدرس : http://s3.picofile.com/file/8215806884/UI.png خاطر کدر بودن تصویر تو عکس به شکل قابل توجهی جذابیتش رو از دست میده.
ضمیمه 135785
سلام
آره خیلی بهتر شد. پر رنگ شدنش باعث میشه خودشو بِکَنه و به چشم بیاد
سلام لطفا درمورد طرح زیر نظرات و همچنین راهنمایی های لازم رو بفرمایید
ضمیمه 135786
ضمیمه 135787
ضمیمه 135788
ضمیمه 135789
البته به تصویری که شما روش تغییراتی دادین هم الان دقت کردم متوجه شدم ، قسمت آپلود تصاویر آیکون افزودن اضافه شده و جای کومبو باکس رفته بالا و یک سری تغییرات دیگه که بهتره !نقل قول:
نوشته شده توسط golbafan
ولی با علامته افزوده شدن در داخل تکس باکس موافق نیستم :لبخند: مگر نمیگم به شکل زیر تغییر پیدا کنه:
ضمیمه 135790
طرح جالبی هستش ولی یک مشکل اساسی داره که برنامه رو غیر استاندارد کرده ، اونم چپ به راست بودنشه به نظرم راست به چپ باشه :لبخند: استاندارد و قابل توجه تر خواهد بود.نقل قول:
نوشته شده توسط golbafan
آره خب!نقل قول:
نوشته شده توسط کامبیز اسدزاده
این مورد رو صرفا جهت تراز شدن کنترل ها انجام دادم وگر نه بیرون باشه که خیلی قشنگ تره
درسته. نظر من هم همینه:تشویق:نقل قول:
نوشته شده توسط کامبیز اسدزاده
البته خیلی وقت ها دیتابیس های کاربران فارسی نیست!
بهر حال باید یک سیستم تغییر زبان کاربری روش پیاده بشه که وقتی مثلا فارسی یا عربی رو انتخاب کرد برنامه راست چین بشه:
در دلفی کافیه خاصیت bidimode فرم رو راست چین کنید تا کلیه کامپوننت های داخل فرم هم راست چین بشه!
ضمیمه 135793
اصلا نباید به این فکر کنید که دیتا فارسی هست یا نه ! کافیه یک بخش رو در نظر بگیری برای تنظیمات زبان ، در نرم افزار باید این امکان باشه که کاربر بر اساس زبان یا نحوه نمایش با برنامه روبه رو بشه یکی از مهمترین مباحثی که در طراحی وجود داره رعایت و هماهنگ سازی بحث چند زبانه (چند ملیتی) بودن هستش این خودش اصل مهمی هست که نشون میده به کاربر توجه ویژه ای شده.نقل قول:
نوشته شده توسط golbafan
همانطور که خودتون اشاره کردید کافیه یه بخش در نظر بگیرید که کاربر خودش مشخص کنه که با چه زبان و با چه چیدمانی میخواد برنامش رو اجرا کنه.
نقل قول:
نوشته شده توسط کامبیز اسدزاده
مرسی دوست عزیز حتما اعمال خواهم کرد.
نرم افزاری که دیدید در واقع یک گزارش سازه که میتونه به mysql,sqlserver,oracle وصل بشه و از هر نوع دیتابیسی هر نوع گزارشی رو تولید کنه
سلام به همه ...
خصوصا دو دوست عزیز (آقایان گلبافان و اسدزاده) که نکاتی رو گوشزد میکنن که شخصا اصلا به ذهنم هم نمیرسه :تشویق:
------------------------
منم یه طرح من درآوردی زدم (هر چند خودم راضی نیستم) ولی سعی کردم همه چی در دسترس کاربر باشه و سردرگم نشه ! (تا چه حد موفق شدم بماند)
البته نمودار پایین فرم اصلی (خرید/ فروش ماهانه) و گزارش ها رو هنوز آماده نکردم !
خوشحال میشه نظر بدین و راهنمایی کنید :
سلام! خوب هستید؟
در نگاه اول اینها به چشم میاد:
1- اینکه فرم ها روی هم باز میشن خیلی محیط رو شلوغ میکنه
2- استفاده از تصاویر و آیکون ها در جای نامناسب
3- وجود توضیحات زیاد و غیر ضروری در جای جای برنامه : مثلا در فرم لاگین همه میدونن باید نام کاربری و رمز عبور رو بزنن و سپس کلید ورود!
4- برای تعریف روند های برنامه که کاربر باید طی کنه میشه از حالت flowchart استفاده کرد
موفق باشید
میدونم اکثر این موارد رو برای بالابردن UX انجام دادید، اما برخی از کارها اشتباه هستند
مثلا خیلی از توضیحات میتونه در قالب hint باشن یا مثل حالتی که آقا کامبیز گفت (راهنمای اندروید)
خوب هست ، برای بهتر شدنش میتونید کمی استایل بدین به دکمه ها و کنترل های موجود تا شکیلتر بشه.نقل قول:
نوشته شده توسط ghasem110deh
و یکی دو مورد هم راچب توضیحات اضافه دیدم که دوستمون هم اشاره کرد ، اگر لازمه توضیحاتی بدین مثل "با دوبار کلیک کردم روی شخص..." این متن رو به صورت Mouse Hover در بیارید و یا یک آیکونی به صورت علامت سوالی چیزی بزارید ریز در کنار گزینه مربوطه که وقتی روش میره پیغام رو نمایش بده.
در کل خوب هست و میتونه بهتر هم باشه.
ممنون :)
فقط فرمهایی که جهت انتخاب یک مورد خاص هست (مثلا نوع انبار ، در تعریف انبار جدید) یه فرم دیگه باز میشه !نقل قول:
1- اینکه فرم ها روی هم باز میشن خیلی محیط رو شلوغ میکنه
در غیر این حالت همه فرم ها showDialog هستن
حتی تو فرم اصلی ؟ چطور الاحش کنم ؟نقل قول:
2- استفاده از تصاویر و آیکون ها در جای نامناسب
پیش خودم گفتم شاید بدرد بخوره :لبخند:نقل قول:
3- وجود توضیحات زیاد و غیر ضروری در جای جای برنامه : مثلا در فرم لاگین همه میدونن باید نام کاربری و رمز عبور رو بزنن و سپس کلید ورود!
جدای راهنمای برنامه اضافه کنم یا توی راهنما کافیه ؟نقل قول:
4- برای تعریف روند های برنامه که کاربر باید طی کنه میشه از حالت flowchart استفاده کرد
------
یه سوال دیگه هم اینکه توی تصویر اول بخاطر تعداد فیلدهای متفاوت توی هر قسمت ، نمیشه اندازه فرم رو تغییر داد و قسمت زیادی خالی می مونه !
این موارد چجور رفع و رجوع کنم !؟
میتونه بصورت lookup combobox باشهنقل قول:
نوشته شده توسط ghasem110deh
نمیگم از تصاویر استفاده نکنی. بلکه هرچیز رو جای خودش بزاریدنقل قول:
حتی تو فرم اصلی ؟ چطور الاحش کنم ؟
نه منظورم اینه بجای اینکه بنویسید گام اول فلان گام دوم فلان، از فلوچارت استفاده بشه مثل microsoft accounting:نقل قول:
جدای راهنمای برنامه اضافه کنم یا توی راهنما کافیه ؟
ضمیمه 135800
راجب این مورد ایده های جالبی وجود داره ، اجازه بدین یک مثالی بزنم که احتمال قوی خیلی ها باهاش مواجه شده اند.نقل قول:
نوشته شده توسط ghasem110deh
همین ویندوز 8 به بعد حتی ویندوز 10 رو همگی دیدید وقتی برای بار اول نصب میشه و میاد به مرحله Start میرسه ، اینجاست که با یک سری علامت ها و فلش ها به صورت چشمک زن داره کاربر رو متوجه تغییرات جدیدش میکنه که آقای کاربر برای دسترسی به من از این قسمت با این روش عمل کن ! بدون هیچ توضیح خاصی فقط و فقط با استفاده از تصویر و علامت خیلی عالی کاربر رو متوجه میکنه.
در تصاویر قبلی من یک توضیحی راجب وجود یک لایه تقریبا شفاف دادم که به صورت چشمک زن به کاربر نمایش داده میشه ، با یک علامت کلیک یا لمس کردن صفحه که کاملا روشنه باید صفحه رو لمس یا کلیک کنه تا بتونه وارد مرحله بعدی بشه ، به نظرم همچین طرح های میتونه خیلی بهتر از یک متن هرچند زیبا نظر کاربر رو جلب و متوجه کنه.
در کل نرم افزار باید با کاربر صحبت کنه البته نه با متن بلکه با استفاده از جلوه های بصری که میتونه شامل یک آیکون یا تصویر یا حتی انیمیشن خاص و مرتبط باشه.
مثال
ضمیمه 135801
ضمیمه 135805ضمیمه 135806
ضمیمه 135804
دیزاین جدید کارم
قشنگ شده :)
اینقدر باش سر و کله زدی تا اون چیزی که میخواستین شده (کم و بیش)
---------------------
برنامه رو دو زبانه کردین ؟
5 زبانه شده بعدشم میخوام این دیزاین تست بشهنقل قول:
نوشته شده توسط ghasem110deh
نقل قول:
نوشته شده توسط winner1
بهتر شده نسبت به قبلی
ولی بنظرم از رنگ رنگی کردن فرم پرهیز کن و به استایلی دست بزن که زیاد چشم های کاربر درگیر این همه رنگ نکنه، قبلی خوب بود ولی سفید و خاکستریش چشم رو اذیت میکرد:
من با اجازه اساتید اومدم تویی محیط فلت ولی کار داره هنوز (نسخه نوبت دهی درمانگاهه)
ضمیمه 135808
میشه بپرسم چرا تو برنامه ای که تحت ویندوز کار میکنه ساعت گزاشتین؟نقل قول:
نوشته شده توسط juza66
این اشکال کارتون بنظرم
ولی در کل عالی رنگ بندی flat دیزاین یکی از اید های خیلی خوبه که تو برنامه بعدیم اجرا میکنم این طرحم فقط میخواسم چیز جدیدی باشه کار اولمه ولی بیشتر سعی کردم همه چی دمه دست کاربر باشه
نقل قول:
نوشته شده توسط winner1
من کارتون رو با اقای ghasem110deh اشتباه گرفتم، کار آقای ghasem110deh خیلی خوب شده
کار شما اون اولی رو چک کردم خوب بود ولی فونتش یکخورده حرفه ای بود، این نسخه از برنامه پیشرفت خوبی داشته وبسیار زیباست اگر رنگش رو کمی ملایم تر مثلاً همون ابی که در برنامه قبلی استفاده کردی خوبه..
درمورد ساعت، کارفرما از من میخواد ساعت تویی صفحه سمت راست بالای نام کاربر باشه، و همون طوری که برنامه اگاهی همین رو ازمن خواست و براش گذاشتم، یجورایی باید دل کارفرما رو بدست اورد و اینااااااااااا (بگه منم دخیل بودم تویی طرح برنامه :)) چه کنیم انشاا.. اون برنامه های دیگه که حرفه ای هستند ولی الان اجازه اش رو ندارم اطلاعاتش درز کنه رو میذارم.
کمی تویی کدنویسیم ضعیف هستم و به کمک چندتا دوستان و اساتید از همین سایت برنامه نویس و سایت video-learn.net دارم روش های حرفه ای و اصولی تر برنامه نویسی را یاد میگیرم. پیشنهاد میدم حتمن کدنویسی تون رو قوی کنید، تا وقتتون تلف نشه برای کدنویسی های پیچیده ....
موفق باشید/.
Flat ui رو خیلی دوست دارم افرین خیلی بهتر شدنقل قول:
نوشته شده توسط ghasem110deh
بیشتر از هرچیز کد نویسی برای من مهم هستش حق با شماس ولی حیف میدونین کلاس برنامتون رو میاره پایین چون ویندوز ساعت داره ولی خوب مجبورین دیگهنقل قول:
نوشته شده توسط juza66
میگم کد نویسی هم صد در صد چون همه ی اینکارایی که کردم از هیچ کمپوننت خارجی استفاده نکردم ولی شما به نظر من شما کارتون تو دیزاین خوبه کار تیمی همینه یعنی مکمل هم باشن
بچه ها نظرتون راجب تغییراتی کوچیکی که روی رنگ آمیزی این طرح دادم چیه ؟ الان کمی زنده تر نشد ؟ و اینکه حالت های Popup همراه با جلوه های بصری بهتر و جذاب تره.
ضمیمه 135817
ضمیمه 135815
ضمیمه 135816
بله خیلی بهتر شده. مطلب رو درست گرفتید:تشویق:نقل قول:
نوشته شده توسط کامبیز اسدزاده
نقل قول:
نوشته شده توسط juza66
سلام دوست عزیز
اگر واقعا دنبال طراحی FLAT هستید باید یک نگاهی به طرح های آقای کامبیز اسدزاده بندازید
کار شما رو نمیشه گفت فلت هست. فقط رنگ های گرادیان رو تبدیل به solid کردید
سلامنقل قول:
نوشته شده توسط winner1
طرح شما بهتر شده اما 2 نکته:
1- وقتی زبان رو انگلیسی میکنید برنامه رو چپ چین کنید
2- منوی بالا رنگ هاش با بفیه فرم تناسب نداره
رنگ سبز و سبز ملایم براي محيط كار و زندگي بسيار مناسب است. و اثر مفرح و ملايمي دارد كه تماس مداوم با آن اشكالي ايجاد نمي‌كند.نقل قول:
نوشته شده توسط golbafan
استفاده از علم روان شناسی در رابطه با تاثیرات رنگ خیلی مهمه ، با تغییر فقط رنگ طراحی متفاوت از آب در میاد و بازخوردش بهتره.
پیشنهادتون برای منو چیه؟نقل قول:
نوشته شده توسط golbafan
کار خوبی شدهنقل قول:
نوشته شده توسط کامبیز اسدزاده
دکمه های منو رنگ زمینه دارن که برای حالت tile طراحی شدن. اگر میخواهید ازشون استفاده کنید رنگ زمینه همه رو حذف کنید و بجاش اون رنگ ها رو در خود آیکون بزارید:نقل قول:
نوشته شده توسط winner1
مثال:
ضمیمه 135824
تبدیل شود به:
ضمیمه 135825
جسارت نباشه ... منم با این مورد آقای گلبافان موافقم !نقل قول:
نوشته شده توسط golbafan
بنظرم واسه منو آیکونی که پس زمینه ش رنگی باشه مناسب نیست (البته نظر خودمه)
یه تست بزنید ببینید چطور میشه :)
سلام استاد. اگه لطف کنید عکس کامل رنگ ها(اولیه ) رو ی جا آپلود کنید استفاده کنیم، خیلی ممنون میشم.نقل قول:
نوشته شده توسط کامبیز اسدزاده
سلامنقل قول:
نوشته شده توسط Mori Bone
لینک رسمیش این هستش : https://www.google.com/design/spec/style/color.html
ولی چون برای ایرانی ها در دسترس نیست من محتوای مربوط به بخش استایل رو در قالب HTML جدا کردم میتونید دانلودش کنید.
نظرتون راجب این طرح چیه ؟ بهتره برای باز و بسته کردن یا حالت Disable و Enable کردن مثلا یک GroupBox با یک روش ساده تری اینکار رو انجام بدیم برای مثال استفاده از یک تصویر بصری باز و بسته شدن قفل !
ضمیمه 135833ضمیمه 135834
خدا رو شکر میبینم که یکی پیدا شد که بیشتر از همه به MySQL علاقه داره!!! داشتم یواش یواش احساس تنهایی میکردم
در مورد طرحتون باید بگم زیباست... هرچه نوشته ها به علامت های بصری تبدیل بشن، بیشتر کاربر پسند(user frendly) میشهنقل قول:
نوشته شده توسط کامبیز اسدزاده
همچنین از اینکه آیکون های خاکستری رو به حالت رنگی در آوردید خیلی خوشم اومد:قلب:
دانلود آیکون های گوگل و همچنین آموزش طراحی توسط گوگل:
https://www.google.com/design/icons/
:قهقهه::لبخند: خوشم اومد سریع رو هوا زدی که MySQL هست :تشویق:نقل قول:
نوشته شده توسط golbafan
راستی برای اینکه از تصاویر و آیکون های با کیفیت استفاده کنید من این سایت رو پیشنهاد میکنم : http://www.flaticon.com
و مخصوصا استفاده از فرمت BASE 64.