100

تعلم اكثر اخطاء التصميم شيوعاً بين غير المصممين

"إجعل المعلومات تبدوا اروع"

اليوم سأحدثكم عن اكثر اخطاء التصميم شيوعاً، بين غير المصممين

سوف اخبركم ١٥ خطأ شائع

اولاً تجنب استخدام الكلمات بدل الصور

واحده من اكثر الاخطاء شيوعاً ان المبتدئين وغير المصممين يستخدمون الكثير من الكلمات في تصاميمهم

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

ماعليك فعلاه هو الالتزام فقط بعنصر بصري والنص الضروري فقط

بمعنى ان تختذل النص الاضافي وتستبدله بدلاله بصرية

وهاكذا يستطيع المستخدم التركيز على ما تريد ايصاله فقط

رقم ٢ هو صعوبة القراءه

بخصوص صعوبة القراءه احد الاسباب الرئيسيه لها هو استخدام الكثير من النصوص الطويله

الكثير من السطور في النص التي تنفر القارئ

بالنظر الي المثال فالاسفل، من ٥٠ إلى ٦٠ حرف في السطر هو ما تحتاج ان تصل اليه

وبخصوص حجم النص فتخيله بحجم ٢ او ٣ منشورات عل (تويتر) سوياً

لتتأكد دائماً ان نصوصك قصيره

الخطئ الثالث هي استخدام الخطوط الغير متناسقة سوياً

لن اتحدث كثيراً عن تفاصيل الخطوط واختيار الازواج المتناسقه سوياً

فسوف اقوم بتخصيص فيديو منفصل لهذا الموضوع

ولكن احد المشكل هي استخدام الكثير من الخطوط، هنا مثلاً ثلاث انواع مختلفه من الخطوط

وهم بالفعل غير منسجمين سوياً

فهي تجعل التصميم مزدحم وغير احترافي

الذي ينبغي فعله هو الالتزام بخطين او ثلاثه بحد اقصى

وان كنت تريد تحقيق التنوع يمكنك استخدام انماط مختلفه لنفس الخط

ربما بستخدام النمط المائل او السميك

بإستخدام انماط مختلفه من نفس الخط تستطيع تحقيق التوازن مع الحفاظ على التنوع في تصميمك

الخطأ الرابع هو عدم اختيار الالوان الصحيحه

اللون عنصر هام جدا فالتصميم، سواء اختيار اللون او المجموعات اللونيه

بالنظر لهذا المثال، وكإن احد اعطى طفل ٣ او ٤ الوان شمعيه ليقوم بالوصول لهذه النتيجه

المشكله التي تحدث مع المبتدئين وغير المصممين هي-

ان امامهم كثير من الالوان والخطوط التي تعطيهم انطباع انهم يمكنهم خلط اي شئ سوياً

ولكن الحقيقه هي انه هناك بعض القواعد الاساسية بخصوص اللوان تحتاج ان تتبعها

استخدم الالوان التي تساعد وتحسن من قابلية القراءة للمحتوى

وتجذب عين المستخدم بشكل غير مزعج

اضافة الى الحافظ علي تباين واضح بين الالوان المستخدمه

في المثال بالاسفل لديك ٣ الوان، وبالنظر اليهم ستجد البرتقالي والرصاصي والخلفيه البيضاء محققين توازن جيد بينهم

خامساً هو نقص المساحات الفارغه

بالكلام عن المساحات الفارغه، عندما تفكر على سبيل المثال في ....غرفة معيشتك

لديك تلفزيون و اريكه وربما لديك طاولة قهوة

ثم لديك هذه المساحات الفارغة، فأنت لا تحاول ملئ كل فراغ لديك

نفس المبدء يجب ان ينطبق على التصميم

في المثال بالأعلى، ما فعله الشخص انه ملئ كل هذه الفراغات بشئ ما

المساحات الفارغه والحره، هي عنصر هام في التصميم

لهذا فالمثال بالاسفل ما تراه هو مساحات حره وفارغه ، ويتمركز التصميم فالمنتصف

واحده من الامثله العظيمه هي الصفحه الرئيسية في جوجل

بما انه عن البحث، ينتصف الصفحه اداة البحث، مما يجعلها تظهر بوضوح ولا تجتاج البحث عنها

الخطأ السادس هو توزيع العناصر بعشوائية

عدم ترتيب العناصر هي مشكله كبيره ايضاً في التصميم

ولهذا بالنظر على المثاليين، المثال بالاعلى، لا يوجد منطق او اتجاه في الترتيب، الاشياء فقط متناثره

في المثال بالاسفل لديك محتوى متحازي لليسار

لذلك هناك اتجاه محدد وتوازن، هذا ما تريد تحقيقه

الخطأ السابع: الفشل في خلق تباين، هذا ايضا يجب ان تنتبه اليه

انه خاطئ شائع بين غير المصممين، استخدام نص بلون فاتح في المقدمه على خلفية اغمق قليلاً

وبالنظر على المثال بالاسفل، لديك نص غامق فوق خلفية فاتحه

وبهذا تخلق تباين جيد

يجب ان تستخدم الوان بينها تباين واضح في التشبع والسطوع

عند النظر هنا تجد الرصاصي الفاتح والازرق الغامق ومعهم برتقالي ساطع

الخطأ الثامن: هو عدم تحجيم العناصر بشكل صحيح

احد الاخطاء التي ارى غير المصممين يقعون فيها كثيراً، هي انهم يجعلون كل شيء في نفس الحجم

فهم فعلا لا يستغلون هذه الميزه بين يديهم، وهي قدرتهم على تغير احجام العناصر

عندما تكبر حجم العنصر فأنت تريد التركيز عليه

العنصر الاكبر هو المركز البصري

بالنظر الي كلمتي "Dramatic" و "Effect" فأنت ترى كلمة "dramatic" آولاً

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

النقطه التاسعه هي النصوص صعبة القراءة

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

ثانيةً، لديك نص بهذه الدرجه من الزرقة، ويوجد خلفه صورة، من الصعب للغاية قراءة النص

وهذا قطعاً لايجب ان يحدث، للأسف انه خطأ شائع واشوفه يحدث كثيراً

ولكن بالنظر للمثالين معاً

في التصميم بالاسفل لدينا فعلاً تباين جيد

لدينا نص فاتح، باللون الابيض فوق خلفية اغمق، مما يسهل جدا القراءة.. والتركيز علي النص نفسه

مازال هناك القليل

رقم ١٠ هو المزج الخطأ بين انواع الخطوط المختلفه

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

ولا تندمج فعلاً مع الصوره خلفها

الان انظر االى هذه..

في هذا المثال، تقود فعلاً الصوره كيفية توظيف الخط

ولذلك تجد الخط والصوره خلفه في إنسجام تام

هذا ما تريد تحقيقه دائماً

عند اختيارك لخط معين فكرا دائماً في محيطه وما تريد تحقيقه في التصميم

ركز على الرساله والمحيط الذي سيكون به النص

رقم ١١ هو المسافات الغير متناسبة بين السطور

هذا المثال مجدداً، كلمة "problem with" ملتصقان سوياً وتأتي بعدهم كلمة "leading"

من الجيد ان يكون لديك مسافات بين الاسطر، ولكن يجب ان يكون لديها توظيف

في هذا المثال لديك نص صغير وعنوان، لذلك هناك توظيف للفصل بينهم

رقم ١٢ استخدام الصور النقطية "Raster Images"، وهو ايضاً شائع للغاية

الصور عموما... هي عباره عن (خرائط لمجموعة من المربعات الملونه ) "bitmaps"

وهذا يعني انه بتكبيرهم ستصبح هذه المربعات ملحوظه

لو اخذت صوره وقمت بتكبيرها ستصبح مشوشة "pixelated" كما في المثال هنا.

يمكنك تصغيرهم ولكن لا يمكن تكبيرهم، هذه نصيحه هامه لغير المصممين.

وايضاً، حاول الالتزام قدر المستطاع بإستخدام الصور في نسق"Vector" خاصةً مع النصوص والاشكال

الخبر الجيد ان هذه الايام ،برامج التصميم كا "powerpoint" و "Prezi" و حتى اداتنا في "Visme"

كل النصوص والاشكال تتبع نمط "vector"، ذلك يمكنك تكبيرهم وتصغيرهم كما تريد

ولن تأثر ابداً على دقة الصورة

لهذا استخدم "vector Graphics" بقدر المستطاع، وعند جلب صور "bitmap" حاول تجنب تكبيرهم

رقم ١٣ هي الإستماته في تحقيق نصفين متطابقين

هنا الموضوع، عند تحضير محتوي للاستخدام الرقمي، لا تحتاج دائماً تحقيق تطابق تام

فانت لا تصمم سيارة تحتاج ان تكون متوافقة مع " علم ديناميكية الهواء" او طائره

هذا مجرد محتوى رقمي او تصميم

وفي هذه الحاله يجب ان تركز على الانسجام، تريد خلق اتزان ولو كان بإمكانك خلق اتزان بدون تطابق فهذا مقبول تماماً

رقم ١٤ هو الفشل في التواصل بفعالية

انت تخلق محتوى لجمهورك، هذا هو الهدف بالكامل. ولهذا يجب ان تتأكد ان المحتوى الذي تصممه

غير متكلف و كذلك يوصل الرساله منه

بالنظر للمثال هنا، وهذا خطأ اعتقد ان المصممين وغير المصممين يقعون به

انا متهم به ايضاً

ما نفعله هو استخدام الكثير من الاشكال والعناصر، ونحاول المبالغه في اظهار الاشياء

بينما ما تحتاجه فعلاً هو التبسيط

استخدم مبادئ التقليلية  "Minimal principles "

في هذه الحاله لديك نص، ويدعمه ايقونه مكمله

وسوياً يحققون توازن جيد و مساحات فارغه وكل شيء منسجم بسلاسة

أخيرا وليس آخرا, هو عدم الإتساق

الاتساق ضروري للغاية، فيما يخص التباين واستخدام الالوان وصولاً إلى الخطوط المستخدمه

في المثال هنا بالنظر الى استخدام الخطوط والالوان، نجد النص باليسار ملطخ وبلون لا يتسق مع لون وتنسيق باقي الجمله

ما تريد فعله هو اختيار خط ومجموعه لونيه محدده والإلتزام بهم

لتحقيق شعور الوحده والتماسك في تصميمك

في المثال بالاسفل ستجد ان الالوان والاتجاه واستخدام الخطوط متوازنين جميعاً

فهي تستغل مجموعه من الاخطاء التي تحدثت عنها، لتحقيق هذا التصميم الجيد والبسيط

هذه هي ال١٥ خطأ التي اردت التحدث عنهم، حقيقةً هناك المزيد

لدينا مدونه لطيفه بها ١٩ خطأ، اي ان هناك ٤ نقاط اضافيه عن التي غطيتها هنا.

سأضع الرابط فالتفاصيل تأكد من ان تشاهده

مجدداً، اعدكم ان اخذتوا بهذه النصائح في تصميمكم، ايما كان المحتوى الذين تريدون انشائه

ربما عرض تقديمي، او ملف ورد، ربما للطباعه او للاستخدام على الانترنت

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

اخيراً، يجب ان تتدرب، شكراً لكم