۱۲. استانداردهای گرافیک دیزاین (Graphic Design Standards)

خطوط و اوت لاین ها پترن و سوپرگرافیک سیستم عناصر گرافیکی پیکتوگرام

گرافیک دیزاین

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

Graphic Design

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

• وزن خطوط : تعریف ضخامت استاندارد خطوط در این فیلد مورد بررسی قرار می گیرد. به عنوان مثال می توان راهنما را اینطور در نظر داشت: خط اصلی: ۱.۵ پوینت خط ثانویه : ۱ پوینت خط جزییات : ۰.۷۵ پوینت هدف از اجرای این قانون ایجاد سلسله مراتب و ثبات است. نکته مهم: اندازه خط متناسب با اندازه تصویر تغییر می کند و یا ممکن است ثابت بماند.

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

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

• اتصالات مایتر : خطوط مایتر را می باید صرفا در زوایای تعیین شده ۳۰، ۴۵ و ۹۰ درجه در نظر داشت و از اضافه گویی در این خصوص پرهیز کرد.همچنین بنا به نوع تصویر و ارائه اطلاعات یکی از اوزان خطوط می باید برای آن در نظر گرفته شود

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

• حداقل اندازه ها : برای رویت مناسب و واضح خطوط در چاپ و همینطور متریال های مرتبط با فضای وب تعریف مشخصی از ضخامت خطوط لازم است. بدین ترتیب ضخامت ۰.۲۵ پوینت در موارد چاپی و ۲ تا ۳ پیکسل برای موارد دیجیتال از احتیاط های لازم به شمار می رود.

A: Line & Stroke

گرافیک دیزاین :

۱ - خطوط و اوت لاین ها

وزن خطوط

سبک خطوط

خط اصلی

خط ثانویه

خط جزییات

1.5 pt

1 pt

0.75 pt

خطوط ممتد و پیوسته برای ارائه تصاویر اصلی

خطوط نقطه چین برای ارائه اطلاعات و جزییات

اتصالات و نقاط انتهایی (Butt Cap)

Round Cap

Miter Join

Round Join

Bevel Join

اتصالات مایتر صرفا در زوایای ارائه شده و زوایای متناسب با آنها تا تعریف ۳۶۰ درجه

0

45

90

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

•مبانی مفهومی - منشأ : اینکه فلسفه پترن چیست و رویکرد آن چه می تواند باشد: رویکرد پترن در نظر گرفته شده عملکردی و ساختاری است بدین معنا که از منظر عملکردی از سلسله مراتب و طرح بندی پشتیبانی می کند و از منظر ساختاری به عنوان بخشی از سیستم دیزاین حضور دارد. همچنین منشأ و منبع بصری پترن از مونوگرام برند استخراج و الهام گرفته شده است.

• ساختار الگو :ساختار تعریف می کند که پترن از چه واحدهای بصری تشکیل شده است. واحدهای بصری می توانند نمادها، اشکال هندسی، خطوط، بافت پارچه یا المان های لوگو باشند، در پترن در نظر گرفته شده برای برند هاکوپیان به طور خاص از عناصر مونوگرام استفاده شده است . ازجهت ساختاری نیز پترن طراحی شده ساختار Seamless repeat داشته و به معنای infinite continuous repeat ( تکرار یکپارچه – تکرار پیوسته نامحدود ) است.

• سیستم رنگ : کاربردپذیری رنگ در پترن محدود به استفاده از رنگ های پالت می شود. به این معنا که خارج از پالت رنگی برند مجاز به استفاده از فضای رنگی دیگر نخواهیم بود.

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

• تعامل با عکاسی : ادغام پترن و سوپرگرافیک با عکس مدل یا عکس های هدفمند برای برند معناپذیر نبوده و نمی باید این دو مقوله با هم مورد استفاده قرار گیرند. در صورت تشخیص دیزاینر برای استفاده پترن در عکس؛ می باید با توجه به متریال در نظر گرفته شده و فضای مورد استفاده نسبت به استفاده محدود و با توجه به قوانینی که گذشت از آن بهره برد.

B: Pattern & Supergraphic

گرافیک دیزاین :

۲ - پترن و سوپرگرافیک

پترن - 1

پترن در نقش Logo Wall یا Media Wall می تواند در برخی از رویکردهای برندینگ، ایونت ها یا فضای مربوط به رسانه های اجتماعی مورد استفاده قرار گیرد. در Logo Wall فقط از لوگو رسمی برند استفاده می گردد.

Pattern (1) - Logo Wall

پترن - 2

پترن با هدف استفاده در متریال های تبلیغاتی برند، فضای دیجیتال و به طور کلی با قابلیت استفاده در تمامی تاچ پوینت ها ( ساختار پترن از ساختار هندسی مونوگرام شکل گرفته است ) (Pattern (2))

دارایی‌های استفاده‌شده در این بخش:

• 
• 

پترن اصلی

دو مدیوم دیگر از پترن ارائه شده به عنوان پترن جایگزین و با اولویت کمتر در کاربرد نیز در صفحات آتی ارائه شده است. دو پترن ارائه شده آتی می توانند در مصارف و متریال های تجاری برند به مقدار کمتر حضور داشته باشند.

نمونه : به عنوان مثال در متریالی همانند کاغذ کادو و هدیه؛ می توان پس از ارائه پترن اصلی نسبت به استفاده از دو پترن دیگر نیز با هدف ایجاد واریاسیون تصویری اقدام نمود.

دارایی‌های استفاده‌شده در این بخش:

• 

پترن کمکی - ۱

پترن کمکی - ۲

دارایی‌های استفاده‌شده در این بخش:

• 
• 

تعریف سوپرگرافیک برای برند هاکوپیان

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

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

دو مدیوم دیگر از سوپرگرافیک را در صفحات آتی مشاهده خواهیم نمود.

نکته: محدودیتی برای استفاده از هیچ یک از سه مدل ارائه شده سوپرگرافیک وجود ندارد.

دارایی‌های استفاده‌شده در این بخش:

• 

دارایی‌های استفاده‌شده در این بخش:

• 
• 

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

C: Pictogram

گرافیک دیزاین :

۳ - پیکتوگرام

پیکتوگرام (Pictogram)

Clear Space

استاندارد سایز پیکتوگرام بر مبنای قواعدی که در تصویر مشاهده می کنید تنظیم و ارائه می شود. این بدان معناست که بنا به نوع محصول، متریال و هر گونه فضای بصری که پیکتوگرام می باید در آن حضور داشته باشد؛ با توجه به قواعد فوق و همینطور استاندارد بین المللی( GHS (Globally Harmonized System ، پیکتوگرام ها دیزاین و در مناسب ترین وجه بصری قابل استفاده خواهند بود.

64 PX

64 PX

3

4

دارایی‌های استفاده‌شده در این بخش:

• 

علائم (Signes)

در تمامی استانداردهای علائم، نشانه های سازمانی و نوشتارهای راهنمای سازمان؛ صرفاً از تناسب مربع و با گایدلاین اشاره شده در تصویر استفاده می شود.

Clear Space

6

Floor

دفتر مدیریت

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

• سبک داده ها ( نمودار – گراف ) : در ترسیم نمودارها در هر یک از بخش های سازمان و برای ارائه اطلاعات در هر حوزه ای صرفا از ۳ مدل نمودار-چارت-گراف ذیل می توان استفاده نمود :

۱ – نمودار خطی ۲- نمودار میله ای ۳ – نمودار دایره ای ( دونات )

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

D: Graphic Elements

گرافیک دیزاین :

۴ - سیستم عناصر گرافیکی - الف

۱ - نمودار خطی

۲ - نمودار میله ای

۳ - نمودار دایره ای ( دونات )

اردیبهشت ماه

خرداد ماه

تیر ماه

مرداد ماه

شهریور ماه

X

X

Y

1

3

2

Y

A

A

B

C

B

C

سیستم عناصر گرافیکی - ب

• جداکننده ها – قاب ها : جداکننده ها عناصری هستند که برای تفکیک اجزای یک کل مورد استفاده قرار می گیرند. مهمترین، مناسب ترین و مطمئن ترین گزینه در ساختار هویت هاکوپیان در مقام جداکننده؛ خط محسوب می شود. لذا صرفا در این مورد قوانین خطوط – اوت لاین معتبر بوده و مابقی موارد به رنگ و تناسب فضا با دیگر اجزا ارتباط پیدا می کند که هر یک در فیلد مربوط به خود بازگو شده است.

D: Graphic Elements

سیستم عناصر گرافیکی - ج

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

• اینفوگرافیک : در انواع مختلف اینفوگرافیک ها می توان اجزا، اصلی آن را به آیتم های بصری چون فلش ها، نوشته ها، خطوط، اتصال دهنده ها، نشانگرها و .. نسبت داد. در فیلد ویژگی های خطوط – اوت لاین بسیاری از موارد مربوط به حضور خط مشخص گردیده است، همینطور در فیلد گراف ها موضوع نشانگر ها نیز مورد بررسی قرار گرفت. آنچه که در اینفوگرافیک ها می توان به آن اشاره داشت موضوعیت متن برای ارائه اطلاعات است که می باید از فونت اصلی برند برای این موضوع استفاده گردد.

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

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

D: Graphic Elements