‫قوانین‬

‫طراحی‬

‫‪HMI‬‬
 ‫فهرست‪r‬‬

‫‪ : A‬سطح بندی و لول بندی صفحات‬

‫‪ :B‬استفاده از رنگ‬

‫‪ : C‬لوله ها و خطوط انتقال‬

‫‪ : D‬اعداد و متون‬

‫‪ : E‬نمایش ظروف و مخازن‬

‫‪ : F‬نکات کلی‬
‫‪ : A‬سطح بندی و لول بندی صفحات‬
 ‫نمای کلی فرایند‬ ‫‪)1‬‬
‫شروع نمایش ما است و هدف آن دادن یک دید کلی و بزرگ از فرایند است که به ما اطالعات کلی‬
‫فرایند را میدهد و همراه آن شاخص های الزامی را دریافت میکنیم‬
‫بیشتر مواقع در این صفحه گرافیکی نداریم و بر پایه اطالعات و دادن دیتا به اپراتور ساخته میشود و به‬
‫ما توانایی یک ناوبری آسان به سطح ‪ 2‬را میدهد‬
‫این صفحه میتواند اطالعات در مورد بقیه فرایند های موازی در حال انجام بدهد‬
‫در این صفحه آالرم و یا هشدارها نمایش پیدا میکنند‬
‫کنترل واحد فرایند‬ ‫‪)2‬‬
‫در این سطح اطالعات دقیق تری از فرایند هایی که به طور کلی در سطح ‪ 1‬بود نمایش داده میشود و‬
‫باید بتوانیم به راحتی از سطح ‪ 2‬به سطح ‪ 1‬ناوبری کنیم‬
‫هدف این سطح نمایش تصویر واضحی از سیستم های موجود در سطح یک است و حاال اپراتور میتواند‬
‫با تجهیزات فرایند کار کند و ان ها را کنترل کند‬
 ‫مهم است که این صفحه نباید شبیه نقشه ‪ P&ID‬باشد‬
‫‪ )3‬جزئیات واحد فرایند‬
‫در این صفحه ما میتوانیم نما و اطالعات دقیق تری از تجهیزات به کار رفته و قابل کنترل در سطح ‪2‬‬
‫را داشته باشیم‬
‫نمایشگر های این سطح برای کنترل و عیب یابی پیشرفته تجهیزات در نظر گرفته شده است مانند المان‬
‫هایی که در سطح ‪ 1‬و ‪ 2‬موجود نیستند‬
‫نمایشگر های داخل صفحه ‪ 3‬را میتوانیم به تجهیزات موجود در تجهیزات ابزار دقیق متصل کرد و آن‬
‫ها را هم نمایش داد‬
‫‪ )4‬پشتیبانی از واحد فرایند‬
‫بیشترین جزئیات سنسور ها و زیر اجزا و و زیر سیستم ها در این صفحه به کار خواهد رفت‬
‫در بعضی موارد در این صفحه به سرعت و عملکرد پردازش ‪ PLC‬و سالمت کانال های ورودی و‬
‫خروجی نمایش داده میشود‬
‫این صفحه برای عیب یابی گسترده و پیشرفته استفاده میشودو تنظیمات برنامه و ‪ SETPOINT‬ها به‬
‫کار میرود‬
‫میتواند شامل اطالعاتی مانند عملکرد تجهیزات و نمایش تنظیمات و هشدار ها و پروسه های انجام‬
‫عملیات و دقیق تجهیز نمایش داده شده باشد‬
‫زمان ری اکشن دادن به هشدار ها و آالرم ها در این باید به صورت دقیق ایراد و اشکال نمایش داده شود‬
‫و اطالعات کامل قابل مشاهده باشد‬
‫میتوان با ضربه به آالرم مشاهده شده اطالعات مفیدی برای بازیابی دستگاه و نحوه انجام عملیات عیب‬
‫یابی و دستور عمل های واضحی به صورت ‪ pop up‬وارد شود‬
‫اطالعات مهم ترین چیز است و گرافیک مهم نیست‬

‫‪ :B‬استفاده از رنگ‬
 ‫‪ )1‬نباید از رنگ های شدید و تنوع رنگی زیاد در صفحه استفاده شود و استفاده از رنگ ها تنها‬
‫برای نشان دادن شرایط غیرعادی و ویژه در فرایند است و زمانی که فرایند نرمال است نباید‬
‫رنگ جلب توجه کننده ای در صفحه داشته باشیم‬
‫‪ )2‬رنگ پس زمینه باید خاکستری روشن باشد با کد ‪ dddddd# :‬و ‪c0c0c0#‬‬
‫و باید بدانیم که یک صفحه نمایش نرمال و بدون رنگ خاکستری به معنی آن است که فرایند‬
‫بدون مشکل در حال اجرا است‬
‫‪ )3‬به جا نشان دادن لوله ها و اتصاالت به صورت سه بعدی بهتر است از رنگ های ساده برای‬
‫نمایش فرایند استفاده کنیم تا صفحه نمایش جلب توجه بی دلیل نکند و چشم اپراتور خسته نشود و‬
‫از نمایش اتصاالت و لوله هایی که دیتایی به ما نمیدهد خود داری کنیم‬
‫‪ )4‬آالرم ها باید با رنگ روشن و شدید به نمایش گذاشته شوند اما نباید رنگ آن ها با‬
‫رنگ قسمت دیگری از برنامه یکی باشد‬
‫‪ )5‬برای پمپ روشن از خاکستری تیره و برای پمپ خاموش از پمپ سفید استفاده بشود‬
‫و برای نمایش پمپی که در فرایند استفاده نمیشود از خاکستری خنثی استفاده بشود که‬
‫حالت محو داشته باشد اما نباید حذف بشود‬
‫داده های زنده که دائما در حال تغییر است باید با آبی تیره یا سبز تیره مشخص‬ ‫‪)6‬‬
‫شوند که مانند آالرم ها منحرف کننده نباشند اما تفاوتی با متن های ثابت داشته باشند‬
‫‪ )7‬اگر نیاز است واحد اعداد را به صورت خاکستری با کنتراست کمتر کنار آن ها‬
‫نمایش دهید‬
‫‪ )8‬رنگ داخل مخزن در صورتی که نمایش مقدار خالی داده میشود باید با رنگ پس زمینه یکسان‬
‫باشد و دور آن با خط مشکی مشخص شده باشد و از پس زمینه جدا شده باشد‬
‫‪ )9‬رنگ ابزار و تجهیزات به گونه ای باشد که کنتراست کافی در پس زمینه موجود باشد و برای‬
‫تشخیص آن نیاز به دقت مضاعف نباشد‬
‫‪ )10‬از رنگ ها نباید برای جداسازی مواد استفاده کرد به طور مثال مواد داخل یک مخزن که ترکیب‬
‫میشوند را نباید به رنگ از هم تفکیک کرد‬
‫‪ )11‬رنگ لوله ها و دور مخزن باید سیاه باشد‬
‫‪ )12‬متن ثابت باید با خاکستری تیره نمایش داده شود‬
‫[‪ ])13‬اگر نیاز است واحد اعداد را به صورت خاکستری با کنتراست کمتر کنار آن ها‬
‫نمایش دهید‬
‫[‪])14‬‬

‫‪ : C‬لوله ها و خطوط انتقال‬

 ‫از ضخامت لوله های فرایند باید برای متمایز کردن اهمیت آن ها استفاده کرد و‬ ‫‪)1‬‬
‫خطوط فرایند اصلی باید ‪ 3‬پیکسل عرض داشته باشند و خطوط ثانویه باید ‪1‬‬
‫پیکسل عرض داشته باشند‬
‫استفاده از کمان برای نشان دادن جهت فرایند باید در کمترین حالت باشد و در‬ ‫‪)2‬‬
‫زمانی که از هم جدا میشوند یا همدیگر را قطع میکنیم باید استفاده شوند‬
‫زمانی که برای تفاوت دادن لوله ها از انواع مختلف لوله مثل توپر و نقطه چین‬ ‫‪)3‬‬
‫و تو خالی و ‪ ...‬استفاده میکنیم باید در نهایت ‪ 3‬نوع باشد و نباید از نوع بیشتری‬
‫استفاده کنیم و ضخامت همه آن باید یکی باشد‬

‫‪ : D‬اعداد و متون‬
‫متن ثابت در نمایشگر باید به حداقل برسد اما حذف نشود و با فونت ساده و‬ ‫‪)1‬‬
‫پیشنهادی ‪ Sans Serif‬استفاده شود‬
‫اختصارات در کل پروژه باید یکسان باشد‬ ‫‪)2‬‬
‫از متن بزرگ تر برای تجهیزات تکراری با شماره ها متفاوت استفاده کنید‬ ‫‪)3‬‬
‫اگر این داده های زنده در جدول نمایش داده شوند باید اعداد را روی نقطه‬ ‫‪)4‬‬
‫اعشار آن ها تراز کنید و روی یک خط باشند‬
‫استفاده از از انیمیشن چشمک زن باید محدود به زمانی شود نیاز به پاسخ فوری دارد‬ ‫‪)5‬‬
‫و هیچ گاه نباید متن داخلی ناپدید بشود و باید متن سر جایش خواندنی باشد و فقط‬
‫کادر و محیط اطراف متن چشمک بزند‬
 ‫‪ : E‬ظروف و مخازن‬
‫‪ )1‬ظروف و مخازن و تانک ها باید دو بعدی باشند و نباید سه بعدی به کار بروند‬
‫و نمای بیرونی آن ها باید با یک خط بیرونی سیاه مشخص بشوند‬
‫‪ )2‬درون آن باید سفید همراه با سایه باشد و نباید وارد جزئیات بشویم‬
‫[‪ ])3‬سایز مخزن باید با سایزز مخزن های کناری اش تناسب داشته باشد‬
‫‪ ])4[)3‬هیچ کدام از اعضای داخل آن نباید متحرک باشند‬
 ‫‪ : F‬نکات کلی‬
‫‪ HMI )1‬تنها برای کار کردن ‪ Operator‬طراحی میشود و دسترسی بقیه‬
‫متخصصان رایج نیست و طراحی اصلی برای کار کردن اپراتور است‬
‫[‪ : philosophy ])2‬سند فلسفه در واقع به ما کمک میکند که تا در فرایند هایی که از‬
‫چندی سیستم کنترلی استفاده میکنیم بتوانیم تداوم کنترل فرایند را حفظ کنیم‬
‫‪ : HMI Style Guide ])3[)2‬بر اساس سند فلسفه طراحی میشود که در آن جزییات رنگ‬
‫پس زمینه و فونت به کار رفته و نحوه جا به جایی بین صفحات و نمایش فرایند‬
‫و ‪ ...‬ذکر شده است‪.‬‬
‫در این بخش بایستی از ابجکت ها و گرافیک ها کتابخانه های استفاده شده در‬
‫صفحه نمایشمان را مستند کنیم‬
‫به طور مثال باید نحوه نمایش ولو و موتور و مخزن و ورودی آنالوگ و دیجیتال‬
‫و ‪ ...‬ساده و مستند باشد تا از خطا جلو گیری شود‬
‫‪ ])4[)3‬نشان دادن تاریخ یک دیتا و داده برای طراحی بسیار واجب و ضروری است‬
‫‪ ])5[)4‬برای نشان دادن داده ها روی یک محور باید اسکیل مناسب انتخاب شود و بتواند به‬
‫راحتی قابل تغییر باشد و همه داده را در خود جا دهد‬
‫‪ ])6[)5‬استفاده از اندیکاتور و یک نشانگر متحرک به جای نمایش عددی تنها و مشخص‬
‫کردن بازه مناسب و نرمال و آنرمال در طراحی ورودی های آنالوگ الزامی‬
‫است‬

‫‪ ])7[)6‬قانون کلی جریان فرایند باید از راست به سمت چپ باشد‬

‫‪ ])8[)7‬بخار ها به سمت باال و مایعات به سمت پایین بروند‬