رنگ و سیستم گرید

این فصل بازآرایی محتوای برندبوک هاکوپیان است. برای نمونه‌های تصویری و جزئیات اجرایی، نسخهٔ اصلی PDF را ببینید.

بخش دوم : هویت بصری رنگی پالت . 7 Color Palette

پالت رنگی اصلی رنگ های فوق پالت رنگی اصلی و اولیه برند هاکوپیان محسوب می شوند. Main color palette Black ) Secondary ( RGB: R:0 G:0 B:6 # 00000b CMYK: C:80 M:60 Y:40 K:100 Pantone: Black 6C Greige ) Main ( RGB: R:183 G:171 B:159 # b7ab9f CMYK: C:30 M:30 Y:35 K:0 Pantone: 7529 C

Primary Color - 1 Secondary Color - 2 Monochromatic Tint Shade #b7ab9f #b7ab9f #00000b %80 %60 %40 %20 %10 # 968a7f #a19589 #c3b9ae #968c83 #aca094 #cfc6be #766f67 #b7ab9f #dbd4ce #58524d #c2b6aa #e7e2de #3b3834 #cec1b5 #f3f1ee #201f1d

رنگ های سمانتیک صرف نظر از به کارگیری دیزاین سیستم مختص برند هاکوپیان؛ کلیه گزینه های فوق می توانند برای پیشبرد اهداف برند در مقاصد دیجیتال استفاده و به کار گرفته شوند. درصورتی که دیزاین سیستم مختص به برند در نظر گرفته شود رنگ های semantic در نظر گرفته شده می توانند در راستای استراتژی برند که در ابتدای این سند از نظر گذشت و همینطور با مدیریت هنری و منطبق بر تمامی معیارها بازتعریف شوند. Semantic Colors RGB: R:205 G:57 B:47 # cc3930 RGB: R:8 G:138 B:32 # 088a20 Negative Positive Active Notice RGB: R:0 G:114 B:216 # 0072da RGB: R:255 G:171 B:0 # ffab00

RGB: R:159 G:171 B:183 # 9fabb7 Accent رنگ اکسنت از رنــگ اکســنت بــا هــدف متمایــز شــدن از رنگهــای اصلــی در یــک طــرح یــا فضــا، افــزودن جذابیــت بصــری، و یــا برجســته کــردن ویژگــی هــا بــه خصــوص در بســتر دیجیتــال ( وبســایت، اپ، ... ) اســتفاده مــی کنیــم. از ایــن رنــگ در مقادیــر کمتــر بــرای تکمیــل یــا تضــاد رنــگ هــای اصلــی و ایجــاد نقطــه تمرکــز خــاص اســتفاده مــی شــود. همچنیــن الزم بــه ذکــر اســت از رنــگ اکســنت در فرایندهــای چاپــی اســتفاده نمــی شــود. Accent Color

واریاسیون نحوه استفاده صحیح لوگو در زمینه های مختلف که نشان دهنده نقش آن در موقعیت پازیتیو، نگاتیو، مونو یا سیاه و سفید می باشد. Variation Positive Negative Black & White Mono

واریاسیون کلیه آیتم های ارائه شده در خصوص واریاسیون لوگو؛ انطباق صد در صد در مورد لوگوتایپ های رسمی برند هاکوپیان را هم دارا هستند. Variation Positive Negative Black & White Mono

ترکیب رنگی Color combination منظور و هدف از نمایش درصدها در دو دایره فوق به معنای مساحت عددی نیست، بلکه بنا به تجربه بصری طراح و پس از آن رعایت تناسب رنگی؛ وزن بصری ای است که در کلیه آیتم ها باید در نظر گرفته شود. 60% 30% 30% 10% 10% 60%

رنگ های فصلی رنــگ هــای مبتنــی بــر فصــل جایــگاه تعریــف شــده ای در پالــت رنگــی برنــد هاکوپیــان ندارنــد. امــا در صــورت لزوم بــه اســتفاده از ایــن رنــگ هــا در پلــن هــای خــاص مارکتینــگ؛ مــی بایــد بــا حفــظ انســجام ترکیــب رنگــی اصلــی برنــد و همینطــور بــا رویــه عــدم آســیب بــصری بــه اتمســفر اصلــی مــورد اســتفاده قرار گیرنــد. Seasonal Color

محصوالت ماتریکس - رنگی پالت Color Palette - Matrix

Essential Deep Earth ) Main ( # 565a45 Greige ) Main ( #b7ab9f

Essential - Color Proportion 70% 30%

Deep Earth

• Earthy 2 - Depth, controlled power 3 - Pure 4 - Non-trendy design 5 - Quiet Power #565a45 Pantone Color Code: Pantone 4229 C

Greige Monochromatic Tint Shade #b7ab9f #b7ab9f # 968a7f #a19589 #c3b9ae #968c83 #aca094 #cfc6be #766f67 #b7ab9f #dbd4ce #58524d #c2b6aa #e7e2de #3b3834 #cec1b5 #f3f1ee #201f1d

Deep Earth Monochromatic Tint Shade #565a45 #565a45 # 474b36 # 4c503b #707361 #484b3a #515540 #8b8e7e #3a3c2f #565a45 #a7a99d #2d2e25 #5b5f4a #c3c5bd #20211b #61654f #e1e2dd #141411

Elevated Greige ) Main ( #b7ab9f Charcoal ) Main ( #36454f

Elevated - Color Proportion 70% 30%

Charcoal Grey

• Authority without dominance 2 - Modern masculinity: restrained, confident 3 - Sustainability-aligned 4 - Crafted, not decorated 5 - Refinement above Essential and below Prestige 6 - Rational + composed: intellectual rather than emotional #36454f Pantone Color Code: Pantone 432 C

Greige Monochromatic Tint Shade #b7ab9f #b7ab9f # 968a7f #a19589 #c3b9ae #968c83 #aca094 #cfc6be #766f67 #b7ab9f #dbd4ce #58524d #c2b6aa #e7e2de #3b3834 #cec1b5 #f3f1ee #201f1d

Charcoal Monochromatic Tint Shade #565a45 #36454f # 2b3a43 # 2f3d47 #54616a #2e3a42 #32414b # 747e86 #262f36 #36454f #959da3 #1e2529 #3a4953 #b7bdc0 #171b1e #3e4d57 #dbdddf #0e1112

Prestige Gold ) Main ( #b79e83 Oxblood ) Main ( #3e0303

Prestige - Color Proportion 40% 60%

Muted Oxblood

• Depth, heritage, and controlled power 2 - The Quiet Luxury color 3 - Heritage luxury 4 - Cultural richness 5 - In combination with Black: Deep, Dramatic Power 6 - Taste over trend

1. Oxblood is used to express quiet luxury through depth, restraint, and material richness. #3e0303 Pantone Color Code: Pantone 4102 C

Greige Monochromatic Tint Shade #b7ab9f #b7ab9f # 968a7f #a19589 #c3b9ae #968c83 #aca094 #cfc6be #766f67 #b7ab9f #dbd4ce #58524d #c2b6aa #e7e2de #3b3834 #cec1b5 #f3f1ee #201f1d

Oxblood Monochromatic Tint Shade #3e0303 #3e0303 # 3a0000 # 3b0100 #5f2c2a #350602 #3d0201 # 7f524f #2d0702 #3e0303 #9f7b78 #250601 #3f0405 #bfa5a3 #1d0401 #410507 #dfd1d0 #130200

Maison Black ) Main ( #b79e83 Russet ) Main ( #af7b56

Maison - Color Proportion 10% 90%

Russet Sienna

• Earthy 2 - Heritage Luxury 3 - Timelessness 4 - Craftsmanship 5 - It feels » expensive « because it mimics natural materials 6 - In a luxury matrix, this color signals Provenance #af7b56 Pantone Color Code: Pantone 4645 C

Greige Monochromatic Tint Shade #b7ab9f #b7ab9f # 968a7f #a19589 #c3b9ae #968c83 #aca094 #cfc6be #766f67 #b7ab9f #dbd4ce #58524d #c2b6aa #e7e2de #3b3834 #cec1b5 #f3f1ee #201f1d

Russet Monochromatic Tint Shade #af7b56 #af7b56 # af7b56 # a97c5e #be9070 #906648 #a27e65 # cca58b #72513a #9b7f6d #dabba7 #553d2d #948174 #e7d1c4 #3a2a20 #8c827c #f3e8e1 #201914

بخش دوم : هویت بصری . قوانین لی اوت و سیستم گرید 8 Grid System & Layout

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

.1 CM Size : A4 Margine Margine بــه عنــوان مدیومــی پرکاربــرد و A4 سیســتم گریــد در ســایز بــه عنــوان مرجــع در تصویــر روبرو ارائــه شــده اســت. ســانتی متــر ) و بــا 21 در قطــع عمــودی ( عــرض : A4 ســایز ســانتی متــر)؛ 2 . 1 ســتون مســاوی ( هــر ســتون 10 تقســیم بــر گریــد بنــدی اســتاندارد از چهــار ســمت بــه عنــوان مارجیــن و همینطــور فضــای مناســب برای دیزایــن لــی اوت در ناحیــه داخلــی را ارائــه مــی دهــد. 1 2 3 4 5 6 7 8 9 10

.1 CM Size : A4 Margine بــه عنــوان مدیومــی پرکاربــرد و A4 سیســتم گریــد در ســایز بــه عنــوان مرجــع در تصویــر روبرو ارائــه شــده اســت. ســانتی متــر ) و بــا 29 . 7 در قطــع افقــی ( طــول: A4 ســایز ســانتی متــر)؛ 2 . 1 ســتون مســاوی ( هــر ســتون 14 تقســیم بــر گریــد بنــدی اســتاندارد از چهــار ســمت بــه عنــوان مارجیــن و همینطــور فضــای مناســب برای دیزایــن لــی اوت در ناحیــه داخلــی را ارائــه مــی دهــد. 1 2 3 4 5 6 7 8 9 10 11 12 13 14

استاندارد جایگذاری در رویکردهــای تصــویری هماننــد جایگــذاری نــام مجموعــه در ویدئوهــای مرتبــط بــا تبلیغــات یــا شــبکه هــای اجتماعــی، اســناد پرزنتیشــن، اطالعیــه هــا یــا اعالن هــای پابلیــک، متریــال هــای غیــر رســمی اطالع رســان نمایشــگاهی و گزینــه هایــی از ایــن دســت؛ مــکان قرار گــیری نــام مجموعــه برای تایــپ فارســی در پاییــن کادر و ســمت راســت (هــم افقــی و هــم عمــودی) و برای تایــپ انگلیســی در پاییــن کادر و ســمت چــپ ( هــم افقــی و هــم عمــودی) خواهــد بــود اعمــال فضــای ســفید در اطراف نــام مجموعــه بنــا بــه قرار گــیری دیگــر عناصــر بــصری موجــود در طرح و بــه تشــخیص طراح در مناســب تریــن حالــت از نظــر خوانــش مــی تواننــد راهگشــای فضــای WCAG پــذیری مــی بایــد صــورت گیــرد. در ایــن راســتا قواعــد مــطرح شــده در قســمت مربــوط بــه حاشــیه امــن لوگــو و همینطــور قواعــد ذهنــی تقریبــی برای ایــن موضــوع باشــند (صرفــا جهــت اســتناد بــه فضــای بــصری) ً باعث اطمینان از رویه صحیح جایگذاری نام مجموعه در موقعیت های یاد شده می شود پارامترهای زیر خواهند بود: ا آنچه که نهایت - تحت تاثیر قرار ندادن دیگر اجزاء بصری موجود در طرح 2 - بهترین حالت ممکن از جهت خوانش پذیری 1 - اطمینان از درست دیده شدن آن به عنوان یک آبجکت بصری 3 Placement Vertical Horizontal

ارائه - در متــداول تریــن حالــت ممکــن و بــر اســاس اســتانداردهای ارائــه شــده در همیــن بخــش (سیســتم گریــد و لــی اوت) مــی تــوان برای ارائــه هــای ســازمانی - اداری و همینطــور مــواردی مشــابه از سیســتم چیدمــان روبرو رد. ـ ـ ب ره ـ ـ ه ب در ایــن فضــا صرفــا رعایــت اســتاندارد جایگــذاری کــه قــبال از نظــر گذشــت حائــز ت. ـ ـ س ا ت ـ ـ ی اهم Presentation - 1 محل قرارگیری تایتل اصلی Title موضوع مورد اشاره متن، عکس، توضیح Subtitle Body متن، عکس، توضیح Body

ارائه - در مــواردی هماننــد آییــن نامــه هــای ســازمانی کــه فضــای رســمی تری نســبت بــه ارائــه هــای معمــول دارنــد مــی تــوان طراحــی متفــاوت تری را در نظــر داشــت. ایــن فضــا از ارائــه بــه صــورت مــجزا و در قالــب فایــل ورد و پاورپوینــت آمــاده و فاینــال گردیــده اســت. همچنیــن برای ارائــه هایــی کــه مــی تواننــد متفــاوت تــر از مــورد باشــند نیــز فایــل نهایــی آمــاده شــده اســت 1 اشــاره شــده در ارائــه - هــای نهایــی Asset کــه همگــی مــوارد بــه پیوســت برندبــوک و در بارگــذاری خواهنــد شــد. Presentation - 2