التدوينة الثانية

كانت المحاضرة مقسمة إلى ثلاثة إجزاء أو مواضيع وهي :

1-التفكير التصميمي Design Thinking

2- التصميم وخطوط الطباعة Typography

3- النظام الشبكي  Gridو layouts

وسأتحدث عن كل موضوع بشكل مفصل نوعاً ما .

أولاً: التفكير التصميمي Design Thinking

أحد المفاهيم التي انتشرت في عالم الأعمال ، مصطلح التفكير التصميمي أو Design thinking. والمقصود به منهجية معينة للتفكير تساعدك على دراسة الوضع أو المشروع بشكل أفضل ويمر بعد مراحل وهي:

1- التقمص Empathize

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

2- التعريف Define

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

3- التفكير بإبداع Ideate

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

4- النموذج المبدئي Prototype

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

5- التجربة والاختبار Test

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

ثانياً : التصميم وخطوط الطباعة Typography

إن شكل حروف الطباعة في أي تصميم قد يحدث فرق كبير في الرسالة التي يحملها التصميم إلى الناس، وقد يكون وقع هذه الحروف من الناحية النفسية قويـاً على المشاهدين ، فيؤثر سلباً أو إيجاباً على ردود الفعل لديهم..

أشكال خطوط الطباعة (Typefaces) : هناك شكلان وهي:

• Serif : بعض خطوط الطباعة تعتمد هذا الشكل الـذي يحتـوي علـى أجزاء صغيرة تسمى (Tabs) والموجودة على زاوية الحرف.

• Sans-serif : وهي تلك الأشكال التي لا تحتـوي علـى (Tabs) فـي زوايا حروفها وبالتالي فإنها تكون أبسط وأكثر حيوية .

وهناك خمس عائلات للنص الكتابي في معظم برامج التصميم، وهي المـسئولة عن سمك الخط أو عرضه وهي:

علي سبيل المثال. خط Helvetica يتكون من عدة خطوط، مثل Helvetica light ، Helvetica bold.

والجدير بالذكر هنا أن ليس جميع خطوط الطباعة قادرة علـى التكـون فـي جميع حالات الخطوط، فعلى سبيل المثال: (Tahoma) ينتمي فقط إلى عـائلتين هي: (Regular, Bold)

ملاحظة: قد يرد مصطلح (Italic) كثيـراً فـي بـرامج التـصميم وكتابـة النصوص وهو ليس أحد عائلات الخطوط وإنما هو فقط درجة ميلان الخط.

قواعد التيبوغرافي :

هناك بعض القواعد لابد أن تُأخذ في الإعتبار عند تصميم التيبوغرافي :

1- Size “الحجم” : إستخدام أحجام مختلفة قد تؤثر في التصميم وكذلك رسالة التصميم. 

2- Leading  : يقصد به المسافة بين السطور في النص.

3- Tracking : يشير إلي عملية ظبط مقدار التباعد بين كتلة من النص بشكل موحد. ويشير التتبع أحيانا الي تباعد الحروف.

4-  : KerningالـKerning يشبه الـTracking بعض الشئ، فهو المسافة بين حرفين فقط،

5- Hierarchy “التسلسل الهرمي” : إذا كانت الخطوط بنفس الحجم، فلن يُفهم ماهو المهم في الصفحة !

فلابد لتوجيه القارئ أن تكون العناوين الرئيسية بخط كبير والعناوين الفرعية تكون بخط أقل نسبياً.

 6-خط الأساس  : Baseline يشير خط الأساس إلي الخط الوهمي الذي يستقر عليه  معظم الحروف.

Orphan-7: ويقصد به تنضيد الحروف,عندما تكون الكلمة تظهر بمفردها في نهاية الفقرة يمكن تصليحها عن طريق تتبع وتعديل عرض الفقرة بحيث يتم دفع الكلمة الاضافية للأعلي إلي السطر السابق أو ياتي جانبها كلمات لملء الفراغ..

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

 فن التيبوغرافي Typography ART

فن التيبوغرافي هو فن وتقنيات التصميم بالخط والتعديل عليه ,والترتيب بالخط بأشكال معينة ..

نتعامل مع الحروف بروح فتعطينا نتائج مبهرة وجميلة ..التيبوغرافي كثيرا ترآه في بوسترات الأفلام وغيرها ..

ثالثاً : النظام الشبكي Grid

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

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

طي المطبوعات ( Folds)

وهنا بعض الصور التي توضح الطرق المختلفة لطي المطبوعات..

تطبيقي للمحاضرة