CG Atea هوية بصرية لمؤسسة عطاء by Toufik Bougarne

‫هــــويــــة بــــــصـــــريــــــة‬ ‫‪CHARTE GRAPHIQUE‬‬

‫‪PRESENTATION‬‬

‫مقدمــــــة‬ ‫يهــدف هــذا الدليــل إلــى تســطير معاييــر جماليــة متناغمــة‬ ‫ومتكاملــة ‪ ،‬ويحتــوي هــذا الدليــل علــى الرســوم اإليضاحيــة‬ ‫والمعاييــر البصريــة مــن أجــل تصميــم أو تجهيــز المطبوعــات‬ ‫الخاصــة بمؤسســة عطــاء الخيريــة‪ ،‬وكذلــك يضــم هــذا الدليــل‬ ‫علــى ماهيــة الشــعار وهندســته ‪ ،‬مــع معطيــات خاصــة باأللــوان‬ ‫التــي تســتعمل فــي الطباعــة او التــي تظهر على الشاشــات‪،‬‬ ‫ممــا يمكــن مــن إخــراج الشــعار بطريقــة جماليــة وفنيــة راقيــة‬ ‫بــدون تشــويه لمعانيــه اإليضاحيــة ينبغــي علــى مؤسســة‬ ‫الشــركة أو العامليــن بيهــا التقييــد بالمعاييــر الموضحــة فــي‬ ‫هــذا الدليــل واســتخدام نمــادج التصميــم المرفقــة فــي قــرص‬ ‫مــرن مــع هــذا الدليــل‪ ،‬ينبغــي أيضــا إعطــاء هــذا الدليــل أيضــا‬ ‫ألي أحــد تعاقــدت معــه الشــركة‪ ،‬مــن أجــل تصميــم جرافيكــي‬ ‫كمرجــع لضمــان إخــراج الشــعار بالمعاييــر الفنيــة المطلوبــة و‬ ‫المعتمــدة مــن طــرف شــركة يافــا ميديــا لالستفســار عــن‬ ‫المعاييــر ونمــاذج التصاميــم و الملفــات الفنيــة الــواردة فــي‬ ‫هــذا الدليــل المرجــو التواصــل مــع مؤسســة عطــاء الخيريــة أو‬ ‫االتصــال ب توفيــق بوكــرن مصمــم الشــعار وكاتــب ‪ :‬هــذا الدليل‬ ‫عــن طريــق البريــد اإللكترونــي‬

‫‪toufik.bougrane@gmail.com‬‬

‫‪4‬‬

‫‪INSPIRATION‬‬

‫مصدر اإللهــــــــام‬

‫‪5‬‬

‫‪LOGOTYPE‬‬

‫الشعــــــار‬ ‫اخترنــا اللوغــو بالكتابــة العربيــة باعتبــار أن الكلمــة عربيــة عريقــة ‪ ،‬لهــا داللــة دينيــة ‪ ،‬الشــعار مكــون مــن جزئيــن الجــزء‬ ‫العلــوي ويمثــل الحــرف العربــي باعتبــار االســم عربــي و الجــزء الســفلي باالتينــي عندمــا نريــد تعريــف أو نطــق‬ ‫اســم الشــركة نتعامــل معهــا بصفــة مؤنثــة ‪ ،‬وتكتــب مؤسســة عطــاء الخيريــة‬

‫‪6‬‬

‫‪GEOMETRIE‬‬

‫الشكـــل الهندســـي‬

‫‪7‬‬

‫‪106°‬‬ ‫‪90°‬‬

‫‪LOGOTYPE‬‬

‫الشعــــــار‬ ‫الخــط العربــي هــو فــن وتصميــم الكتابــة فــي مختلــف اللغــات التــي تســتعمل الحــروف العربيــة‪ .‬تتميــز الكتابــة‬ ‫العربيــة بكونهــا متصلــة ممــا يجعلهــا قابلــة الكتســاب أشــكال هندســية مختلفــة مــن خــال المــد والرجــع‬ ‫واالســتدارة والتزويــة والتشــابك‬ ‫مقتبس من ويكبيديا‬ ‫اعتمدنــا فــي تصميــم اللوغــو علــى الفرشــاة و خطــوط متصلــة فيمــا بينهــا ‪ ،‬بــدرج انحــراف تقــدر ب ‪ 90‬و ‪ 106‬درجــة‬ ‫مــن أجــل بــروز الخطــوط وانســيابية الكتلــة و الحجــم و الشــكل العــام‪.‬‬

‫‪8‬‬

‫‪25 mm‬‬

‫‪15 mm‬‬

‫‪ZONE DE PROTECTION‬‬

‫هــــــامش الحمـــــاية‬

‫‪TAILLE MINIMALE‬‬

‫الحـــــد األدنـــــــى‬

‫يجــب اإلبقــاء علــى هامــش أو مســاحة فارغــة حــول شــعار مؤسســة عطــاء الخيريــة إلبــرازه بصــورة واضحــة‪،‬‬ ‫ولتحقيــق التأثيــر البصــري المــراد مــن الشــعار والمحافظــة علــى وضوحــه‪ ،‬يجــب عــدم ربــط الشــعار أوإحاطتــه‬ ‫بنصــوص ‪ ،‬صــور ‪ ،‬رســوم جرافيكيــة أو أي رمــوز أخرى‪،‬حيــث يجــب دائ ًمــا إبقــاء حــد أدنــى مــن المســاحةحول‬ ‫الشــعار‪،‬كما يتضــح مــن المســاحة المحــددة بالدائرتيــن الحمراوتــان والخطــوط المتقطعــة الخارجيــة ‪،‬ومــن المحبــذ‬ ‫دائمــا محاولــة تــرك مســافة أكبــر نســبيا مــن الحــد األدنــى‬ ‫ملحوظــة‪ :‬إن المســاحة المثلــى للهامــش‪ ،‬والتــي يجــب تركهــا حــول الشــعار األساســي تســاوي دائــرة علــى‬ ‫عــرض همــزة عطــاء كمــا هــو مبيــن فــي الرســم الهندســي‬

‫‪9‬‬ ‫‪PANTONE® : PANTONE 660 C‬‬ ‫‪QUADRICHROMIE : C 85 M 46 J 0 N 0‬‬ ‫‪RVB : R 14 V 118 B 188‬‬ ‫‪WEB : # 0e76bc‬‬ ‫‪PANTONE® : PANTONE 298 C‬‬ ‫‪QUADRICHROMIE : C 72 M 13 J 1 N 0‬‬ ‫‪RVB : R 37 V 170 B 225‬‬ ‫‪WEB : # 25aae1‬‬

‫‪COULEUR SECONDAIRE‬‬

‫لون ثانوي‬

‫‪PANTONE® : PANTONE 728 C‬‬ ‫‪QUADRICHROMIE : C 21 M 38 J 59 N 9‬‬ ‫‪RVB : R 196 V 154 B 108‬‬ ‫‪WEB : # c49a6c‬‬

‫‪COULEURS‬‬

‫األلـــــــوان‬ ‫نبيــن هنــا قاعــدة األلــوان األساســية لالســتخدام فــي كافــة التطبيقــات الخاصــة بالهويــة البصريــة مؤسســة‬ ‫عطــاء الخيريــة‪ ،‬وينبغــي اســتخدام أرقــام الدرجــات المعتمــدة إلنتــاج األلــوان ‪ ®PANTONE‬الصحيحــة بواســطة طابعــة‬ ‫ملونــة عاليــة الجــودة‪ ،‬علــى أن يتــم اســتخدام للطباعــة ‪ CMYK‬الدرجــات المعتمــدة الرباعيــة األلــوان‪ ،‬ودرجــات ‪RGB‬‬ ‫للتطبيقــات المرئيــة‬

‫‪10‬‬

‫‪BLOC‬‬

‫الخلفيــــــات‬ ‫فــي حــال تموضــع الشــعار علــى صــور كثيــرة األلــوان تســخدم خلفيــة بيضــاء شــفافة بقيمــة بصريــة ‪ 80%‬كمــا نوضــح‬ ‫األلــوان المســموح اســتعمالها فــي حــال خلفيــة ذات كتلــة لونيــة وكيفيــة اســتعمالها عنــد وجــود الشــعار ملوحظــة‬ ‫جماليــة األلــوان المتباينــة فــي كميــة الضــوء و الظــل تعطــي راحــة للعيــن وتتيــح للعقــل قــراءة جميع عناصــر التصميم‬

‫‪11‬‬

‫‪INTERDITS‬‬

‫الممنوعــــــــات‬ ‫هنــا نوضــح الممنوعــات أي ال يمكــن أن نســتخدم شــعار مؤسســة عطــاء الخيريــة بطريقــة خاطئــة تشــوه جماليــة‬ ‫الشــكل واألبعــاد ورونــق األلــوان وهنــا بعــض مــن األمثلــة التــي يمنــع اســتخدامها فــي أي ظــرف مــن الظــروف‬ ‫الشــعار يجــب المحافظــة علــى تناســقه ويجــب اســتخدامه كمــا هــو دون تغييــر ســواء علــى مســتوى الشــكل‪،‬‬ ‫اللــون‪ ،‬الكتلــة ‪ ،‬الفــراغ والخطــوط‬

‫‪12‬‬ ‫‪BERYTUSW23‬‬ ‫‪REGULAR‬‬ ‫ضصشسزرذدخحجثتبايوهن‬

‫‪LIGHT‬‬ ‫ضصشسزرذدخحجثتبايوهن‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة ومتصلة‬ ‫بحل مشكالت معينة أو تجميع وإعادة تركيب األنماط‬

‫م ل ك ق ف غ ع ظ ط‪123456789‬‬

‫‪BOLD‬‬

‫‪MEDIUM‬‬ ‫ضصشسزرذدخحجثتبايوه‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة‬ ‫ومتصلة بحل مشكالت معينة أو تجميع وإعادة تركيب‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة ومتصلة‬ ‫بحل مشكالت معينة أو تجميع وإعادة تركيب األنماط‬

‫‪EXTRA BOLD‬‬

‫‪SEMI BOLD‬‬ ‫ضصشسزرذدخحجثتبايوه‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة‬ ‫ومتصلة بحل مشكالت معينة أو تجميع وإعادة‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة ومتصلة‬ ‫بحل مشكالت معينة أو تجميع وإعادة تركيب األنماط‬

‫ضصشسزرذدخحجثتبايوه‬ ‫ن م ل ك ق ف غ ع ظ ط‪123456789‬‬

‫ضصشسزرذدخحجثتبايو‬ ‫ه ن م ل ك ق ف غ ع ظ ط‪123456789‬‬

‫ن م ل ك ق ف غ ع ظ ط‪123456789‬‬

‫‪BLACK‬‬

‫ضصشسزرذدخحجثتبايو‬ ‫ه ن م ل ك ق ف غ ع ظ ط‪123456789‬‬

‫‪TYPOGRAPHIE‬‬

‫يمكن تعريف اإلبداع بأنه أفكار جديدة ومفيدة‬ ‫ومتصلة بحل مشكالت معينة أو تجميع وإعادة‬

‫الخطـــــــوط‬ ‫تــم اختيــار خطــوط الطباعــة الالتينيــة لوضوحهــا وســهولة قراءتهاويعــد خــط المعتمــد لجميــع المــواد الدعائيــة‬ ‫والترويجيــة المطبوعــة والكتيبــات والملصقــات وغيرهــا مــن مــواد االتصــال‪ .‬وقــد تــم اختيارهــذه الخطــوط لمــا‬ ‫تتميــز بــه مــن وضــوح وســهولة قــراءة وتصميــم‬ ‫مالحظة‪ :‬يتوفر هذا الخط في أنظمة التشغيل الخاصة بمايكروصوفت وماكنتوش‬

13 CRONOS PRO Light abcdefghijklmnopqrstuvwxyz #%&£àâéèêîôûùœæç 1234567890 Caption abcdefghijklmnopqrstuvwxyz #%&£àâéèêîôûùœæç 1234567890 Subhead abcdefghijklmnopqrstuvwxyz #%&£àâéèêîôûùœæç 1234567890 Display abcdefghijklmnopqrstuvwxyz #%&£àâéèêîôûùœæç 1234567890 Bold abcdefghijklmnopqrstuvwxyz #%&£àâéèêîôûùœæç 1234567890

Us autatem repel mil il et audis eat fugita nusam, sum que nos quae lacitas aut eturiberia deliquia nobit in essit quiaturia con coreicienias doluptis con eium ipiet eatinus eiusdamus conemqui idem con comniet, ut doluptate litio optatibus ini corporehenda quam atquam et fuga. Aped ullaut pere sam quatectatus nossit eossit dolorepel moluptur saepe qui re comniatem sitae re peleces equodistiusa d e l l a b o . N a m u s , ad magnitis eosae aspit dis preheni cullore ptatem nimus reicia isi ut volupti busanto tatur, totate odipsam nimagnam fuga. Rum consequi od et fuga. Occus modia paruptne reprae moluptistota voloratur sentem hil molut hilla doloritatiam qui bea dissuntorem velitaeperis voloratur? Qui ipsumet remoluptatur sandis erum dolor sectatur sit, imus es sit, quia non cum desed quidi ditis estiis simagnis provitaquiam et essimi, simus seque vollabore ea conectium re vel mi, undist labo. Conecae. Nat magnam quatiscim quat alite exere, il mo ium, nos maior adit moluptis im qui occates enimporro tenihic taeperum quo bea eium inveleces eumquos resequam, officte nduntii stiorepe dolut elitae-

TYPOGRAPHIE

‫الخطـــــــوط‬ ‫تــم اختيــار خطــوط الطباعــة الالتينيــة لوضوحهــا وســهولة قراءتهاويعــد خــط المعتمــد لجميــع المــواد الدعائيــة‬ ‫ وقــد تــم اختيارهــذه الخطــوط لمــا‬.‫والترويجيــة المطبوعــة والكتيبــات والملصقــات وغيرهــا مــن مــواد االتصــال‬ ‫تتميــز بــه مــن وضــوح وســهولة قــراءة وتصميــم‬ ‫ يتوفر هذا الخط في أنظمة التشغيل الخاصة بمايكروصوفت وماكنتوش‬:‫مالحظة‬

‫‪14‬‬

‫‪TRAME‬‬

‫زخرفــــة‬ ‫الزخرفــة المعتمــدة عــي زخرفــة عصريــة تمتــاز بســهولة التصبيــق وإدراجهــا فــي التصميــم وتعتبــر‬ ‫الزخرفــة و كيفيــة اســتخدامها مــن بيــن أهــم الوســائل التــي ترســخ الهويــة البصريــة إذا تخاطــب العقــل‬ ‫بطريقــة صامتــة وهــي عنصــر المواكبــة التــي تضفــي حركيــة علــى التصميــم الزخرفــة المختــارة تعطــي‬ ‫انطبــاع الحيويــة و النشــاط والتنــوع يمكــن أن نتســخدم جــزء مــن الزخرفــة أو كلهــا حســب الحجــم والفــراغ‬

‫‪15‬‬

‫‪LOGO TAMPON‬‬

‫الشعــــــار دائري‬

‫‪16‬‬

‫‪PAPETERIE‬‬

‫القرطاسية‬ ‫مالحظة ‪:‬‬ ‫تتوفر الملفات الفنية الرئيسية بصيغة‬ ‫‪ .indh / .Pdf‬على القرص مضغوط‬ ‫عند استعمالها يجب عدم تغيير نوعية الخط وحجمه أو األلوان المستعملة‪،‬‬ ‫ويجب عدم تعديل أو تغيير موقع الشعار في هذه الملفات‬

17 CARTE VISITE

‫البطاقــــة المهنيـــــة‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ›› ››

Ft : 90/55 mm Mrge: 6mm Quadrichromie Recto Verso, Papier Couché 400 g , Pelliculage Mat Simulation ci-contre est à 70 %

18 PAPIER ENTETE

‫أوراق المــــراســـــالت‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ››

Ft : A4 mm Marge: 12 mm Quadrichromie Recto Blanc Supérieur 90 g , Simulation ci-contre est à 70 %

19 DOSSIER

‫ملــــف الوثـــائق الداخلية‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ›› ››

Ft : 320/460 mm ouvert Mrge: 20mm Quadrichromie Recto, Papier Couché 300 g , Pelliculage Mat Simulation ci-contre est à 40 %

20 CARTE VISITE

‫ملــــف الوثـــائق الخارجية‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ›› ››

Ft : 320/460 mm ouvert Mrge: 20mm Quadrichromie Recto, Papier Couché 300 g , Pelliculage Mat Simulation ci-contre est à 40 %

21 ENVOLOPPE

‫المغلفــــــات‬

DL : 110/220 mm

FICHE TECHNIQUE

C3 : 457 / 324 mm

‫ورقــــة تقنيــــة‬

C3 : 324/229 mm ›› ›› ›› ›› ››

Ft : 110/220 mm Mrge: 20mm Monochromie Recto, Lakepaper, New Line Bright White, 135 g ›› Simulation ci-contre est à 80 %

22 BLOC NOTE

‫دفتـــــر المالحظـــــات‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ›› ›› ››

Ft : A5 Fermé Mrge: 15 mm Couverture 300 g Plstf MAT Recto Quadric Page interne 90g BS Recto Monochromie Finition spérale métalique Simulation ci-contre est à 80 %

23 SAC SHOPPING

‫كيس التسوق‬

FICHE TECHNIQUE

35 CM

‫ورقــــة تقنيــــة‬

27 CM

›› ›› ›› ›› ››

Ft : 270/350/80 mm Quadrichromie Logo centré 8/15 cm Paier170 g Plstf Mat Simulation ci-contre est à 30 %

24 ROLL-UP

‫اللوحــــات اللولبيـــة‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ›› ›› ››

Ft : 85 /200 mm Logo centré 73/40 cm Quadrichromie Recto, Papier indéchirable Simulation ci-contre est à 10 %

25 T-SHIRT

‫قميص‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› ›› ›› ››

Monochromie Logo coeur H 8 cm Logo Dos H 28 cm Simulation ci-contre est à 30 %

26 CASQUETTE

‫قلنسوة‬

FICHE TECHNIQUE

‫ورقــــة تقنيــــة‬ ›› Monochromie ›› Logo H 8 cm ›› Simulation ci-contre est à 30 %

‫‪27‬‬

‫‪RÉSEAUX SOCIAUX‬‬

‫التواصل االجتماعي‬ ‫‪LOGOTYPE‬‬

‫الشعــــــار‬ ‫لقــة كونــك المتناصــة متــدرج وتجــار البرنــان تعلــى اإلعملــف عاديــك‪ .‬لقــة متعلقــة التراجيــة متــدرج‬ ‫والوثائحــة أكبرنامــج واءا الظاللمحتويــة إلعملفــع الظاللــم حتويــات إلــى متــدرج والنصوصــا جميلــة‪ .‬لــق‬ ‫الشــرقيحه‪ .‬قويــات تنــاول بــاع بالشــرقيم وات تحكــم العناصــة لتســليمكنك أن تصمــم أدوبــي أدوالمتعمــل‬ ‫المحتــوى متــدرج وات خاصــر النصــوص واجهــة أنيقــة أنيقــة الشــرق إلــى مثــل بطريقــة أداعتمــادة‬ ‫بطريقــة ألفــكارب الطباســت خــدارس‪ .‬لــق إلــى البعــض فــي إلنشــاء الطبعــض فــي ألوســط بهــا‬ ‫كنــك الترتيــب بســببعضها التســليمكنك يــد البــع اعيديزايــن إضافيــف علــق النصــوص‪ .‬لقــة بــال أدارك‬ ‫لــق الظالئــق إلــى مســتخداول التســليم كنتاجيــة بطريقــة بســبب النصــوص واألو ترغــب البعــض فيــة‬

‫‪28‬‬

‫‪PUBLICATION‬‬

‫تدوينة الصور‬ ‫حضور الشعار بطريقة سلسلة مع أيقونات مواقع التواصل االجتماعي تحتها عنوان هذه المواقع ‪.‬‬

‫‪29‬‬

‫‪PUBLICATION‬‬

‫تدوينة الصور‬ ‫حضور الشعار بطريقة سلسلة مع أيقونات مواقع التواصل االجتماعي تحتها عنوان هذه المواقع ‪.‬‬

‫‪30‬‬

‫‪YOUTUBE‬‬

‫اليوتوب‬ ‫الشاشــة الدئمــة يكــون اللوغوفــي اإلعلــى بنســبة بيــاض مئــة بالمئــة مــع حضــور هشــتاغ المشــروع و أيقونــات‬ ‫مواقــع التواصــل االجتماعــي تحتهــا عنــوان هــذه المواقــع متموضعــة علــى خلفيــة زرقــاء متــدرج اللــون بدرجــة‬ ‫مقبولــة والتؤثــر علــى الفيديــو ‪.‬‬

‫‪31‬‬

‫‪COVER RS‬‬

‫غالف الصفحات‬ ‫حضور الشعار بطريقة سلسلة مع أيقونات مواقع التواصل االجتماعي تحتها عنوان هذه المواقع ‪.‬‬

‫‪32‬‬

‫‪YOUTUBE‬‬

‫اليوتوب‬ ‫طريقة تعريف اسم المتحدث ‪ :‬حضور اللوعو مع اسم المتحدث‬

‫‪33‬‬

‫‪YOUTUBE‬‬

‫اليوتوب‬ ‫طريقة تعريف اسم المشروع ‪ :‬حضور اللوعو مع اسم المشروع‬

‫‪34‬‬

‫‪DÉCLINAISON LOGOTYPE‬‬

‫نمــــاذج‬

‫‪LOGOTYPE‬‬

‫‪49‬‬

‫‪CRÉATION ET EDITION‬‬ ‫‪Toufik BOUGARNE‬‬

‫‪Directeur Artistique‬‬ ‫‪Conseiller en Communication‬‬ ‫‪Toufik.bougrane@gmail.com‬‬

‫‪LOGOTYPE‬‬