جرافيكس

الاول في عالم التصميم والاستلهام

AyMeN فى 10 - يوليو - 2010

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

السلام تحية

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

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

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

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

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

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

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

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

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

..

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bookmark and Share

عدد التعليقات 60

  1. رسام قال:

    ياسلام ايش التحليلات والإبداعات سلمت يداك عزيزي الغالي ايمن

  2. عزالدين قال:

    مشكور اخي ايمن على هذا الدرس الرائع

  3. يعطيك العافية أخوي حللت أبو جد التصاميم ^ــ^
    تعلمت الكثير من هذه التدوينة ، شكراً ..

  4. غير معروف قال:

    تسلم على المعلومات القيمة
    والله ذكرتني بايام الاستاذ شهم
    بس ذيك الايام ماكناش مهتمين

  5. فارس الدعيس قال:

    لووووووووووحدك يا استاذ ايمن …

  6. madridy boy قال:

    الله الله الله عليك يا أيمن

    السبيشل 2 >>> خلاص هذا هو لقبك من دحين

    والله مشكور ايمن صراحة معلم… كثير ما نتعلم منك ولساحنتعلم منك الله يخليك لنا

    طريقة حلوة لتحليل التصاميم ومن اليوم ورايح باسوي اللي قلت عليه حتى في تصاميمك

    جزيت خيرا ي سبيشل 2

  7. مبدع انت كعادتك ايمن
    تحليل التصاميم
    شرهتك على اللي ما يعرف يحلل

    ليتك تنزل موضوع عن قدتي التصميم واللي دايم انتقد منه
    الا وهو (الخط)

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

    مبدع انت الموضوع رائع جدا
    موفق حبيبي

    • AyMeN قال:

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

  8. ALi GFX قال:

    تسلم يغالي على هذا الموضوع اللطيف والمفيد جداً
    ويعاافيك ربي معلم رائع جداً ,. ونقااط مهمة

    موفق عزيزي

  9. catch قال:

    سلام
    كانت التحاليل ولا احلى

  10. محمد مراد قال:

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

    • AyMeN قال:

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

  11. fafa.soordila قال:

    واا من جد طريقة حلوة ..
    تفاصيل ممكن ما نلاحظها وتكون مرة مهمة .. :S
    بالذات السايت داك .. طلع مرة ………… loooool

    تسلم استاذ عالمعلومات والطريقة .. وكل التدوينة ..

    اكيد استفدنا منها ^^

    تحيتي

  12. majed قال:

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

  13. ALBOHTRE قال:

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

  14. fathkareem قال:

    كان علي ايامي كنا بنحلل التصاميم اي كنا بنعرف اتعملت ازاي بس كده شئ سبيشيل مرة
    بس انا عندي سؤال محدش يعرف الصور دي وحشة ليه ؟
    http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs068.snc4/34754_1522296745253_1469629587_31354965_4388901_n.jpg

    http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs035.ash2/35115_1513242558904_1469629587_31331206_1052304_n.jpg

    :D

    • AyMeN قال:

      هو هناك فرق بين التحليل والمحاكاة
      فالمحاكاة ان تقوم بمحاولة اعادة رسم او تاثير معين عملياً
      اما التحليل فهو تفسير ;)
      وتلك الصورة اللي ارسلتها غير قابلة للتحليل ههههههههههههه لانة رح يتحلل ويذوب من النار هههههههههههههههههههه
      تحياتي لتواجدك الرائع

  15. الموضوع جد مميز ومفيد للغاية بارك الله فيك
    يعني صراحة المدونة تزداد إفادة كل يوم

  16. hassan قال:

    ما شاء الله بارك الله فيك اخي ايمن على ما تقدمه في هذا الموقع الرائع

  17. محمد الخطيب قال:

    فعلآ انك رااااااااااااااااااااااااااااااقي جدآجدآياأيمن

  18. محمد الخطيب قال:

    انامن الناس الي بحب اكون معك خطوه بي خطوه

  19. عبدالرحمن القاسم قال:

    إنبهااااااااااااااااااار ;)

  20. mona قال:

    رائع جدا و مفيد جدا جدا جدا و الله بجد موقعك ده مرجع دائم ليا
    شكرا ليك جزيت خيراً

  21. AkRaM قال:

    باارك الله فيك اخي على المعلومات الجميلة والجديدة التي ستنفعنا على المدى الطزيل
    تحياتي

  22. dala3 قال:

    تسلم استاذي ع الشرح المنسق المبدع
    ادور مثل هلامواقع من زماااااااااان ولقيت ضالتي اخيرا
    بسيط في الظاهر وعميق في مضمونه

  23. sami قال:

    مازالت الافضل وستضل الافضل والمرجع للكل سامي كلية المجتمع سنة 3

  24. لميس قال:

    مشكور أخ aymen على التحليل الرائع يلي نبعني على بعض أخطاء برتكبا وانا عم صمم.
    موفق دائماً

  25. سامي قال:

    خواتم مباركة بتوفيق يا أاستاذي الفاضل

  26. طلال العسكور قال:

    خواتم مباركة

  27. طلال العسكور قال:

    ان شاء اللة نشوفك في العيد

  28. .
    .
    .

    شكرا لك..~

    طريقه استفد منها..~

  29. جزاك الله كل خير على هذه الدروس المفيدة جدا و الممتعة

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

    لكن العلم و التعلم مفيد جدا

    جزاك الله كل خير و جعل ما تقوم به فى ميزان حسناتك

  1. [...] يمكنك أيضا قراءة المقال الأصلي . . احدى  الطرق الرائعة لتعلم التصميم [...]

اتـرك تعليقاً

جديد الفيديو
الأكثر قراءة
إعلانات