كيف تحلل التصميم ؟!

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

.

أحببت أن أنقل لكم هذا الموضوع من أحد مدونات المصممين المعجب بهم أنا وهو مصمم عربي مبدع :happy:

.." كيف تحلل التصميم ؟!!

احدى الطرق الرائعة لتعلم التصميم

السلام تحية

كثيراً منا “نحن معشر المصممين ” نشاهد ونستلهم من اعمال غيرنا ونستمتع بها.. وهذا شيء جميل ولكن!

هل تسائلت يوماً لماذا هذا التصميم حلو؟.. وذاك ليس بجميل؟ وهذا التصميم راااائع ومذهل؟ وذاك مقبول نوعاً ما؟؟

هنا اليوم رح نتكلم عن طريقة تعلمتها من “مديري في الشركة التي اعمل لها وهو ايضاً مصمم وفنان” طريقة جميلة في كيفية الاستفادة والتعلم من اعمال غيرنا .. وهي طريقة ” النظرة التحليلية ” وهي طريقة تاتي بعد النظرة الاستمتاعية .

فانت كمصمم تشاهد تصاميم كثيرة جداً في الانترنت .. ولكن تحفظ التصاميم التي تبهرك وتعجبك .. اليس كذلك .. جميعاً نحب الاحتفاظ بالجميل.

بعد هذة الخطوة ناتي وهي تسمى بالخطوة الاستمتاعية .. نبداء الان بمشاهدة العمل مرة اخرى ولكن بنظرة تحليلية

ويقصد بالنظرة التحليلية هي محاولة اكتشاف الاشياء الايجابية والاسباب التي جعلت التصميم جميل ومميز .. ولماذا هذا العمل عن غيرة هو جميل ورائع؟!!

وسوف نبداء الان عملياً بتحليل بعض التصميم ومحاولة اكتشاف اسباب القوى في التصميم .

نبداء بهذين الصورتين .. وتمعنوا فيهما

تصميمين جميلين مترابطين في عناصرهم .. ولكن ايهما تفضل ؟؟ وتعتبرة الاجمل من الاخر ؟!!

..

نعم.. انت صحيح .. انه التصميم الاول ذو اللون السماوي

طيب ليش السماوي افضل؟؟ ماهي نقاط القوى التي جعلتة افضل من الاخضر ؟!! هل اللون لة علاقة !!

اكيد لا .. لكن اللي جمل وجذب التصميم السماوي هي نقطين اساسيتان .. الاولى وهي الواقعية .. والثاني وهي الاهتمام بالتفاصيل .

فنلاحظ ان الورق الرسمي .. تم عرضها بطريقة واقعية “يعني ملفوفة وليس مستقيمة كالورق الرسمي في الاخضر” وهذة الحركة اضافت جمالية وواقعية في العمل .

كذلك الظل وانعكاس التصميم في الارضية اضافت الحيوية الى التصميم وواقعيتة .

انظروا الى الظل والانعكاس .. تم وضعة بطريقة رهيبة وبكل اتقان .

بينما في التصميم الاخضر انظروا الى الظل .. غير واقعي ابداً ولايوجد انعكاس للتصاميم

وعلى فكرة اللتصميم الاخضر رائع وجميل وموحد في كل عناصرة .. لكن المشكلة هي كانت في طريقة العرض

طيب نجي الان على تحليل تصميم اخر .

كرتين من الواضح للجميع ان الاول رائع والثاني معفن !!

طيب ماهو السبب ياترى؟!!

خلونا نشوف التصميم الجميل “الابيض”

تصميم خفيف .. وبة فراغ كثير .. وهذا الفراغ عمل على اراحة العين وايضاً انار التصميم .

نلاحظ ان التصميم موحد بعناصرة في الجهتين .. لكن بعضكم بيقول ” كيف موحد ولون الخلفية مختلف!!!”

يعني احب اقول لك .. شاهد الكرت مرة اخرى .. هل حقاً شعرت انهم مختلفين ؟!! لا واكيييييييييد انك لم تشعر بذلك.

لماذا لم تشعر بالاختلاف بالرغم من ان اللوان الخلفية مختلفين ؟!! والسبب بكل بساطة وجود عناصر ربط في الوجهين!!

ماهي تلك العناصر .. خلونا نشوفها

اولاً نوعية الخط المستخدمة في الجهتين واحد .. وكذلك اللوان في الكتابة لونين متبادلين

ثانياً وهو العنصر الاقوى ربطاً وهو ذلك الرمز البرتقالي

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

طيب خلونا نرجع للكرت الثاني الاسود ..

نلاحظ ان الخلفيتين متساوية “اسود” لكن التصميم معفن !! :blink:

اذا خلونا نحلل السبب!!

اولاً في طريقة العرض .. نلاحظ ان العين تنجذب الى تلك الاضائة في اعلى يمين التصميم !!

مع ان الموضوع الرئيسي هو الكرت !! لذلك تشتت العين عن الموضوع الرئيسي!! وكل ماتحاول مشاهدة الكرت .. تجد عيونك ترجع الى ذلك الاضائة !! وبذلك ترهق وتتعب عيونك .

ثانياً .. المعلومات الاساسية صعبة القراءة !! وهي بالمفترض تكون سهلة وواضحة

يعني بالله عليك كرت حجمة 9*5 سم ومع ذلك تزيد تصغير الكلام وتصعب طريقة قرائتة !! “الله يهديك بس .. ناوي تعذب اللي يقراء الكرت “

ايضاً بالرغم انة وحد نوعية الخط والكتابة .. الا انة كسر هذا التوحيد بتغيير اتجاة الكتابة في الوجهين

يعني اذا عملت وجهة بالطريقة الافقية .. اذا لاززززززززززززم يكون الوجهة الاخر افقي .. واذا عملت في الوجهة الاول مائل .. اذا لاززززززززززززم الجهة الاخرى تكون مائلة وهكذا

ناهيك عن وجود ذلك الشكل الغريب الكبييير المربك البرتقالي في الوجهة الاول !!!

طيب نجي لتصميم اخر

تم تعديل الصورة :ph34r:

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

الاحاسيس !!

فعند مشاهدة هذا التصميم تحس بضيق .. والسبب الاتي

شوف ” يعني انظر” الى العنوان في اعلى الصفحة .. تلاحظة قريب جداً من الحافة .. وهذا يحسسنا بالضيق وعدم الشعور بالراحة

تم تعديل الصورة :ph34r:

وكذلك انظر الى اللونين الازرقين كيف يعوريين العين !! ولايوجد محاذاة بينهما!!

وعند السيموكولون (“) تجد ان المسافة بين نهايتهما غير متساوية !!

فالعلامة التي على اليمين لاتوجد بينها وبين الكتلة الحمراء مسافة كافية !! بينما التي على اليسار يوجد هناك مسافة كافية بينها وبين الكتلة الصفراء .. وهذا يحسسنا بالقلق

كذلك وضع الصور غير مريح عند صورة المراة

تم تعديل الصورة :ph34r:

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

هل عرفت لماذا تحس بالضيق والقلق الان من ذلك التصميم ؟!!

الان دعونا نشاهد اخر تصميم ونحلله

تمت معالجة الصور لإخفاء بعض الفتيات :ph34r:

نلاحظ هذا البوكليت والمكون من 24 صفحة “وجه” .. نلاحظ انة جميل وانيق وبالرغم من اختلاف الالوان وكثرتها .. الا اننا نحس انة موحد ومتناسق ورائع .

دعونا نحلل ونعرف سبب ذلك .

والسبب هو ان التصميم موحد عناصرة في كل الصفحات !! كيف ؟؟

اولاً نجد انة في كل صفحة يوجد عنصر توحيد وهو اسم الشركة في اسفل يسار الصفحات .. ومكرر في كل الصفحات وبنفس الشكل واللون .. وهذا عنصر مهم في التوحيد

-تمت معالجة الصور لإخفاء بعض الفتيات :ph34r:

ثانياً هناك توحيد مخفي تتقبلة العين ولكنك لن تدركة الا اذا حاولت ان تحللة .. وهو الاتي

نلاحظ ان عنوان كل موضوع وكذلك الكتابة معمولة بخط واحد .. وبنفس الحجم تقريباً

كذلك نلاحظ ان كل صفحة مكون من ثلاث عناصر وهي ” كتابة مع عنوانة – صورة لبني ادم – وصورة للمنتج” الكاميرات”

ونلاحظ كذلك ان لون الخلفية ماخوذ من صور البني ادم .

وهذة الاسباب كافية لجعل العين مرتاحة .. وليظهر التصميم جميل وانيق ورائع

واتمنى منكم محاولة تحليل اي تصميم جميل يمر بك اثناء تصفحك للتصاميم ومحاولة معرف الاسباب .. وبذلك سوف تتعلم وتطور من نفسك بدون دروس

مع تمنياتي لكم بكامل الصحة والعافية والاستفادة "..

ماذا نستفيد من هذا الدرس ؟؟ تناسق الألوان مهم جدا .. توافق نوع الخطوط .. الترتيب .. الهندسة المناسبة للتصميم ... تواجب وجود عناصر موحّده في التصميم .. الانتباه للتفاصيل الصغيرة فهي مهمة .. وأمور أخرى تعتمد على مهارتك :happy:

وشكراً لإنتباهكم أخوكم علاء