هوية بصرية لمكتبة ليست للكتب وحسب!!

بحكم عملي في مجال الهويات البصرية فتصلني مشاريع غريبة كل مرة وكلها بأفكار جديدة ومختلفة… وهذا المشروع وهو هوية بصرية لمكتبة ولكنه أكبر بكثير من مجرد مكتبة تبيع الكتب بل هي أحيانا تصنع الكتب وأحيانا اخرى تصنع قلما ذكيا يقرأ الكتب وأحيانا تبيع ألعابا ذكية لتطوير الطفل وأحيانا ترشح لك كتبا مختلفة حسب مستواك وأحيانا أخرى تبيعك اشتراكات لحلقات تعليمية وتوعوية وأحيانا وأحيانا….

مشروع كبير يهدف للتوعية وصناعة وعي وقيادة ولا يستهدف الكبار وحسب بل حتى الصغار بل حتى الأطفال … مشروع كبير وعجيب لن تجد له مثيلا مشابها وهذا ما يجعل المهمة صعبة في التصميم

سأخبركم في هذا المقال كيف قمنا بتصميم هذه الهوية البصرية وكيف وصلنا إلى النتيجة النهائية وما الفائدة الحقيقية التي حصل المشروع عليها بعد الهوية البصرية؟ لنبدأ

أولاً: أنا سعيد الرشيد مصمم هويات بصرية عمليت مع الكثير من المشاريع المختلفة في مختلف الدول ووجدت في العالم العربي ضعفا كبيرا في الهوية البصرية والوعي بها ولذلك كتبت كتابين عن هذا الموضوع وأكثر من 40 مقالة متخصصة عن الهوية البصرية يمكنك تحميل الكتب والاطلاع على المقالات من موقعي الشخصي في أول رابط في الوصف

تواصل معي صديقي أسعد في بداية تأسيس مشروعه ووقتها رفضت العمل معه لأنه ما زال في مرحلة التجارب لذلك اقترحت عليه أن يبدأ بأي شكل أو أي شعار فقط ليختبر السوق وليعرف هل هناك قابلية لأن يدخل في السوق أكثر…

وفعلا بعد سنة وشهرين عاد وقد تطور المشروع في عقله أكثر وجرب فيه تجارب مختلفة وطور عليه وعرف الأمور التي يحتاجها لينمو أكثر ويتطور

بعد السنة الأولى أصبح يحتاج للتوسع أكثر فالمنتجات لديه لم تعد تتسع في المكان ولذلك قرر الانتقال لمكان أوسع وأكبر وهنا رأى أنه لا بد من أن يصحح مظهره البصري أيضا وأن يقوم بتحسين ظهوره أمام الناس لينتقل للخطوة التالية في المشروع وهنا بدأت حكايتنا سوياً

اليوم الأول: ماذا، لماذا، كيف؟

في الاجتماع الأول تكون غايتنا دوما التعرف على المشروع بنفسه لأن كل مشروع له جمهور مختلف ومزايا وصفات مختلفة وأسعار مختلفة كل هذه تؤثر بشكل كبير جدا على الهوية البصرية ولذلك فإن أول مرحلة هي أن نتعرف دعونا ننتقل لأسعد ليعرفنا أكثر عن مشروعه؟

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

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

من الواضح أنه سيكون مشروعا صعبا… دعونا نتكلم قليلا عن الشعار القديم وعن المشاكل فيه وعن الأهداف التي نريد تحقيقها في هذا المشروع:

اليوم الثاني: تحليل الشعار القديم والأهداف المستقبلية

هذا الشعار القديم وهذ اللون الذي كان مستخدما وأول ما بدأت التحليل سألت ما معنى الشعار فكان الجواب: لا أعلم 😅 بكل بساطة… والأهم في الشعار ليس معناه وحسب طبعا، معنى الشعار مهم لأنه يساعد في حكاية القصة واقناع العملاء لديك ولكن يمكن أن يكون هناك شعارات بدون قصص هذا شيء لا بأس به ولكن الأهم دوما أن يكون الشعار يعطي الانطباع المناسب للعلامة وأيضا يكون خال من المشاكل الفنية والبصرية وأن يكون متناسقا مع بعضه ويسهل استخدامه وهذا بالضبط ما نعاني منه في هذا الشعار

بمجرد النظر للشعار سنلاحظ فعليا أن الخط الذي كتبته به “مكتبة توازن” هو خط لاتيني وتمت إعادة ترتيبه ليظهر وكأنه يشبه الحروف العربية وهذه أول مشكلة فالمكتبة من أهم القيم لديها انها تعلم العربية وتدعم الثقافة العربية فكيف تعكس ذلك باستخدام الحروف اللاتينية! فإذن وجدنا أول مشكلة يجب إصلاحها

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

بالنسبة للأهداف التي سنحققها فيجب أن نصل لمعايير معينة:
1. لشعار جديد لا ينقلب على الماضي بل يطوره
2. عكس ميزتنا الرئيسية وهي التوازن بين الجديد والقديم
3. المناسبة مع الفئات المختلفة والمنتجات الكثيرة
4. تصور مبداي للموقع الإلكتروني لدينا

اليوم الثالث: التفكير والعصف الذهني

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

بعدها نبدأ بالعصف الذهني… سأعطيكم نبذة بسيطة عن ذلك مثلا… توازن مأخوذة من الاتزان الاتزان من الميزان .. الميزان يكون فيه طرفان متساويان حتى يتعادلا… طيب التعادل ما معناه … التعادل هو التساوي ممكن نعبر عنه بإشارة (=)، توازن هي مكتبة … مكتبة يعني كتب … كتب يعني صفحات وأوراق أيضا يعني قلم وورقة يعني ريشة يعني حبر… أفكار طبعا لا تنتهي

سأعاود التفكير مرة أخرى أولا المكتبة هي للتوازن بين الجديد والقديم بين التراخي والتشدد بناء على هذا الكلام يجب ان يكون لدي قدرة على استخدام لونين متناقضين من أجل أن يعبرا عن الجديد والقديم… وهكذا أكملت اليوم وأنا أشاهد أفكار مختلفة وأفكر أيضا في أفكار مختلفة لكي يكون لدي ذخيرة كبيرة… ومع ذلك فبقيت في حيرة كبيرة لأن المشروع هذا ليس مثل أي مشروع هو أكثر من أمر ويخاطب اكثر من فئة ولا يوجد منافس واضح في سوقه يمكنني أن أعتمد عليه مثلا وأشاهد ماذا يفعل…

اليوم الرابع: التوجه الفني

لكل هوية بصرية توجه فني فكل هوية لها نمط معين خاص بها… لأعطيكم مثالا سريعا تصورو لو وضعت توجها فنيا يستعمل في سبونج بوب مثلا مع توجه فني آخر يستعمل في سلاحف النينجا ستشعرون فورا بالتناقض وعدم الانسجام لأن كل واحدة منها لها هوية بصرية منفصلة وتوجه فني منفصل… شاهدوا هذا المثال مثلا

هذا معنى التوجه الفني في الهوية البصرية بشكل مختصر للننتقل الآن للتطبيق…

بدأنا بجمع توجهات فنية تمثل توجه المكتبة وقمت بالتنويع فيها فأولا نظرت للقيم الرئيسية فلدي أولا انها مكتبة إسلامية والإسلام من قيمها الرئيسية ولذلك فصنعت التوجه الفني الأول ليعبر عن المكتبات ذات الشخصية الإسلامية وكانت هذه النتيجة لها

والتوجه الفني الإسلامي يقوم دوما على الزخارف والخط العربي التراثي مثل الثلث وأغلب النطاقات اللونية تدور حول اللون الذهبي والبني الغامق أو الأسود والذهبي وهما ألوان الكعبة المشرفة … هذا النمط يعطي شعورا قويا بالعودة للتراث

التوجه البصرية الثاني كان متمركزا حول الحداثة فالمكتبة لن تكون مكتبة تراثية وحسب أو تقليدية بل هي حديثة وتقدم أمورا مستقبلية وجديدة مثل الكتب الصوتية والحلقات المصورة للكتب والقلم الذكي والكتب الذكية حتى… ولذلك وضعت فكرت التنوع والحداثة كشيء أساسي وعكستها بالأشكال الهندسية والألوان الكثيرة المشرقة

التوجه البصري الثالث هو توجه يركز على تجسيد فكرة التوازن بالأشكال الهندسية وهو ترجمة واقعية للاسم وهو ما سيساعدني بتعزيز معنى الاسم في الشعار وفي بقية اجزاء الهوية فلا يكون اسم التوازن محصورا في الشعار بل معكوسا على الهوية كاملة

وبعد أن جمعتها سيكون لي اجتماع غدا مع صاحب المشروع لأشرح له كل شيء ونأخذ رأيه

اليوم الخامس: النقاش والتصحيح

بعد أن بدأنا الاجتماع وشرحت كل توجه بصري ووضحت نقاط قوته ونقاط ضعفه رد علي صاحب المشروع أنه إلى الآن لم يتخيل المشروع ولم ير ان المشروع يعبر عنه التوجه البصري الأول لأنه محصور بالإسلاميات وتقليدي جدا ولا التوجه البصري الثاني لأنه حديث جدا وقد تشعر أنه يناسب فئة الأطفال والشباب أكثر من الكبار ولا ينتمي للثقافة الإسلامية كثيرا… أما المشروع الثالث فجميل ومناسب أنه عبر عن التوازن ولكن لن يستطع تخيل كيف سنستخدم ونوظف الأشكال في الهوية البصرية للمكتبة وكيف ستكون التفاصيل

لذلك بدانا للعمل فقمنا بتصميم موقع سريع وبسيط فقط لنظهر فيه الفكرة … بدأ صاحب المشروع برسم تصور بسيط لكيف سيوزع منتجاته والمعلومات الرئيسية لكل منتج ونحن صممناها لكي تتضح الفكرة أكثر

وبعد أن وضحت الفكرة فعلا وجدنا أنها الأقرب لما نريد وأنه سيكون فيها تنوع كبير وستعكس المشروع بالصورة التي يستحقها

اليوم السادس: أين الشعار؟

كانت الخطوات السابقة كلها تمهيدا مهما لتختصر علينا الطريق ونصل لأفضل حل بصري ممكن … طبعا أنا قمت بالعصف الذهني ووضعت أكثر من فكرة والآن سأرسم ما توصلت من أفكار وأيضا سأكمل مسيرة التفكير والتدبر …

رسمت أولا رسومات مميزة وجدتها أثناء العصف الذهني لتأخذ يدي على الرسم يعني وكأنها تهيئة قبل البدء.. دعوني اريكم بعض الأفكار التي توصلت لها والتي رسمتها كتهيئة في البدايات

أوراقا متناثرة.. درجا للرقي .. قلما يكتب.. دمجا بين الكتب والقلم.. ميزانا … حرف التاء .. كتبا كثيرة… أحجارا متأرجحة… ثم جربت أن أقوم باللعب في الكلمة نفسها لنرى كيف نصل للنتيجة المميزة.. الخ…

اليوم السابع: نكمل في الرسومات

مر اليوم السابع وما زالت المحاولات على أشدها دون الوصول لنتيجة رغم كثرة الأفكار والنماذج ولكن لازلت لا أشعر أنني وصلت إلى النتيجة المناسبة يجب أن أحاول أكثر … حتى انتهى اليوم دون تحقيق نتيجة تذكر

اليوم الثامن: الرسمة النهائية

أعدت التفكير مرة أخرى فقلت أنني يجب أن أنظر للشعار القديم ويجب أن اطوره… فبدأت فعلا بالقرب أكثر، وقلت يجب أن أركز على الحرف الاول وهو التاء وخصوصا أن المكتبة لن تخصص لمنتج واحد فلذلك لا أريد أن تكون صفحة أو كتابا فالحل أن اذهب لرمز آخر … حتى وصلت إلى النتيجة النهائية

هذا الشعار هو فعلا ما أحتاجه… أولا الشعار يرمز بشكل واضح للجانب الإنساني لا الآلي … فواضح أنه بشري بسبب الانحناءات المختلفة ثم هو ما يعبر عن الميزان الذي يعبر عن التوازن والوسطية المطلوبة ثم هو فيه شكل الرحلة التي تنتقل بصاحبها من مكان للآخر وفيه شعور التقدم وفيه شكل التقاطع وهكذا طبيعة العلوم فليست جزرا منفصلة بل كلها مختلط ومتشابك.. والامر الآخر ففيها حرف التاء وبعد أن وصلت أخيرا سارعت لعقد اجتماع لنعرض النتيجة النهائية بعد أن طبقناها ووضعناها على أمثلة ليسهل تخيلها..

اليوم التاسع: اجتماع الشعار

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

اليوم العاشر: هندسة الشعار

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

اليوم الحادي عشر: الألوان والخطوط

الألوان وما أدراك ما الألوان تسيطر الألوان على قرابة 80% من القدرة على لفت الانتباه للوهلة الاولى واختيار الألوان له طرق وأساليب بدأت أولا بالتفكير كيف يمكنني أن أختار لونا يعبر عن القديم والجديد.. بدأت بالبحث ما هو اللو ن الذي يعبر عن القديم وما هو اللون الذي يعبر عن الجديد فوجدت الازرق من الألوان التي تعبر عن الحداثة واللون البني من الألوان التي تعبر عن الأصالة والرجوع للقديم … ووجدت هذين اللونين موجودين في ثنائيات كثيرة فالأزرق موجود في البحار والبني في اليابسة… وجدت الجذور بنية في الأرض والسماء زرقاء ووجدت المخطوطات التي تناقلت عبرها العلوم في أمتنا بنية اللون والحبر الذي كتب عليها أزرق … وبهذا عرفت أن هذه هو الخيار المناسب لي

لا شك جربت الكثير من التدرجات والدرجات حتى وصلت إلى هنا وأيضا اخترت مجموعة من الألوان الثانوية التي ستساعدني في الدلالة على التنوع
طبعا قد يسألني البعض ما لون الشعار هل هو الازرق أم البني ففعليا أنا قررت أن يكون اللونان موجودان حسب المنتج فعندما يكون المنتج قديما تراثيا فنختار الشعار البني والازرق عند المنتج الحديث الجديد فنختار الأزرق… وبذلك أنهيت المرحلة الأولى في اختيار الألوان للننتقل للخطوة التالية

بالنسبة للخطوط فاحتاج لخط عربي يتناسب مع الانجليزية وفيه إصدارات مختلفة وأوزان ويكون الخط فيه لمسة من الخط العربي الأصيل وبنفس الوقت فيه لمسة من الحداثة وهذا بالضبط ما بدأت البحث عنه وقت بتطبيقه على نماذج لأرى مختلف التطبيقات

حتى وصلت إلى الخط يسمى “دهب” الخط فعلا كان مذهلا بتناسقه وجماله وفيه كل الحروف والحركات المرسومة بشكل مثالي وحميل ولكن النقطة السلبية الوحيدة فيه أنه ليس فيه لغة إنجليزية ولذلك بحثت عن خط انجليزي يتناسب مع الخط العربي ووجدت خط PT Serif وبذلك أصبح الخط جاهزا ومكتملاً

اليوم الثاني عشر: التطبيقات

يوجد لدي الآن تطبيقات مختلفة للهوية البصرية بعد أن أتممت مرحلة بناء الأسس سأبدأ الآن

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

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

عملنا على منشورات متسلسلة لتحكي قصصا ونصائح مختلفة وقمنا بعمل منشورات تعريفية بالكتب وتأخذ اقتباسات مختلفة منها

وكلها قمنا بتصميمها بأسلوبين مختلفين لنستخدمهم وفق احتياجاتنا وقمت بتوليد عدد كبير من الصور المختلفة باعتبار أن الأطفال يريدون هذه الصور ليتفاعلوا معها

وأكملنا الأمور الطباعية مثل الكرت والكتب وهذه الأمور البسيطة لتكتمل الهوية كاملة

اليوم الثالث عشر: التسليم

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