72

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

"إجعل المعلومات تبدوا اروع"اليوم سأحدثكم عن اكثر اخطاء التصميم شيوعاً، بين غير المصممين سوف اخبركم ١٥ خطأ شائع اولاً تجنب استخدام الكلمات بدل الصورواحده من اكثر الاخطاء شيوعاً ان المبتدئين وغير المصممين يستخدمون الكثير من الكلمات في تصاميمهمسواء في تصميم الشرائح او االانفوجرافيك او العروض التقديميهماعليك فعلاه هو الالتزام فقط بعنصر بصري والنص الضروري فقطبمعنى ان تختذل النص الاضافي وتستبدله بدلاله بصرية وهاكذا يستطيع المستخدم التركيز على ما تريد ايصاله فقطرقم ٢ هو صعوبة القراءهبخصوص صعوبة القراءه احد الاسباب الرئيسيه لها هو استخدام الكثير من النصوص الطويلهالكثير من السطور في النص التي تنفر القارئ بالنظر الي المثال فالاسفل، من ٥٠ إلى ٦٠ حرف في السطر هو ما تحتاج ان تصل اليهوبخصوص حجم النص فتخيله بحجم ٢ او ٣ منشورات عل (تويتر) سوياًلتتأكد دائماً ان نصوصك قصيرهالخطئ الثالث هي استخدام الخطوط الغير متناسقة سوياًلن اتحدث كثيراً عن تفاصيل الخطوط واختيار الازواج المتناسقه سوياًفسوف اقوم بتخصيص فيديو منفصل لهذا الموضوعولكن احد المشكل هي استخدام الكثير من الخطوط، هنا مثلاً ثلاث انواع مختلفه من الخطوطوهم بالفعل غير منسجمين سوياًفهي تجعل التصميم مزدحم وغير احترافيالذي ينبغي فعله هو الالتزام بخطين او ثلاثه بحد اقصىوان كنت تريد تحقيق التنوع يمكنك استخدام انماط مختلفه لنفس الخط ربما بستخدام النمط المائل او السميكبإستخدام انماط مختلفه من نفس الخط تستطيع تحقيق التوازن مع الحفاظ على التنوع في تصميمكالخطأ الرابع هو عدم اختيار الالوان الصحيحهاللون عنصر هام جدا فالتصميم، سواء اختيار اللون او المجموعات اللونيهبالنظر لهذا المثال، وكإن احد اعطى طفل ٣ او ٤ الوان شمعيه ليقوم بالوصول لهذه النتيجه المشكله التي تحدث مع المبتدئين وغير المصممين هي-ان امامهم كثير من الالوان والخطوط التي تعطيهم انطباع انهم يمكنهم خلط اي شئ سوياًولكن الحقيقه هي انه هناك بعض القواعد الاساسية بخصوص اللوان تحتاج ان تتبعهااستخدم الالوان التي تساعد وتحسن من قابلية القراءة للمحتوى وتجذب عين المستخدم بشكل غير مزعجاضافة الى الحافظ علي تباين واضح بين الالوان المستخدمهفي المثال بالاسفل لديك ٣ الوان، وبالنظر اليهم ستجد البرتقالي والرصاصي والخلفيه البيضاء محققين توازن جيد بينهمخامساً هو نقص المساحات الفارغهبالكلام عن المساحات الفارغه، عندما تفكر على سبيل المثال في ....غرفة معيشتكلديك تلفزيون و اريكه وربما لديك طاولة قهوةثم لديك هذه المساحات الفارغة، فأنت لا تحاول ملئ كل فراغ لديكنفس المبدء يجب ان ينطبق على التصميمفي المثال بالأعلى، ما فعله الشخص انه ملئ كل هذه الفراغات بشئ ماالمساحات الفارغه والحره، هي عنصر هام في التصميم لهذا فالمثال بالاسفل ما تراه هو مساحات حره وفارغه ، ويتمركز التصميم فالمنتصفواحده من الامثله العظيمه هي الصفحه الرئيسية في جوجلبما انه عن البحث، ينتصف الصفحه اداة البحث، مما يجعلها تظهر بوضوح ولا تجتاج البحث عنها الخطأ السادس هو توزيع العناصر بعشوائيةعدم ترتيب العناصر هي مشكله كبيره ايضاً في التصميمولهذا بالنظر على المثاليين، المثال بالاعلى، لا يوجد منطق او اتجاه في الترتيب، الاشياء فقط متناثرهفي المثال بالاسفل لديك محتوى متحازي لليسار لذلك هناك اتجاه محدد وتوازن، هذا ما تريد تحقيقهالخطأ السابع: الفشل في خلق تباين، هذا ايضا يجب ان تنتبه اليهانه خاطئ شائع بين غير المصممين، استخدام نص بلون فاتح في المقدمه على خلفية اغمق قليلاًوبالنظر على المثال بالاسفل، لديك نص غامق فوق خلفية فاتحهوبهذا تخلق تباين جيد يجب ان تستخدم الوان بينها تباين واضح في التشبع والسطوع عند النظر هنا تجد الرصاصي الفاتح والازرق الغامق ومعهم برتقالي ساطعالخطأ الثامن: هو عدم تحجيم العناصر بشكل صحيح احد الاخطاء التي ارى غير المصممين يقعون فيها كثيراً، هي انهم يجعلون كل شيء في نفس الحجم فهم فعلا لا يستغلون هذه الميزه بين يديهم، وهي قدرتهم على تغير احجام العناصرعندما تكبر حجم العنصر فأنت تريد التركيز عليهالعنصر الاكبر هو المركز البصري بالنظر الي كلمتي "Dramatic" و "Effect" فأنت ترى كلمة "dramatic" آولاًفأنت بتوظيف الحجم تخلق نقطة تركيز بصري لجذب انتباه جمهوركالنقطه التاسعه هي النصوص صعبة القراءة ظهر هذا الخطأ في بعض الامثلة التي ذكرتها سابقاً، فهو يعد خطىء اخر في التباين ثانيةً، لديك نص بهذه الدرجه من الزرقة، ويوجد خلفه صورة، من الصعب للغاية قراءة النصوهذا قطعاً لايجب ان يحدث، للأسف انه خطأ شائع واشوفه يحدث كثيراًولكن بالنظر للمثالين معاً في التصميم بالاسفل لدينا فعلاً تباين جيد لدينا نص فاتح، باللون الابيض فوق خلفية اغمق، مما يسهل جدا القراءة.. والتركيز علي النص نفسهمازال هناك القليل رقم ١٠ هو المزج الخطأ بين انواع الخطوط المختلفه فبالنظر للمثال هنا، لديك صورة بالية خشنه، وفي المقدمه يوجد نص مكتوب بخط و بألوان كالتي تظهر على صناديق العروسه "باربي"ولا تندمج فعلاً مع الصوره خلفها الان انظر االى هذه..في هذا المثال، تقود فعلاً الصوره كيفية توظيف الخطولذلك تجد الخط والصوره خلفه في إنسجام تامهذا ما تريد تحقيقه دائماًعند اختيارك لخط معين فكرا دائماً في محيطه وما تريد تحقيقه في التصميم ركز على الرساله والمحيط الذي سيكون به النصرقم ١١ هو المسافات الغير متناسبة بين السطورهذا المثال مجدداً، كلمة "problem with" ملتصقان سوياً وتأتي بعدهم كلمة "leading"من الجيد ان يكون لديك مسافات بين الاسطر، ولكن يجب ان يكون لديها توظيف في هذا المثال لديك نص صغير وعنوان، لذلك هناك توظيف للفصل بينهم رقم ١٢ استخدام الصور النقطية "Raster Images"، وهو ايضاً شائع للغايةالصور عموما... هي عباره عن (خرائط لمجموعة من المربعات الملونه ) "bitmaps"وهذا يعني انه بتكبيرهم ستصبح هذه المربعات ملحوظهلو اخذت صوره وقمت بتكبيرها ستصبح مشوشة "pixelated" كما في المثال هنا.يمكنك تصغيرهم ولكن لا يمكن تكبيرهم، هذه نصيحه هامه لغير المصممين.وايضاً، حاول الالتزام قدر المستطاع بإستخدام الصور في نسق"Vector" خاصةً مع النصوص والاشكال الخبر الجيد ان هذه الايام ،برامج التصميم كا "powerpoint" و "Prezi" و حتى اداتنا في "Visme"كل النصوص والاشكال تتبع نمط "vector"، ذلك يمكنك تكبيرهم وتصغيرهم كما تريد ولن تأثر ابداً على دقة الصورةلهذا استخدم "vector Graphics" بقدر المستطاع، وعند جلب صور "bitmap" حاول تجنب تكبيرهمرقم ١٣ هي الإستماته في تحقيق نصفين متطابقين هنا الموضوع، عند تحضير محتوي للاستخدام الرقمي، لا تحتاج دائماً تحقيق تطابق تامفانت لا تصمم سيارة تحتاج ان تكون متوافقة مع " علم ديناميكية الهواء" او طائرههذا مجرد محتوى رقمي او تصميموفي هذه الحاله يجب ان تركز على الانسجام، تريد خلق اتزان ولو كان بإمكانك خلق اتزان بدون تطابق فهذا مقبول تماماًرقم ١٤ هو الفشل في التواصل بفعاليةانت تخلق محتوى لجمهورك، هذا هو الهدف بالكامل. ولهذا يجب ان تتأكد ان المحتوى الذي تصممهغير متكلف و كذلك يوصل الرساله منهبالنظر للمثال هنا، وهذا خطأ اعتقد ان المصممين وغير المصممين يقعون بهانا متهم به ايضاًما نفعله هو استخدام الكثير من الاشكال والعناصر، ونحاول المبالغه في اظهار الاشياءبينما ما تحتاجه فعلاً هو التبسيطاستخدم مبادئ التقليلية  "Minimal principles "في هذه الحاله لديك نص، ويدعمه ايقونه مكملهوسوياً يحققون توازن جيد و مساحات فارغه وكل شيء منسجم بسلاسةأخيرا وليس آخرا, هو عدم الإتساقالاتساق ضروري للغاية، فيما يخص التباين واستخدام الالوان وصولاً إلى الخطوط المستخدمهفي المثال هنا بالنظر الى استخدام الخطوط والالوان، نجد النص باليسار ملطخ وبلون لا يتسق مع لون وتنسيق باقي الجملهما تريد فعله هو اختيار خط ومجموعه لونيه محدده والإلتزام بهم لتحقيق شعور الوحده والتماسك في تصميمك في المثال بالاسفل ستجد ان الالوان والاتجاه واستخدام الخطوط متوازنين جميعاًفهي تستغل مجموعه من الاخطاء التي تحدثت عنها، لتحقيق هذا التصميم الجيد والبسيطهذه هي ال١٥ خطأ التي اردت التحدث عنهم، حقيقةً هناك المزيد لدينا مدونه لطيفه بها ١٩ خطأ، اي ان هناك ٤ نقاط اضافيه عن التي غطيتها هنا.سأضع الرابط فالتفاصيل تأكد من ان تشاهدهمجدداً، اعدكم ان اخذتوا بهذه النصائح في تصميمكم، ايما كان المحتوى الذين تريدون انشائه ربما عرض تقديمي، او ملف ورد، ربما للطباعه او للاستخدام على الانترنت بغض النظر، ان قمت بتطبيق هذه النصائح السهله، اعدكم ان جودة تصميمتكم سوف ترتفعاخيراً، يجب ان تتدرب، شكراً لكم