Zarqa Journal for Research and Studies in Humanities Volume 15, No 3, 2015

Graphic Design and its Impact on Websites and

Multimedia
Dr. Majed Kamaleldeen Mohammed Gomaa
Department of Graphic Design- Faculty of Fine Arts - Helwan University, Egypt
Faculty of Arts and Design -Zarqa University, Jordan\currently
magedkamale@hotmail.com

Received 25/9/2014 Accepted 4/8/2015

Abstract:
Graphic Design is one of the most important technical elements used in most modern programming and it
occupies a great position which interests all users of different applications issued every day in the world.
However, it didn’t attract enough attention of research and study of the required amount that commensurate with
its functional significance in the Arab world.
The importance of the research lies in the study and evaluation of the use of Graphic Design for modern
interfaces of software, display and search in its technical connotations that serve the applied interest to
simplification those complex applications on users and browser.
The importance of the Study lies in the idea that Graphic Design built on, for its use and activation in all
aspects of life, the extent of its development and the ability to maintain the technical values. The challenges that
face those artistic works complementary to software.
Graphic Design is a brief image and an alternative for a set of cultural and intellectual values that turn into
optical meaning for many expressive and intensive connotations. The Design with its technical elements and
symbols is a relationship in its technical translation. Consists of a stock guideline for functional processes of
interest to the receiver as a permanent user.

216
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫د‪ .‬ماجد كمال الدين محمد‬
‫قسم تصميم الجرافيك ‪ -‬كلية الفنون الجميلة –جامعة حلوان‪ -‬مصر‬
‫كلية الفنون والتصميم –جامعة الزرقاء – االردن‪/‬حاليا‬
‫‪magedkamale@hotmail.com‬‬
‫تاريخ قبول البحث ‪5102 /8/2‬‬ ‫تاريخ استالم البحث ‪5102/9/52‬‬

‫*نشر هذا البحث بدعم من عمادة البحث العلمي في جامعة الزرقاء‬

‫ملخص‬
‫يعتبر تصميم الجرافيك من أهم العناصر الفنية المستخدمة في غالبية تطبيقات البرمجة الحديثة‪ ،‬كما أنه يحتل مكانة عظيمة تهم كل مستخدمي‬
‫تلك التطبيقات العديدة التي تصدر يوميا في العالم‪ ،‬ومع ذلك لم يستحوذ على االهتمام الكافي من البحث والدراسة بالقدر المفروض والذي يتناسب‬
‫وأهميته الوظيفية بالعالم العربي‪.‬‬
‫تكمن أهمية البحث في دراسة استخدام تصميم الجرافيك لواجهات البرمجيات الحديثة‪ ،‬وتقييمه وعرضه‪ ،‬وبحث دالالته الفنية التي تصب في‬
‫المصلحة التطبيقية؛ لتيسير تلك التطبيقات المعقدة على المستخدم والمتصفح‪.‬‬
‫ومن أهداف البحث دراسة الفكرة التي يقوم عليها تصميم الجرافيك‪ ،‬والقاء الضوء على أهمية استخدامه وتفعيله في شتى مناحي الحياة العملية‪،‬‬
‫ومدى تطويره‪ ،‬ومدى القدرة على الحفاظ على القيم الفنية والتشكيلية‪ ،‬وأيضا التحديات التي تواجه تلك األعمال الفنية المكملة للبرمجيات‪.‬‬
‫تصميم الجرافيك هو صورة مختصرة‪ ،‬وبديل لمجموعة من القيم الثقافية والفكرية‪ ،‬التي تتحول إلى معنى بصري للعديد من الدالالت التعبيرية‬
‫المركزة‪ ،‬والتصميم بما يحويه من عناصر ورموز فنية هو عالقة تحتوي في ترجمتها الفنية على مخزون توجيهي لوظائف عملية تهم المتلقي كمستخدم‬
‫دائم لها‪.‬‬
‫التي تستخدم في الصناعات التكنولوجية‪ ،‬وأيضا لألجهزة اإللكترونية‬ ‫مقدمة‬
‫الدقيقة؛ كالهواتف الخلوية الحديثة والحاسوب اللوحي بجميع أنواعه‬ ‫تصميم الجرافيك هو صورة مختصرة‪ ،‬وبديل لمجموعة من القيم‬
‫وأشكاله‪ ،‬وأيضا األلعاب اإللكترونية‪ ،‬وكذلك الصناعات التي تعتمد‬ ‫الثقافية والفكرية‪ ،‬التي تتحول إلى معنى بصري للعديد من الدالالت‬
‫أنظمة الحواسيب في تطبيقاتها المختلفة‪ ،‬مثل الطابعات وكاميرات‬ ‫التعبيرية المركزة‪ ،‬والتصميم بما يحويه من عناصر ورموز فنية هو‬
‫الديجيتال‪ ،‬وأنظمة اإلضاءة‪ ،‬واإلنذار‪ ،‬وأجهزة تشغيل الصوتيات‪،‬‬ ‫عالقة تحتوي في ترجمتها الفنية على مخزون توجيهي لوظائف عملية‬
‫والدوائر اإللكترونية التأمينية المغلقة‪ ،‬والبوابات وأجهزة التفتيش‬ ‫تهم المتلقي كمستخدم دائم لها‪.‬‬
‫اإللكترونية التي تعمل على أنظمة الحواسيب وأيضا المعدات‬ ‫ويفرض التصميم سيطرة واضحة على المستخدم من خالل‬
‫اإللكترونية الخفيفة والثقيلة وشاشات القيادة بالسيارات والطائرات‪...‬‬ ‫التداول واالنتشار‪ ،‬حيث تتحقق سيادته واستم ارريته عن طريق‬
‫إلخ‪.‬‬ ‫االستعمال المستمر‪ ،‬وعندما نعود بالزمن للوراء‪ ،‬نجد أن الرسومات‬
‫فقد دخل تصميم الجرافيك بما يحتوي من رموز كعنصر تشكيلي‬ ‫من أقدم لغات اإلنسانية‪ ،‬تلك التي وجدت في الكهوف‪ ،‬والتي تمثل‬
‫ضمن العناصر المكونة لجميع تلك التطبيقات السابقة‪ ،‬ليتزاوج الحس‬ ‫أشكاال ذات دالالت سحرية‪ ،‬كما أنه يعتبر من أهم عناصر التصوير‬
‫الفني والتطبيق الوظيفي في منظومة متكاملة ومتجانسة تضفي مزيدا‬ ‫الشعبي المتوارث من ذاكرة التراث‪ ،‬كما أن األلوان كانت هي التابع‬
‫من الجمال والقيمة‪ ،‬وأيضا لكسر الجمود الوظيفي لتلك الصناعات‬ ‫المطيع والمكمل األساسي لشخصية تصميم الجرافيك‪ ،‬والتي أعطت‬
‫المركبة والمعقدة‪.‬‬ ‫الكثير من المعاني والدالالت اإلضافية‪.‬‬
‫وألهمية هذه التصاميم الوظيفية‪ ،‬والتي نستطيع تصنيفها‬
‫مشكلة البحث‪:‬‬
‫لنوعين‪ ،‬هما؛ األول‪ :‬تصميم واجهات التطبيقات من برمجيات ومواقع‬
‫يعتبر تصميم الجرافيك من أهم العناصر الفنية المستخدمة في‬
‫إلكترونية‪ ،‬والثاني‪ :‬تصميم الرموز (األيقونات ‪ ،)Icons‬فقد احتلت‬
‫غالبية تطبيقات البرمجة الحديثة‪ ،‬كما أنه يحتل مكانة عظيمة ومهمة‬
‫هذه التصميمات مكانة عظيمة‪ ،‬وأفُردت لها مساحات كبيرة في‬
‫تهم كل مستخدمي تلك التطبيقات العديدة التي تصدر يوميا في العالم‪،‬‬
‫صناعة البرمجيات الحديثة للدرجة التي ال يمكن االستغناء عنها‬
‫ومع ذلك لم يستحوذ على االهتمام الكافي من البحث والدراسة بالقدر‬
‫مطلقا‪ ،‬فنجدها في جميع تطبيقات البرمجيات الحديثة التي تصنع‬
‫المفروض والذي يتناسب وأهميته الوظيفية بالعالم العربي‪.‬‬
‫خصيصا ألجهزة الحواسيب المنزلية‪ ،‬أو الشخصية (‪ ،)Laptop‬أو‬
‫‪217‬‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫وكثي ن ن اصر من ننا تعتمن نند علن ننى مبتك ن نرات العلن ننم والتكنولوجين ننا‪ ،‬وهن نني تخاطن ننب‬ ‫أهمية البحث‪:‬‬
‫العقل أكثر من العاطفة‪.‬‬ ‫تكمن ننن أهمين ننة البحن ننث فن نني د ارسن ننة اسن ننتخدام تصن ننميم الجرافين ننك‬
‫أوالً‪ :‬تصميم واجهات التطبيقات اإللكترونية والوسائط المتعددة‬ ‫لواجه ن ننات البرمجي ن ننات الحديث ن ننة‪ ،‬وتقييم ن ننه وعرض ن ننه‪ ،‬وبح ن ننث دالالت ن ننه‬
‫وأهميتها‬ ‫الفني ن ن ن ننة الت ن ن ن نني تص ن ن ن ننب ف ن ن ن نني المص ن ن ن ننلحة التطبيقي ن ن ن ننة؛ لتيس ن ن ن ننير تل ن ن ن ننك‬
‫ال بن ن ن ن نند أن يسن ن ن ن نناعد ا لتصن ن ن ن ننميم الفنن ن ن ن نني للتطبين ن ن ن ننق المسن ن ن ن ننتعمل‬ ‫التطبيقات المعقدة على المستخدم والمتصفح‪.‬‬
‫المس ننتخدم ف نني المهم ننة الت نني أت ننى الموق ننع م ننن أجله ننا‪ ،‬ل ننذا ف ننال ب نند م ننن‬
‫أهداف البحث‪:‬‬
‫وجن ننود معن ننايير للتصن ننميم أو الصن ننورة القابلن ننة لالسن ننتخدام‪ ،‬حين ننث يركن ننز‬
‫د ارسن ن ننة الفك ن ن نرة التن ن نني يقن ن ننوم عليهن ن ننا تصن ن ننميم الجرافين ن ننك‪ ،‬والقن ن نناء‬
‫عل ن ننى فعالي ن ننة ال ص ن ننورة ف ن نني المك ن ننان الموض ن ننوعة في ن ننه عل ن ننى ص ن ننفحة‬
‫الض ن ننوء عل ن ننى أهمي ن ننة اس ن ننتخدامه وتفعيل ن ننه ف ن نني ش ن ننتى من ن نناحي الحي ن نناة‬
‫الوي ن ننب أو التطبي ن ننق التقن ن نني للبرمجي ن ننات الحديث ن ننة‪ ،‬فيج ن ننب أن تس ن نناعد‬
‫العملي ن ننة‪ ،‬وم ن نندى تط ن ننويره‪ ،‬وم ن نندى الق ن نندرة عل ن ننى الحف ن نناظ عل ن ننى الق ن ننيم‬
‫الصن ننورة المسن ننتخدم فن نني المهمن ننة التن نني جن نناء التطبين ننق من ننن أجلهن ننا‪ ،‬ال‬
‫الفنين ن ننة والتشن ن ننكيلية‪ ،‬وأيضن ن ننا التحن ن ننديات التن ن نني تواجن ن ننه تلن ن ننك األعمن ن ننال‬
‫أن تنازعن ن ن ننه‪ ،‬ولكن ن ن نني نتحقن ن ن ننق من ن ن ننن أن التصن ن ن ننميم أو الصن ن ن ننورة التن ن ن نني‬
‫الفنية المكملة للبرمجيات‪.‬‬
‫ص ن ننممها الفن ن ننان حقق ن ننت معي ن ننار الفائ ن نندة والفعالي ن ننة ال ب ن نند م ن ننن طن ن ننر‬
‫بعض األسئلة المهمة‪:‬‬ ‫حدود البحث الزمانية والمكانية‪:‬‬
‫هن ن ن ننل التصن ن ن ننميم ي ن ن ن ن ثر علن ن ن ننى ردة فعن ن ن ننل المسن ن ن ننتخدم وسن ن ن ننلوكه‬ ‫تبن ن نندأ الد ارسن ن ننة من ن ننن بداين ن ننة ازدهن ن ننار صن ن ننناعة البرمجين ن ننات فن ن نني‬
‫عنن نندما يتفاعن ننل من ننع التطبين ننقة هن ننل الصن ننورة تلبن نني حاجن ننة المسن ننتخدم‬ ‫أوائن ن ن ننل التسن ن ن ننعينيات من ن ن ننن القن ن ن ننرن الماضن ن ن نني وحتن ن ن ننى ا ن‪ .‬اسن ن ن ننتعان‬
‫وتسن ن نناعده علن ن ننى أداء المهمن ن ننةة (كالش ن ن نراء من ن ننثالص) إن كن ن ننان التصن ن ننميم‬ ‫الباحن ننث بالنمن نناذج الفنين ننة التن نني أنتجتهن ننا شن ننركات صن ننناعة البرمجين ننات‬
‫لموقع تجاري أو خدمي‪.‬‬ ‫العالمين ن ننة والمحلين ن ننة من ن ننن مواقن ن ننع إلكترونين ن ننة وب ن ن نرام خدمين ن ننة وتقنين ن ننة‬
‫فصن ننورة المنن ننت الجين نندة يجن ننب تصن ننميمها بحين ننث تجعن ننل المنن ننت‬ ‫متخصصة‪.‬‬
‫مرغوبن ن ن ننا فين ن ن ننه ومغري ن ن ن ناص للش ن ن ن نراء‪ ،‬الصن ن ن ننورة الجين ن ن نندة هن ن ن نني من ن ن ننا تن ن ن نندفع‬
‫منهج البحث‪:‬‬
‫المس ن ننتخدم مباش ن ن نرة ألن يحن ن ننس بالشن ن ننعور الن ن ننذي خطن ن ننط لن ن ننه مهنن ن نندس‬
‫يعتم ن ن نند البحن ن ن ننث علن ن ن ننى الم ن ن نننه التحليلن ن ن نني الوصن ن ن ننفي لن ن ن ننبعض‬
‫تجربن ننة المسن ننتخدم‪ ،‬ولكن نني نحقن ننق هن ننذا المعين ننار ال بن نند من ننن األخن ننذ فن نني‬
‫النم ن ن ن نناذج الفني ن ن ن ننة للرم ن ن ن ننوز المس ن ن ن ننتخدمة ف ن ن ن نني ص ن ن ن ننناعة البرمجي ن ن ن ننات‬
‫االعتب ن ننار ع ن نندة عوام ن ننل فني ن ننة مهم ن ننة تن ن ن ثر إيجابي ن ننا عل ن ننى المس ن ننتخدم‬
‫الحديثة‪.‬‬
‫للتطبيق‪ ،‬أال وهى‪:‬‬
‫تأثير تصميم الجرافيك في توجيه النظر‪:‬‬ ‫التكنولوجيا الحديثة وعالقتها بالفنون‬
‫ي ن ننرى الباح ن ننث أن التكنولوجي ن ننا الحديث ن ننة ق ن نند أدت إل ن ننى تط ن ننورات‬
‫ه ن ن ننذه النقط ن ن ننة تتن ن ن نناول م ن ن ننا يع ن ن ننرف بالتوجي ن ن ننه البص ن ن ننري فن ن ن نني‬
‫كبي ن نرة فن نني أشن ننكال الرسن ننم والنحن ننت والتصن ننوير وتقنياتهن ننا‪ ،‬وفن نني الفنن ننون‬
‫التطبي ن ننق ‪ ،‬سن ن نواء أك ن ننان موقع ن ننا أو وس ن ننيطا تفاعلي ن ننا لمع ن نندة ميكانيكي ن ننة‬
‫عامن ن ننة‪ ،‬فهنن ن نناك م ن ن نواد وخامن ن ننات جدين ن نندة وبن ن نندائل مصن ن نننعة للوس ن ن ننائط‬
‫أو مركب ن ن ننة أو الن ن ن ننة أو حاس ن ن ننوبا‪ ،‬وخالصن ن ن ننة ه ن ن ننذا المبن ن ن نندأ أن يجبن ن ن ننر‬
‫الثنائية والثالثية األبعاد‪.‬‬
‫الفنن ننان المسن ننتخدم للنظن ننر إلن ننى االتجن نناه الن ننذي ينبغن نني لن ننه أن يبن نندأ بن ننه‬
‫ك ن ن ن ننذلك ظه ن ن ن ننرت الص ن ن ن ننور المختلف ن ن ن ننة والمخلق ن ن ن ننة بالحاس ن ن ن ننوب‪،‬‬
‫أوالص‪ .‬ف ن ن ن كن ننان الموقن ننع اإللكترونن نني يحتن ننوي علن ننى صن ننور لشخصن ننيات‬
‫وأصن ننبح ممكن ن ناص رسن ننم الصن ننور وارسن ننالها وبيعهن ننا وش ن ن ار ها عن ننن طرين ننق‬
‫بالصن ن ن ننورة موضن ن ن ننو‬ ‫واقعين ن ن ننة أو كارتونين ن ن ننة‪ ،‬ينظن ن ن ننر لن ن ن ننه األشن ن ن ننخا‬
‫ش ن ننبكة المعلوم ن ننات الدولي ن ننة‪ .‬لق ن نند تط ن ننورت الفن ن ننون المرتبط ن ننة بالرس ن ننوم‬
‫الحن ن ن نندث‪ ،‬لن ن ن ننذلك يجن ن ن ننب أن يحن ن ن نندد الفنن ن ن ننان الهن ن ن نندف عنن ن ن نند تصن ن ن ننميم‬
‫المتحرك ن ن ننة‪ ،‬وأص ن ن ننبحت أقس ن ن ننام قالكمبي ن ن ننوتر جرافي ن ن ننكق م ن ن ننن األقس ن ن ننام‬
‫التطبين ننق‪ ،‬وأن يكن ننون حريصن ننا عنن نند اختين ننار صن ننورة معن نندة مسن ننبقاص‪ ،‬أو‬
‫األساسن ن ن ننية فن ن ن نني المعاهن ن ن نند واألكاديمين ن ن ننات‪ ،‬كمن ن ن ننا ظهن ن ن ننرت العن ن ن ننروض‬
‫تص ن ننميمها بنفسن ن ننه قبن ن ننل وضن ن ننعها ب ن ننالموقع‪ ،‬وهن ن ننل يجن ن ننب أن يصن ن ننمم‬
‫المقدم ن ن ننة م ن ن ننن خ ن ن ننالل أش ن ن ننعه اللي ن ن ننزر‪ ،‬وك ن ن ننذا األعم ن ن ننال الفني ن ن ننة ف ن ن نني‬
‫شخص ن ننية أو يص ن ننورها تنظ ن ننر لألم ن ننام مباشن ن نرة‪ ،‬أم النظ ن ننر إل ن ننى أح ن نند‬
‫المع ن ننارض الدولي ن ننة والعالمي ن ننة‪ ،‬لق ن نند ح ن نندث التن ن نزاوج ب ن ننين العل ن ننم والف ن ننن‬
‫االتجاه ن ن نناتة ك ن ن ننل واح ن ن نند م ن ن ننن ه ن ن ننذه القن ن ن ن اررات ين ن ن ن ثر عل ن ن ننى س ن ن ننلوك‬
‫بش ن ننكل غي ن ننر مس ن ننبوق ف ن نني الت ن نناريخ‪ ،‬كم ن ننا ظه ن ننرت الفن ن ننون المركب ن ننة‪،‬‬
‫المس ننتخدم‪ ،‬فخ نندمات الوي ننب والمواق ننع تعتم نند عل ننى ه ننذا المب نندأ كثين ن اصر‪،‬‬
‫وأصن ن ن ننبحت قاعن ن ن ننات العن ن ن ننرض والمتن ن ن نناحف تعن ن ن ننرض تلن ن ن ننك األعمن ن ن ننال‬
‫‪،‬‬ ‫‪Eye‬‬ ‫ويسن ننمى أحيان ن ناص بالتواصن ننل البصن ننري بن ننالعين ‪Contact‬‬
‫المركب ن ننة ثالثي ن ننة األبع ن نناد‪ ،‬وي ن ننتم تص ن ننميمها ك ن نني تع ن ننرض عل ن ننى نح ن ننو‬
‫فم ن ننثالص عن ن نندما تنظ ن ننر الشخص ن ننية الكارتوني ن ننة أو الص ن ننورة الفوتوغرافي ن ننة‬
‫م قن ننت‪ ،‬وتنتهن نني بانتهن نناء زمن ننن المعن ننرض وغالب ن ناص ال تبن ننا وال تشن ننترى‪،‬‬
‫بالصن ن ن ننورة إلن ن ن ننى زر الش ن ن ن نراء‪ ،‬فعن ن ن ننين المسن ن ن ننتخدم سن ن ن ننتتلقى‬ ‫لشن ن ن ننخ‬

‫‪218‬‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫تصممممممميم الجرافيممممممك يسمممممماعد المسممممممتخدم علممممممى اكتشمممممماف ميممممممزات‬ ‫الع ن نندوى وستس ن ننير وراءه ن ننم وتنظ ن ننر إل ن ننى م ن ننا ينظ ن ننرون إلي ن ننه أال وه ن ننو‬
‫التطبيق‪:‬‬ ‫قزر الشراءق‪.‬‬
‫من ننن الضن ننروري وضن ننع تصن ننور واضن ننح عن ننن المنن ننت من ننن حين ننث‬ ‫تصميم الجرافيك للتطبيقات المختلفة يرشد المستخدم‪:‬‬
‫األهن ن ننداف الرئيسن ن ننية للتصن ن ننميم‪ ،‬ف ن ن ن ذا كن ن ننان التطبين ن ننق تطبيقن ن ننا علمين ن ننا‬ ‫ي ن ن نندفع التص ن ن ننميم المس ن ن ننتخدم لفع ن ن ننل مع ن ن ننين‪ ،‬والص ن ن ننورة أيض ن ن ننا‬
‫تراثي ن ن ناص وق ن ن ننورا‪ ،‬كأحن ن نند تطبيق ن ن ننات تعلن ن ننم قواع ن ن نند تن ن ننالوة القن ن ن نران م ن ن ننثالص‪،‬‬ ‫المس ن ننتخدمة ه ن نندفها ه ن ننو أن ت ن نندفع المس ن ننتخدم لفع ن ننل مع ن ننين؛ ك ن ننالتبر‬
‫فالتصن ننميم يجن ننب أن يقن نندم المنن ننت علن ننى أنن ننه ت ارثن نني أو منفن ننذ بحرفين ننة‬ ‫لقض ن ننية اجتماعي ن ننة م ن ننثالص‪ ،‬أو التفاع ن ننل م ن ننع حال ن ننة إنس ن ننانية وم ن ننن ث ن ننم‬
‫ش ن ننديدة‪ ،‬ل ن ننذا يج ن ننب أن ُي ارع ن ننى ه ن ننذا عن ن نندما تص ن ننمم ش ن ننكالص للتطبي ن ننق‬ ‫التبن ننر ‪ .‬فن ننالمحتوى وعناصن ننر التصن ننميم تأخن ننذ المسن ننتخدم لهن ننذا الن نندافع‬
‫الن ن ننذي يتعامن ن ننل من ن ننن خاللن ن ننه المسن ن ننتخدم‪ ،‬من ن ننثالص أن تُظهن ن ننر التقني ن ن ننات‬ ‫حقن ن ن ن ناص‪ ،‬ل ن ن ن ننذا يج ن ن ن ننب أن يح ن ن ن نندد المص ن ن ن ننمم ال ن ن ن نندافع وراء التص ن ن ن ننميم أو‬
‫واألزرار الروابطية تراثية عالية وحرفية واضحة للتطبيق‪.‬‬ ‫الصن ن ننورة المسن ن ننتخدمة أوالص قبن ن ننل اختيارهن ن ننا‪ ،‬ومن ن ننن الممكن ن ننن أن يكن ن ننون‬
‫التواصمممم بممممين التطبيممممق والمسممممتخدم مممممن خممممال تصممممميم الجرافيممممك‬ ‫اختين ن ننار التصن ن ننميم والن ن نندافع وراءه هن ن ننو عامن ن ننل زخرفن ن نني نفسن ن نني يعن ن ننود‬
‫(التواص بالعين) ‪: Eye Contact‬‬ ‫على المستخدم بالراحة النفسية عند استخدام التطبيق‪.‬‬
‫أحن ن ن نند أهن ن ن ننم معن ن ن ننايير التصن ن ن ننميم القابلن ن ن ننة لالسن ن ن ننتخدام فن ن ن نني أي‬ ‫تصميم الجرافيك يساعد على تغيير قناعات المستخدم‪:‬‬
‫تطبين ننق إلكترونن نني أو موقن ننع هن ننو التواصن ننل بن ننالعين‪ ،‬ولن ننه تن ننأثير علن ننى‬ ‫تغيي ن ننر قناع ن ننات الن ن نناس‪ :‬ش ن ننيء ل ن ننيس ب ن ننالهين‪ ،‬فأحيانن ن ناص يك ن ننون‬
‫ق اررات المصمم عندما يصمم واجهة أي موقع‪.‬‬ ‫الهن ن نندف من ن ننن التصن ن ننميم واختين ن ننار الصن ن ننورة المناسن ن ننبة أو الرمن ن ننز هن ن ننو‬
‫أكثن ننر المعن ننايير التن نني ت ن ن ثر علن ننى فاعلين ننة التصن ننميم هن ننو مبن نندأ‬ ‫تغيي ننر قناع ننات النن ناس ع ننن ش ننيء م ننا‪ ،‬م ننثالص منتجن ننا ل ننيس ص ننعبا ف نني‬
‫التواصننل بننالعين ‪ Eye Contact‬وهننو يسننتخدم بكث نرة فنني عننالم‬ ‫االسن ن ننتخدام كمن ن ننا يعتقن ن نند النن ن نناس‪ ،‬أو أنن ن ننه لن ن ننيس ثقن ن ننيالص كمن ن ننا يعتقن ن نندون‬
‫التصن ن ن ننوير الفوتن ن ن ننوغرافي وتصن ن ن ننميم شخصن ن ن ننيات الرسن ن ن ننوم المتحركن ن ن ننة‪،‬‬ ‫َخط ن نأص‪ ،‬أو تطبين ننق يشن ننعر المسن ننتخدم أنن ننه لن ننن يفلن ننح فن نني التعامن ننل معن ننه‬
‫وهناك أنوا ثالثة منه‪:‬‬ ‫لتعقي ن نند في ن ننه‪ ،‬فيق ن ننوم المص ن ننمم بب ن ننذل الجه ن نند الك ن ننافي وعم ن ننل تص ن ننميم‬
‫‪ .1‬االتصا المباشر بعين المستخدم ‪:Direct Eye Contact‬‬ ‫مميز وسهل يضع الثقة بين المستخدم والتطبيق‪.‬‬
‫وفن نني هن ننذا النن ننو من ننن التواصن ننل بن ننالعين يرسن ننم المصن ننمم صن ننورة‬ ‫التصمممممميم الجيمممممد يسممممماعد علمممممى التمممممرويج الجيمممممد للمنتجمممممات‬
‫لشخص ن ن ننية كارتوني ن ن ننة تنظ ن ن ننر مباشن ن ن نرة إلين ن ن ننا م ن ن ننن خ ن ن ننالل التطبيق ن ن ننات‬
‫والتطبيقات‪:‬‬
‫التفاعلي ن ننة التعليمي ن ننة لألطف ن ننال‪ ،‬ويس ن ننتخدم ه ن ننذا الن ن ننو م ن ننن التواص ن ننل‬
‫يخلن ننق التصن ننميم الجين نند الرغبن ننة فن نني الش ن نراء وامن ننتالك الس ن ننلعة‪،‬‬
‫إليصن ننال شن ننعور من ننا من ننن خن ننالل تعبي ن نرات بالوجن ننه‪ ،‬كن ننأن تنقن ننل شن ننعو اصر‬
‫فهنن ن نناك صن ن ننور لن ن ننبعض المنتجن ن ننات التن ن نني يسن ن ننتخدمها المصن ن ننمم فن ن نني‬
‫من ن ننثالص بالغضن ن ننب أو الفن ن ننر من ن ننن خن ن ننالل هن ن ننذا النن ن ننو من ن ننن االتصن ن ننال‪،‬‬
‫التطبين ن ن ننق عنن ن ن نندما يشن ن ن نناهدها المسن ن ن ننتخدم ألول م ن ن ن نرة يرغن ن ن ننب فن ن ن نني أن‬
‫وسيص ن ن ننل مباشن ن ن نرة للطف ن ن ننل المس ن ن ننتخدم الش ن ن ننعور ال ن ن ننذي تظه ن ن ننر ب ن ن ننه‬
‫يمتلن ننك ذلن ننك المنن ننت ‪ ،‬ألنن ننه شن ننعر أنن ننه سن ننيحقق جن ننزءاص من ننن أحالمن ننه أو‬
‫الشخص ن ننية المرس ن ننومة‪ ،‬كم ن ننا أن ه ن ننذا الن ن ننو ف ن نني الع ن ننادة يتفاع ن ننل م ن ننع‬
‫طموحاته‪.‬‬
‫الموجن ننود‬ ‫المسن ننتخدم‪ ،‬ويكن ننون المسن ننتخدم علن ننى اتصن ننال من ننا بالشن ننخ‬
‫التصمممممميم يشمممممجة علمممممى زيمممممادة فتمممممرة التواصممممم الجيمممممد ممممممة‬
‫بالصن ننورة‪ ،‬ويحن نناول اكتشن نناف شن ننعور معن ننين عنن نند اإلجابن ننة من ننثال علن ننى‬
‫التطبيق‪:‬‬
‫بع ن ننض األس ن ننئلة التفاعلي ن ننة أو األلغ ن نناز الت ن نني ينتظ ن ننر منه ن ننا التص ن ننويب‬
‫مث ن ننال‪ :‬الش ن ننبكات االجتماعي ن ننة فرض ن ننت نفس ن ننها علين ن ننا جميع ن ننا‪،‬‬
‫بالتطبيق نفسه الشكل(‪.)1‬‬
‫ص ن ننغي اصر وكبين ن ن اصر‪ ،‬وله ن ننا دس ن ننتور ض ن ننمني غي ن ننر مكت ن ننوب لكنن ن ننا جميعن ن ناص‬
‫نعرفن ن ن ننه من ن ن ننن خن ن ن ننالل التواصن ن ن ننل واالسن ن ن ننتخدام الن ن ن نندائم‪ ،‬لن ن ن ننذا نشن ن ن ننارك‬
‫أص ن نندقاءنا بص ن ننور ن اره ن ننا رائع ن ننة‪ ،‬الص ن ننور الت ن نني تجعلن ن ننا نب ن نندو عل ن ننى‬
‫أفضن ن ننل حن ن ننال أمن ن ننام ا خ ن ن نرين‪ ،‬ونقضن ن نني سن ن نناعات ط ن ن نوال فن ن نني تلن ن ننك‬
‫المشن ن نناركات االجتماعين ن ننة‪ ،‬هن ن ننذا هن ن ننو الدسن ن ننتور غين ن ننر المعلن ن ننن للعبن ن ننة‬
‫الشن ن ننبكات االجتماعين ن ننة‪ ،‬إذا كن ن ننان منتجن ن ننك يهن ن نندف إلن ن ننى تحقين ن ننق هن ن ننذا‬
‫المبن ن ن نندأ ويسن ن ن ننتهدف هن ن ن ننذا الجمهن ن ن ننور يجن ن ن ننب أن يتأكن ن ن نند المصن ن ن ننمم أن‬
‫التصن ن ننميم الن ن ننذي ابتك ن ن نره يشن ن ننجع المسن ن ننتخدمين علن ن ننى مشن ن نناركته من ن ننع‬
‫أصدقائهم‪ ،‬ويظهر التطبيق في أبهى حلة‪.‬‬

‫شكل(‪ )1‬لعبة إلكترونية تفاعلية لألطفال ‪Ocean Adventures‬‬

‫‪219‬‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫إذا ما قررت أن تعتمد على االتصال بالعين في الصورة التي‬ ‫بالعين بين عناصر الصورة ‪: Eye Contact‬‬ ‫‪ .2‬االتصا‬
‫على تحديد أي نو من االتصال تريد أن‬ ‫تضعها بالموقع‪ ،‬احر‬ ‫‪Between Subjects‬‬
‫تمثله الصورة‪ ،‬فكل منها له استخدامه وأثره على قرار المستخدم‬ ‫عل ن نى عكن ننس االتصن ننال المباشن ننر‪ ،‬هن ننذا النن ننو تكن ننون العناصن ننر‬
‫وسلوكه‪.‬‬ ‫الموج ن ننودة ف ن نني الص ن ننورة تنظ ن ننر لبعض ن ننها (ص ن ننور تفاع ن ننل لشخص ن ننيات‬
‫كارتوني ن ننة مع ن ننا م ن ننثالص)‪ ،‬وف ن نني ه ن ننذه الحال ن ننة المش ن نناهد خ ن ننارج المعادل ن ننة‪،‬‬
‫أهمية اختيار األلوان في تصميم التطبيقات المختلفة‬
‫بالص ن ننورة‪ ،‬وه ن ننو‬ ‫ول ن ننم يع ن نند ف ن نني تواص ن ننل م ن ننع العناص ن ننر واألش ن ننخا‬
‫يختار المصمم اللون تبعا للفئة العمرية والثقافية المستهدفة‪،‬‬
‫يكتف ن ن نني ب ن ن نندور المش ن ن نناهد فق ن ن ننط‪ ،‬ألن العناص ن ن ننر الموج ن ن ننودة بالص ن ن ننورة‬
‫وكذا نوعية التطبيق‪ ،‬فاختيار األلوان بالنسبة لتطبيقات األطفال يختلف‬
‫بالفع ن ننل عل ن ننى تواص ن ننل م ن ننع بعض ن ننها م ن ننن خ ن ننالل الع ن ننين‪ ،‬ه ن ننذا الن ن ننو‬
‫عنها للكبار‪ ،‬وتطبيقات الكبار تختلف تبعا لنوعياتها‪ ،‬فقد اختار‬
‫يس ن ن ننتخدم لتوض ن ن ننيح عالق ن ن ننات التف ن ن نناهم أو الغض ن ن ننب أو الترق ن ن ننب ب ن ن ننين‬
‫المصمم للمواقع الدينية ما يناسبها من ألوان‪ ،‬كما في الشكل(‪،)4‬‬
‫عناص ن ن ن ن ن ننر أو شخص ن ن ن ن ن ننيتين بالتص ن ن ن ن ن ننميم الش ن ن ن ن ن ننكل(‪ ،)2‬ال يقتص ن ن ن ن ن ننر‬
‫واختار ألوانا أخرى للتطبيقات الخدمية التي تحتاج لإلبهار اللوني‪،‬‬
‫االتصن ن ننال علن ن ننى أن يكن ن ننون بن ن ننين شخصن ن ننين ولكن ن ننن من ن ننن الممكن ن ننن أن‬
‫والنسائية تفضل األلوان الناعمة الحالمة‪ ،‬وألوان تطبيقات رجال‬
‫ومنن ننت تجن نناري من ننثالص يظهن ننر لن ننه الحن ننب والتعلن ننق‬ ‫يكن ننون بن ننين شن ننخ‬
‫األعمال والشركات والم سسات أخذت من المصمم منحى اخر‪ ،‬كما‬
‫واالمتنان‪.‬‬
‫في الشكل (‪.)5‬‬

‫شكل (‪ )2‬نموذج لتطبيق لألطفال‪ ،‬لتفاعل شخصيتين معا‪ ،‬االتصال بالعين بين‬
‫عناصر الصورة‬
‫‪ .3‬ال اتصا بالعين ‪: No Eye Contact‬‬
‫بالصورة ال ينظر إلى المستخدم‪ ،‬ولكن ينظر‬ ‫في هذه الحالة الشخ‬
‫إلى إطارات الصورة‪ ،‬وفي هذه الحالة المشاهد يكون في “وضع‬
‫المراقب”‪ ، Observation Mode‬وهنا يأتي دور المصمم ألن‬
‫بالصورة سينظر له‬ ‫االتجاه الذي ينظر إليه العنصر أو الشخ‬
‫المستخدم‪ ،‬مثالص في الشكل(‪ :)3‬الصبي ينظر لدوالب العربة المحطم‪،‬‬
‫فالمستخدم بدون وعي سيتبع اتجاه نظر الصبي‪ ،‬دور المصمم أن‬
‫يختار الصور التي تنظر لالتجاه الذي يرغب أن يوجه المستخدم له‪،‬‬
‫ال العكس‪ ،‬الصور التي ال تستخدم االتصال بالعين تصل شعو اصر‬
‫بالمجهول‪ ،‬ال أحد يعلم ما الذي ينظر إليه الصبي‪ ،‬وهنا يتساءل‬
‫المشاهد عن السبب الذي يجعل الصبي ينظر للدوالب المحطمة‬

‫شك (‪ )4‬تصميم موقع ملتقى السلف بمصر للباحث ‪2002‬‬

‫أما التطبيقات أو المواقع الشخصية والتشكيلية فتحتاج ألن تعبر‬
‫عن هوية صاحبها وميوله‪ ،‬أو المدرسة الفنية التي ينتمي إليها‪ ،‬وكذا‬
‫إظهار شخصيته بالتصميم قدر المستطا ‪ ،‬واعطاء أجواء فنية مناسبة‬
‫بالتطبيق مع أخذ رأي صاحبه في الحسبان‪ ،‬مثال ذلك الشكل(‪ )6‬وهو‬
‫الصفحة األولى للموقع الشخصي للباحث‪ ،‬وقد قام بتصميمه ُليظهر به‬
‫شكل (‪ )3‬تطبيق لألطفال‪ ،‬الشخصية تنظر إلى ما أراده المصمم ليلفت به انتباه‬
‫هويته الشخصية وأسلوبه الفني‪.‬‬
‫المستخدم‬

‫‪220‬‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫ثانيا‪ :‬تصميم األيقونة (‪ )Icons‬واستخدامها في التطبيقات‬

‫المختلفة‬
‫األيقونننة عبننارة عننن رمننز فننني معبننر عننن موضننو أو عن نوان أو‬
‫اربننط لصننفحة إلكترونيننة أو لتطبيننق معننين فنني أحنند الوسننائط المتعننددة‬
‫المسننتخدمة‪ ،‬س نواء أكننان تطبيقننا مننن خننالل شننبكة المعلومننات الدوليننة‪،‬‬
‫كشبكات التواصل والبريد‪ ،‬أو من خالل األسنطوانات المدمجنة‪ ،‬كبنرام‬
‫األعمن ننال المسن ننتخدمة فن نني الشن ننركات والمشن ننافي والم سسن ننات السن ننيادية‬
‫والسياسن ننية والحكومين ننة‪ ،‬أو تسن ننتخدم فن نني الب ن نرام التعليمين ننة أو العلمين ننة‬
‫شكل (‪ )4‬تصميم موقع لشركة هورايزونزسوفتوير بمصر للباحث ‪2002‬‬
‫وألعاب األطفال‪ ،‬أو تطبيقات المسابقات؛ األشكال (‪.)2،2،10،11‬‬

‫شكل (‪ )2‬تصميم لبعض األيقونات لتطبيق برنام تطوير‪ ،‬أمانة جدة بالسعودية‪،‬‬
‫تصميم الباحث عام ‪2006‬‬
‫شكل (‪ )5‬تصميم ألحد تطبيقات برام تطوير أداء الشركات األعمال والم سسات‪،‬‬
‫تصميم الباحث عام ‪2002‬‬

‫شكل (‪ )2‬تصميم لبعض األيقونات لتطبيق برمجي لتطوير األمانة العامة لحكومة‬
‫قطر‪ ،‬تصميم الباحث عام ‪2002‬‬ ‫شكل (‪ ) 6‬تصميم الموقع الشخصي للباحث لعرض أعماله الفنية ‪ ،‬تصميم الباحث‬
‫األيقونة ‪( icons‬األيقونولوجيا) من أهم عناصر التصميم‬ ‫عام ‪2002‬‬

‫الفني لتطبيقات الوسائط والبرمجيات (الرمز)‪:‬‬

‫ذكرت الناقدة د‪ .‬ماري تريز عبد المسيح في كتابها قالتمثيل‬
‫الثقافي بين المرئي والمكتوبق‪ :‬هو علم يتعلق ببالغة الصورة بمعنيين‬
‫اثنين؛ أوال‪ :‬أنها دراسة بما يمكن قوله حول الصور‪ ،‬أي ذلك التراث‬
‫الكبير الذي يتعلق بالكتابة حول الفن‪ ،‬ومن ثم فهو معني بالوصف‬
‫والتفسير للفنون البصرية‪ .‬ثانياص‪ :‬أنها دراسة تدور حول ما تقوله‬
‫الصور‪ ،‬أي الطريقة التي تبدو الصور من خاللها وكأنها تتحدث عن‬
‫والوصف‪...‬إلخ‪.‬‬ ‫نفسها من خالل اإلقنا وحكي القص‬
‫شكل (‪ ) 2‬تصميم لتطبيق إلكتروني عبر اإلنترنت لتطوير الم سسات‪ ،‬تصميم الباحث‬
‫عام ‪2002‬‬
‫‪221‬‬

‫أما باقي المدخالت واالنطباعات فتتوز على الحواس األربع‬
‫األخرى‪ ،‬وبنسب متفاوتة‪ ،‬ويأتي السمع في مقدمتها‪.‬‬
‫ال تكون الصور البصرية التي تدخل عبر حاسة اإلبصار إلى‬
‫عقل اإلنسان دائماص صو اصر عادية أو مألوفة‪ ،‬حيث تحدث أحياناص‬
‫عمليات خدا إدراكي‪ ،‬وصعوبات في تحديد طبيعة األشكال المدركة‬
‫على نحو دقيق‪ ،‬كما يحدث أحيانا بعض حاالت االختالل في طريقة‬
‫عمل المخ ذاته‪ ،‬وتنعكس هذه االختالالت على الطريقة التي يدرك‬
‫اإلنسان بها البيئة المحيطة به بصرياص‪.‬‬
‫التفكير البصري من خال الرمز‬
‫التفكير البصري هو محاولة لفهم العالم من خالل لغة الشكل‬
‫البصريق‬ ‫قالتفكير‬ ‫كتابه‬ ‫في‬ ‫ارنهايم‬ ‫ذكر‬ ‫كما‬
‫(‪ ،visual thinking)1262‬وقد ميز ارنهايم في كتابه هذا بين‬
‫نوعين من المعرفة هما‪:‬‬
‫المعرفة الحدسية ‪ ،Intuitive Cognition‬والمعرفة الذهنية أو‬
‫العقلية ‪.Intellectual Cognition‬‬
‫المعرفة الحدسية ‪:Intuitive Cognition‬‬
‫تحدث المعرفة الحدسية في رأيه في مجال اإلدراك البصري‪،‬‬
‫إدراك صورة أو رمز مبسط ب دراكه لمكونات تلك‬ ‫فيحاول الشخ‬
‫الصورة أو الرمز؛ من أشكال وألوان وعالقات مختلفة‪ ،‬وتمارس هذه‬
‫المكونات تأثيراتها اإلدراكية بطريقة تجعل المتلقي يستقبل الشكل أو‬
‫الصورة الكلية باعتبارها نتيجة للتفاعل بين مكونات الصورة‪ ،‬فيحدث‬
‫هذا بطريقة كلية داخل عقل المتلقي ويحدث هذا تحت أدنى مستوى‬
‫الشعور‪ ،‬والنات النهائي لهذا التفاعل يصبح مشعو ار به أو مدركا‪.‬‬
‫المعرفة الذهنية أو العقلية ‪:Intellectual Cognition‬‬
‫الصورة الكلية أو العمل‬ ‫ففي هذه المعرفة؛ بدال من امتصا‬
‫اإلبداعي يقوم بتحديد المكونات والعالقات المختلفة التي يتكون منها‬
‫العمل‪ ،‬إنه يصف كل شكل ولون‪ ،‬ويعد بعض القوائم الخاصة بهذه‬
‫العالقات الموجودة بين هذه العناصر‬ ‫العناصر‪ ،‬ثم يتقدم بفح‬
‫أو التركيب بين هذه‬ ‫الفردية‪ ،‬ثم يحاول بعد ذلك أن يقوم بالدم‬
‫العناصر‪.‬‬
‫أهمية الرمز للمتلقي في تطبيقات التكنولوجيا الحديثة‬
‫هناك تفسيرات عدة ألهمية الرمز بالنسبة لمخيلة اإلنسان‪،‬‬
‫ومنها ما قدمه عالم النفس قاالن بايفيوق بجامعة تورنتو بكندا‪ ،‬ما‬
‫‪Dual coding‬‬ ‫يسمى بنظرية الترميز الثنائي أو (المزدوج)‬
‫للمعلومات‪ ،‬وأشار من خالل هذه النظرية إلى أن المعلومات يجري‬
‫تمثلها في الذاكرة من خالل نسقين أو نظامين منفصلين لكنهما‬
‫مترابطان تماما‪ ،‬وهما‪ :‬نظام التفكير بالصور العقلية‪ ،‬والنظام اللفظي‪،‬‬
‫وتقول هذه النظرية كذلك أن نظام الصور يتعلق بالموضوعات‬
‫‪222‬‬
‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬
‫ويستخدم مصطلح األيكونولوجيا للربط بين الصورة وبين تراث‬
‫نظري وتاريخي طويل من التأمل حول نظريات التفكير بالصور‪ ،‬تاريخ‬
‫يمتد منذ عصر النهضة‪.‬‬
‫إن التفكير بالصور هو نو من اإلبدا الذي يربط بين نظريات‬
‫الفن التشكيلي واللغة والعقل مع المفاهيم والتصورات الخاصة بالقيم‬
‫االجتماعية والثقافية والسياسية‪ .‬علم األيقونات هو أشبه بعلم نفس‬
‫اجتماعي للصور أو الرموز‪ ،‬فهو دراسة للخوف من الصور والعشق‬
‫للصور أيضاص‪ ،‬فالرموز أو الصور تشتمل على مفاهيم وأفكار ومكونات‬
‫عدة‪ ،‬منها على سبيل المثال‪ :‬الصور واللوحات والتماثيل والخداعات‬
‫اإلدراكية‪ ،‬والخرائط والرسوم التوضيحية واألحالم والهالوس والمشاهد‬
‫‪.‬‬
‫والصور المنعكسة‬
‫والصورة‪،‬‬
‫شكل (‪ ) 10‬تصميم ألحد تطبيقات الوسائط المتعددة لتعليم اللغة العربية لغير الناطقين‬
‫بها‪ ،‬تصميم الباحث عام ‪2010‬‬
‫شكل (‪ )11‬تصميم ألحد تطبيقات برام تطوير هيئة البريد المصري يظهر فيه‬
‫استخدام الرموز المعبرة عن المعاني المختلفة‪ .‬من اليمين‪ :‬رمز طلب المساعدة على‬
‫شكل عالمة استفهام‪ ،‬ثم رمز للمعلومات على شكل كتاب‪ ،‬ورمز شجرة المهام على‬
‫شكل مربعات المراحل؛ وهو رمز يعلمه المبرمجون‪ .‬ثم إلى اليسار( ‪-E-A‬الطائر)‬
‫وهي تدل على استخدام اللغة اإلنجليزية‪ ،‬واللغة العربية‪ ،‬والطائر الستخراج معلومات‬
‫عن هيئة البريد‪ .‬تصميم الباحث عام ‪2006‬‬
‫تأثير الرمز على مخيلة اإلنسان‪:‬‬
‫حاول العالم النفسي جلين ويلسون‪ ،‬م لف كتاب قسيكولوجية‬
‫فنون ا دابق أن يلقي الضوء على عدد من النشاطات والعمليات‬
‫السيكولوجية واالجتماعية موضحا ذلك ببعض التفسيرات‪:‬‬
‫يحتاج اإلنسان إلى المثيرات الحسية على نحو دائم؛ فالمخ ال‬
‫يعمل بدونها‪ ،‬وأكثر المدركات تأثي اصر في نشاط المخ البشري هي‬
‫المدركات البصرية‪ ،‬فنحو ‪- %20‬وربما أكثر‪ -‬من المدخالت‬
‫واالنطباعات الحسية التي يستخدمها في الحصول على معلومات عن‬
‫‪.‬‬
‫البيئة هي مدخالت وانطباعات بصرية‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫على جدران الكهوف لكي يسهل على‬ ‫الحيوانات المصابة بالرما‬ ‫والوقائع (المحسوسة والملموسة) المكانية أو المتصورة‪ ،‬أما النظام‬
‫الصياد اقتناصها واالنتصار عليها‪ .‬ولعل ما يعضد هذه النظرية لدى‬ ‫اللغوي فيتعلق بالتعامل مع الوحدات والبنى اللغوية‪.‬‬
‫كثير من الباحثين هو وجود هذه الرسوم الرمزية في داخل أعماق‬ ‫وعندما يزداد تمثل المعلومة المدخلة إلى الذاكرة لهذين النظامين‬
‫الكهوف‪ ،‬وغالبا ما كانت الكهوف تستعمل إلقامة طقوس وشعائر‬ ‫بالصور واللغوي) يزداد وجودهما داخل العقل بطريقة‬ ‫(الخا‬
‫سحرية وليست للسكنى فقط‪ .‬أما في عصر ما قبل األسرات الحاكمة‬ ‫مناسبة‪ ،‬مثال لذلك‪:‬‬
‫في مصر القديمة‪ ،‬فقد كانت الرموز التعبيرية تأخذ شكال زخرفيا أو‬ ‫نالحظ أن كلمات مثل قتفاحةق‪ ،‬قسهمق‪ ،‬قجبلق؛ من ناحية‪ ،‬ثم‬
‫هندسيا مبسطا يغلب عليه الطابع السحري‪.‬‬ ‫كلمات مثل قطاعةق‪ ،‬قشجاعةق‪ ،‬قسعادةق؛ من ناحية أخرى‪ ،‬كلها‬
‫كلمات مألوفة‪ ،‬لكن المجموعة األولى من هذه الكلمات تتكون من‬
‫الرمز ميراث الحضارات والشعوب‪:‬‬
‫كلمات محسوسة وملموسة‪ ،‬وقادرة على إثارة صور حيوية داخلية‬
‫يعتبر الرمز من أهم عناصر التراث والتصوير الشعبي‪ ،‬وقد‬
‫خاصة بالشيء الذي تشير إليه‪ ،‬أما المجموعة الثانية من الكلمات‬
‫يكون السبب وراء ذلك أن المجتمع الشعبي هو الذي يحدد قيمة الرمز‬
‫فهي أقل من قدرتها على إثارة هذه الصور من المجموعة األولى‪.‬‬
‫ويضفي على األشياء المادية معنى معينا متوارثا من مخزون ذاكرة‬
‫وتشير الدراسات التي قامت على فروض هذه النظرية إلى‬
‫التراث‪ ،‬فيصبح ذلك الشيء رمز المعنى أو مفهوما‪ .‬فالرمز هو‬
‫الكلمات (العيانية) التي تستثير الصورة العقلية الداخلية‪ ،‬وتكون أسهل‬
‫العالمة الحقيقية أو العنصر الحقيقي الذي يتم من خالله معرفة الكثير‬
‫في تعلمها من الكلمات التي ال تفعل ذلك‪.‬‬
‫من تاريخ أو تراث شعباص ما‪ ،‬ومن الرموز التي اتخذتها الجماعة‬
‫واستنادا على ما ذكر عن أهمية الرمز بالنسبة لمخيلة اإلنسان‪،‬‬
‫الشعبية‪( :‬النخيل‪ ،‬األسد‪ ،‬السيف‪ ،‬الثعبان‪ ،‬النباتات‪ ،‬الزهور‪...‬إلخ)‪.‬‬
‫يرى الباحث أنه من الضروري تحويل معظم معاني تطبيقات‬
‫المعاني الكامنة بالرمز‪:‬‬ ‫التكنولوجيا الحديثة من كتابات حرفية جامدة إلى صور ملموسة‪،‬‬
‫يتمتع الرمز في تعبيره بخاصية المرونة‪ ،‬فنجد رمو اصز شعبية أو‬ ‫تسهل على المستخدم عملية التعرف عليها بسهوله ويسر‪ ،‬وتوفر عليه‬
‫غير شعبية قد ال تتغير وظيفتها وشكلها على مدى العصور‪ ،‬وكذالك‬ ‫الوقت‪.‬‬
‫نجد من الرموز ما يتحول بحكم استعماالته الجديدة إلى أشكال مغايرة‬ ‫مثال لبعض التطبيقات التي تحمل المعاني ا تية‪ :‬قترجمةق‪،‬‬
‫لألصل ولكن مع االحتفاظ بالداللة الرمزية‪ ،‬بينما توجد بعض الرموز‬ ‫قمالحظاتق‪ ،‬قمعرفة الطقسق‪ ،‬التي توجد بكثرة في تطبيقات أجهزة‬
‫التي تعبر عن وظيفتها أيضاص‪ .‬وناد اصر ما نرى عمالص تشكيلياص أو صناعةص‬ ‫الخلويات‪ ،‬فعندما تترجم هذه االستخدامات على شكل رموز مبسطة‬
‫شعبية إال والرمز يمثل دو اصر مهماص بها‪ ،‬فالرمز هو الوحدة الفنية التي‬ ‫ملموسة مثل رمز قلكتابق يعبر عن تطبيق قالترجمةق‪ ،‬ورمز قورقة‬
‫يختارها الفنان من محيطه لكي يزين بها إنتاجه الفني مكسبه طابع صا‬ ‫كتابة منثنية من الطرفق تعبر عن تطبيق المالحظات‪ ،‬ورمز‬
‫خاصاص‪ ،‬بشرط أن يكون الرمز محمالص بقيم المجتمع الثقافية‪.‬‬ ‫قالسحابةق والتي تعبر عن تطبيق الطقس‪...‬إلخ‪ .‬مما تسهل على‬

‫أهم األشكا الرمزية ومعانيها في التراث الشعبي العالمي قديما‬ ‫المستخدم عملية استيعاب هذه التطبيقات وغيرها‪ ،‬سواء كان المستخدم‬
‫بالغاص أو طفال‪.‬‬
‫وحديثاً‪:‬‬
‫النخي ‪:‬‬ ‫البدايات األولى للرمز‬
‫رمز الخصب ‪ ،‬يدل على اإلنتاج والوفرة‪ ،‬كما كانت قديماص من‬ ‫الرمز في اإلبداع الشعبي والتراث العالمي‪:‬‬
‫األشجار المقدسة‪ ،‬واستخدمت رموز النخيل واألشجار في العصر‬ ‫يعرف الرمز بأنه عالمة اصطناعية مختزلة اختزاال مكثفا‪ ،‬وهو‬
‫الحديث في استخدامات عديدة؛ كشعار للمزار والقرى السياحية‬ ‫تحميل مجموعة من القيم والمعتقدات الثقافية والفكرية السائدة‪ ،‬التي‬
‫وشركات اإلنتاج الزراعي‪ ،‬وفي بعض ألعاب الفيديو لألطفال‪.‬‬ ‫تتحول إلى تمثيل بصري لمجموعة من الدالالت لمستعمليها‪ .‬والرمز‬
‫هو عالمة تتضمن في مظهرها مضمون التمثيل الذي تظهره‪ .‬ي سس‬
‫الرمز سلطته على المتلقين من خالل التداول‪ ،‬ويحقق استم ارريته عن‬
‫طريق االستعمال الدائم في نشاط الجماعة التعبيري وتواصلها الدائم‪.‬‬
‫لعل من أقدم الرموز اإلنسانية التي تم العثور عليها تلك الرمز‬
‫الخاصة باإلنسان األول الذي عاش في الكهوف‪ .‬قد وجد العلماء‬
‫رسومات وخطوطا تمثل أشكاال ذات دالالت سحرية‪ ،‬والتي ربما كانت‬
‫شكل (‪ )12‬رمز النخلة واستخدامه في بعض التطبيقات‬
‫ترسم لغرض سحري‪ ،‬وبناء على هذا صور اإلنسان القديم رسوم‬
‫‪223‬‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫الكف والعين‪:‬‬ ‫األسد‪:‬‬

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

‫شكل (‪ )16‬رمزي العين والكف في بعض التطبيقات الحديثة‬
‫السمكة‪:‬‬
‫رم ننز التك نناثر‪ ،‬ورم ننز المس ننيحية؛ وتعن نني فيه ننا ب ننالخير والع ننيش‬
‫والرغد‪ ،‬وهى رمز للتجدد والبعث في المعتقدات‪ ،‬واتخذت في حضارات‬
‫كثيرة قديمة مثل العصر المصري القديم‪ ،‬واستخدم حديثاص في العديد من‬
‫التطبيقننات الخاصننة بالخنندمات الغذائيننة والصننحية‪ ،‬ومننن خننالل شننبكة‬
‫التواصل االجتماعي‪.‬‬
‫شكل (‪ )13‬رمز األسد واستخدامه في بعض التطبيقات الحديثة‬
‫األفعى‪:‬‬
‫رمز الشر والشيطان أحيانا والعداوة‪ ،‬والكراهية‪ ،‬والجن‪،‬‬
‫والدهاء‪ ،‬والمكر‪ .‬كما استخدم حديثاص للتعبير عن العقاقير والكيمياء‪،‬‬
‫والقوة‪ ،‬واستخدمت في العديد من البرمجيات الحديثة‪.‬‬

‫شكل (‪ )14‬رمز األفعى واستخدامه في بعض التطبيقات الحديثة واأللعاب‬

‫السيف‪:‬‬
‫شكل (‪ )12‬رمز السمكة واستخدامه في بعض التطبيقات الحديثة‬
‫رمز البطولة‪ ،‬فكان ال يرسم إال في يد األبطال‪ ،‬والفرسان‪،‬‬
‫العصفور‪:‬‬
‫والرهبان‪ ،‬والنبالء‪ ،‬ومن أكثر الشعوب حفاوة بالسيف هم العرب‬
‫عد في الرسوم الشعبية رم اصز عن الفأل الحسن‪ ،‬واستخدم في‬ ‫ُي ّ‬
‫والصينيون‪ ،‬كما أطلق عليه العرب أكثر من ثالثمائة اسم‪ ،‬كما حافظوا‬
‫العديد من األساطير والحكايات الشعبية‪ ،‬كما استخدم كثي اصر في الحياة‬
‫عليه وتوارثوه ودفنوه أحياناص مع األبطال‪ ،‬كما يرمز في العصور‬
‫المدينة الحديثة‪ ،‬وفي العديد من التطبيقات التكنولوجية المتطورة على‬
‫الحديثة إلى السطوة‪ ،‬والملك والمنعة‪ ،‬والقوة‪ ،‬والحدة‪ ،‬والحسم‪ .‬وفي‬
‫شبكة التواصل االجتماعي‪ ،‬مثل موقع تويتر‪ ،‬وفي بعض ألعاب‬
‫العصر الحديث تستخدم وحدة السيف بكثرة في التعبير عن العدل‬
‫األطفال‪ ،‬وعلى األجهزة الخلوية‪ ،‬والكمبيوتر وألعاب البالي ستيشن‪،‬‬
‫والحماية ووضو الر ية‪.‬‬
‫والكثير من تطبيقات اإلنترنت‪.‬‬

‫شكل (‪ )12‬رمز العصفور واستخدامه في بعض التطبيقات الحديثة‬

‫شكل (‪ )15‬رمز السيف واستخدامه في بعض التطبيقات الحديثة‬

‫‪224‬‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫الغراب والبومة‪:‬‬ ‫الحمامة‪:‬‬

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

‫شكل (‪ )22‬رمزي الغراب والبومة واستخدامهما في بعض التطبيقات‪ ،‬وألعاب األطفال‬ ‫شكل (‪ )12‬رمز الحمامة واستخدامه في بعض التطبيقات الحديثة‬

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

‫شكل (‪ )23‬رمز الزهور واستخدامه في بعض التطبيقات الحديثة‬

‫التفاحة‪:‬‬
‫رمز األنوثة واإلغراء‪ ،‬وهي مستوحاة من قصة أدم و حواء‪.‬‬
‫شكل (‪ )20‬رمز الطاووس واستخدامه في بعض التطبيقات الحديثة‬
‫واستخدمت في العصر الحديث كشعار لكبرى الشركات إنتاج‬
‫الهال والنجمة‪:‬‬
‫الحواسيب (ابل ماكنتوش)‪ ،‬والعديد من التطبيقات اإللكترونية على‬
‫رموز عربية واسالمية‪ ،‬يدالن على التفا ل‪ ،‬فالمسلمون‬
‫بعض أجهزة التليفونات الجوالة واألجهزة اللوحية‪.‬‬
‫يتفاءلون بهالل أول الشهر‪ ،‬ويحددون أوقات أعيادهم على أساس‬
‫هالل القمر‪ ،‬كما أن التقويم الهجري مقسم على أساس السنة القمرية‪.‬‬
‫استخدم الفنان هذين الرمزين في الرايات الرسمية لبعض الدول‬
‫اإلسالمية والعربية‪ ،‬مثل العلم الوطني في تونس‪ ،‬والجزائر‪ ،‬وموريتانيا‪،‬‬
‫شكل (‪ )24‬رمز التفاحة واستخدامه في بعض التطبيقات الحديثة‬
‫كما أن النجمة موجودة في كثير من أعالم الدول الغربية‪.‬‬
‫النبات األخضر‪:‬‬
‫وفي العصر الحديث استخدم الهالل في العديد من التطبيقات‬
‫رمز الرزق واالزدهار والنماء والخير‪ ،‬ويستخدم كثي اصر في‬
‫اإللكترونية الخاصة بالتمريض والمستشفيات واألطباء‪ ،‬واستخدم‬
‫العصر الحديث في العديد من التطبيقات على المواقع اإللكترونية‬
‫الهالل والنجمة في بعض التطبيقات اإللكترونية الخاصة بأجهزة‬
‫لشركات إنتاج األعشاب الطبية والمستحضرات‪ ،‬وكذا الحواسيب‬
‫الخلويات والكاميرات الرقمية واألجهزة اللوحية والتلفزيونات‪.‬‬
‫وأجهزة الهاتف الجوال‪.‬‬

‫شكل (‪ )25‬رمز النبات األخضر واستخدامه في بعض التطبيقات الحديثة‬

‫شكل (‪ )21‬رمز الهالل والنجمة واستخدامه في بعض التطبيقات الحديثة‬

‫‪225‬‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

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

‫شكل (‪ )30‬رمز القطة واستخدامه في بعض التطبيقات الحديثة واأللعاب‬

‫شكل (‪ )26‬رمز القلب واستخدامه في بعض التطبيقات الحديثة‬

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

‫أهمية التصميم وانتشاره عالميا‪:‬‬

‫شكل (‪ )22‬رمز العقرب واستخدامه في بعض التطبيقات الحديثة‪ ،‬واأللعاب‬
‫أصبح التصميم الفني لتطبيقات الوسائط والبرمجيات الحديثة‬
‫سلعة مهمة توضع في خطط الشركات المنتجة‪ ،‬وجزءاص من منظومة‬ ‫الحرباء‬
‫السلع واالتصاالت‪ ،‬حيث يمكن التقاط األساليب المدركة والمنقولة‬ ‫ترمز للتلون والتقلب‪ ،‬واستخدمت في تطبيقات عدة في العصر‬

‫(عولميا) في أي مكان‪ ،‬وفي اللحظة نفسها‪ ،‬كما أنه يمكن أن تتحرك‬ ‫الحديث‪ ،‬ترمز لجودة األلوان‪ ،‬ولم سسات إنتاج الدهانات والنظارات‬

‫بحرية أيضا من قارة إلى أخرى شكل (‪.)31‬‬ ‫واألقمشة‪.‬‬

‫شكل (‪ ) 22‬رمز الحرباء واستخدامه في بعض التطبيقات الحديثة وألعاب الفيديو‬

‫السلحفاة‪:‬‬
‫ترمز للكسل والبطء‪ ،‬واستخدمت في العصر الحديث في‬
‫تطبيقات إلكترونية عديدة وألعاب األطفال‪.‬‬

‫شكل (‪ )31‬بعض التطبيقات الرمزية على أجهزة الخلويات‬ ‫شكل (‪ ) 22‬رمز السلحفاة واستخدامه في بعض التطبيقات الحديثة وألعاب الفيديو‬

‫‪226‬‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫الصورة والرمز المعبر عن كل شيء من حولنا‪ ،‬وأصبح الفنان أسي صار‬ ‫لقد أصبح الفنان ا ن واعيا على نحو ما بالطفرات الثورينة التني‬
‫لما بعد الحداثة للتكنولوجيا وخدمتها‪ ،‬ولم يعد الفنان يستطيع أن يزعم‬ ‫حدثت في الوعي بسبب الثورة في مجال التصميم بما يحويه من صور‬
‫أنه سجين قيم االلتزام بالتقليدية الرتيبة واإلبداعات الهادئة المملة‪.‬‬ ‫ورموز فنية معبرة‪.‬‬
‫ويرى الباحث أن تطور التصميم جاء على مراحل عدة متوالية؛‬
‫حيث بدأ باكتشاف التصوير الفوتوغرافي‪ ،‬والطباعة الرقمية‪ ،‬والفيلم‬
‫الضوئي (ألخذ مجموعة من الصور الساكنة)‪ ،‬والتليفون وذلك في‬
‫النصف الثاني من القرن التاسع عشر‪ ،‬ثم اإلرسال األول لألصوات‬
‫من خالل الراديو‪ ،‬والصور المتحركة نحو عام ‪ ،1200‬ثم التوسع‬
‫واالمتداد الكبير للتلفزيون في أوروبا وأمريكا منذ األربعينات‪ ،‬ثم ظهور‬
‫التلفزيونات متعددة القنوات‪ ،‬والفضائيات في ثمانينيات القرن العشرين‪.‬‬
‫لقد أدى ابتكار الصور الرقمية إلى تحول بارز في عصر اإلنتاج إلى‬
‫عصر التمرد اإلبداعي في تناول التصميم الرقمي‪ .‬لقد وصلنا إلى‬
‫عصر أصبح االهتمام فيه موجهاص نحو السطح وليس العمق‪ ،‬نحو‬
‫الشكل اإلبداعي وليس الجوهر‪ ،‬نحو الصورة المتمردة المعبرة‪.‬‬

‫شكل (‪ )33‬تصميمات لبعض الرموز الخاصة بالعديد من تطبيقات البرمجيات‪،‬‬

‫لصالح م سسة هورايزون سوفتير للبرمجيات بالقاهرة‪ ،‬من أعمال الباحث‪2002 ،‬‬

‫التصميم في الوسائط المتعددة ‪Multimedia‬‬

‫أصبحت شبكة المعلومات العالمية وسيلة مهمة للتشجيع‬
‫واإلنتاج والتوزيع‪ ،‬وبيع السلع وتدفق العروض بغ ازرة عبر ثقافة الميديا‬
‫المتقنة تكنولوجيًّا لجذب انتباه المشاهدين‪ ،‬ولزيادة سلطة الميديا‬
‫وسيطرتها ومنافعها‪.‬‬
‫وتتخلل أشكال الترفيه المتنوعة برام األخبار والمعلومات‪ ،‬كما‬
‫أن الصحافة أصبحت صحافة المعلومات المكثفة‪ ،‬كثيرة الصور‪ ،‬قليلة‬
‫الكلمات‪ ،‬وهذه الصحافة منتشرة بدرجة كبيرة ا ن‪.‬‬
‫وقد أصبحت الوسائط المتعددة الجديدة التي تجمع بين اإلذاعة‬
‫والراديو والسينما واألخبار التلفزيونية وبرام التسلية؛ أصبحت أعماال‬
‫الفتة لالنتباه بدرجة كبيرة‪ ،‬خاصة بالثقافة التكنولوجية‪ ،‬مما عمل على‬
‫إنشاء مواقع كثيرة واسعة االنتشار على األرض وفي الفضاء‬
‫للمعلومات والتسلية‪ ،‬كما عمل في الوقت نفسه على تكثيف الشكل‬
‫بثقافة الميديا من صور فنية ورقمية متمردة فنيا‪،‬‬ ‫الفني والرمز الخا‬
‫‪227‬‬
‫شكل (‪ )32‬أهمية تصميم الجرافيك في كل أغلب التطبيقات الحديثة‪،‬‬
‫ويتضح ذلك من خالل التواصل االجتماعي اليومي مع ا خرين‬
‫من األهل واألصدقاء‪ ،‬فأصبحنا متعطشين لما هو جديد وحديث‪،‬‬
‫وغريب‪ ،‬وأصبحنا نهتم بالموضوعات ذات اللمسة الفنية المتمردة‬
‫واألعمال المعة المظهر‪ ،‬براقة الفكرة‪ ،‬مما أدى إلى ارتقاء الحس‬
‫الفني والتذوق اإلبداعي لما هو مختلف وغريب‪.‬‬
‫ما يوجد أمامنا ا ن ويجري امتالكه واستهالكه أصبح كافياص‬
‫ومرضياص‪ ،‬يرتقي بأحاسيسنا بعيدا عن التقليدي الرتيب‪ ،‬ويرسخ‬
‫ُ‬
‫بمشاعرنا الثبات واليقين بحب التمرد الذوقي بسبب التغيير والتنو‬
‫واإلبدال واالستبدال للثوابت واألفكار‪ ،‬فكل ذلك أفسح المجال لتضخم‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫والمنبهات الرقمية‪ ،‬والثالجات والمكانس واألفران ومحضرات الطعام‪،‬‬ ‫وكثير من الرموز التعبيرية المختصرة التي تعبر عن العديد من‬
‫وأجهزة اإلنذار‪ ،‬وأنظمة اإلضاءة والحريق‪ ...‬إلخ‪.‬‬ ‫التطبيقات الرقمية المتطورة‪.‬‬

‫نتائج البحث‬ ‫فأصبحت الميديا لها تأثير قوي في كل مناحي الحياة من‬
‫‪ ‬إن ما حدث في الثقافة الفنية من تطور إبداعي هو محصلة‬ ‫سياسة ودين ورياضة وعلوم واجتما وتسلية‪ ،‬وأصبحت من العوامل‬
‫للطفرة التكنولوجية الكبيرة‪ ،‬وهو حدث في حد ذاته يقارن‬ ‫الحاسمة في تشكيل الثقافات والمجتمعات الحديثة‪ ،‬كما أن عروض‬
‫المصبا‬ ‫بأعظم االختراعات القديمة في العالم؛ كاخت ار‬ ‫الوسائط أصبحت من المالمح المحددة والمميزة للعولمة‪ ،‬فبصورة ورمز‬
‫الكهربائي‪ ،‬والمطبعة‪ ،‬والكاميرا‪.‬‬ ‫ولون تتكون عناصر الوسائط التي استطاعت تجسيد قيم المجتمع‬
‫‪ ‬لقد ثبت أهمية الرمز في ضوء هذه الثورة التكنولوجية والفنية‬ ‫المعاصر‪ ،‬والعمل على توجيه األفراد نحو طرائقهم في الحياة‪ ،‬وتغذي‬
‫الحديثة‪ ،‬وخاصة الطفرة الرمزية الكبيرة‪ ،‬فهي تحمل وعودا‬ ‫المناسبات والصراعات الفنية المتمردة والجديدة‪ ،‬والتنافس اإلبداعي‬
‫والمرونة والحرية في‬ ‫بتدشين حقبة فنية جديدة من اإلبدا‬ ‫المتميز بين فناني المجال‪.‬‬
‫خلق عالم ومدرسة للرمزية الحديثة‪.‬‬ ‫فمع دخولنا األلفية الثالثة أصبحت الوسائط مجاالص مذهال من‬
‫‪ ‬الكفاءة المتزايدة في تعاطي التصميم الفني‪ ،‬والتالعب بالصورة‬ ‫الناحية التكنولوجية‪ ،‬كما أنها أصبحت تلعب دو اصر يتزايد يوماص بعد يوم‬
‫الرقمية؛ ستمنح فناني ما بعد الحداثة التكنولوجية قدرة أكبر‬ ‫في حياتنا اليومية‪ .‬ومن الناحية الفنية‪ ،‬أصبحت عروض ثقافة‬
‫على التحكم في الصورة الخيالية االفتراضية‪ ،‬من خالل‬ ‫الوسائط عروضا تخلب عقول الناس وتغويهم‪ ،‬وتدمجهم في مجتمع‬
‫برمجيات الجرافيك الحديثة‪ ،‬وستجعل الخيال لدى فناني‬ ‫االستهالك الزاخر بعالم براق من الترفيه والمعلومات‪ ،‬فهي تغير العالم‬
‫العصر الحديث باأللفية الثالثة أكثر حرية وأكثر إبداعا‪ .‬لقد‬ ‫الواقعي وتحوله إلى صور ورموز متمردة ولكنها بسيطة في عالم‬
‫غيرت التكنولوجيا الجديدة من أفكارنا حول الواقع والمعرفة‬ ‫افتراضي‪ ،‬وتصبح حاسة اإلبصار لدى المتلقي هي الحاسة اإلنسانية‬
‫والحقيقة‪ ،‬فليست هناك ا ن حدود مميزة بين المتخيل‬ ‫التي تعلو على ما عداها من الحواس األخرى‪.‬‬
‫والواقعي‪ ،‬فكل ما هو متخيل أصبح جزصءا من الواقع‪.‬‬
‫غيرت اإلبداعات المتمردة من صور الوسائط ورموزها ما بني‬
‫‪ ‬لقد أدى التطور الفني والتكنولوجي السريع خالل أقل من عقد‬
‫في النصف الثاني من األلفية الثانية من فنون الترفية القديمة؛ مثل‬
‫من الزمان إلى ثورة في أساليب اإلبدا والرسومات الرقمية‪،‬‬
‫المسر ‪ ،‬األوبرا‪ ،‬الحفالت الموسيقية‪ ،‬األلعاب الرياضية‪ ،‬وهو المفهوم‬
‫التي تتميز باإليقا السريع والمتالحق‪.‬‬
‫الذي قاد عمليات إنشاء الحدائق العامة والمتنزهات‪ ،‬وفي البيوت مثل‬
‫‪ ‬يعتبر الفن الرقمي والرمزي نوعا من التكيف السريع مع‬
‫القراءة وألعاب التسلية المنزلية القديمة‪ ،‬وتقلصت االهتمامات بالصحف‬
‫المشروعات المتنوعة المميزة لحقبة مهمة في حياة اإلنسان‪.‬‬
‫اإللكترونية‬ ‫الورقية لصالح الصحف اإللكترونية‪ ،‬كما كثرت البرام‬
‫‪ ‬تتبارى الم سسات القائمة على صناعة الوسائط واالتصاالت‬
‫الحديثة‪ ،‬والتي اعتمد عليها في ابتكار الرسوم أو تخزينها وتغييرها‬
‫والمعلومات ‪-‬في سعي دائم‪ -‬لتقديم أفضل العروض الفنية‬
‫بشكل أسهل من السابق‪ ،‬وكذا الرسوم المتحركة البسيطة أو المعقدة‪،‬‬
‫الشيقة والمتقنة لبرامجها الحديثة‪ ،‬بحيث تحتوي على تيسيرات‬
‫واستخدامها في وسائل االتصال من خالل عرض خرائط الطقس‬
‫وسهولة في االستخدام من قبل جمهور المتابعين والمستخدمين‬
‫ورسم الخرائط وتحديد المناطق الجغرافية وغيرها من الرسوم‬ ‫والريا‬
‫لهذه التكنولوجيا‪ ،‬وكذا توفير اإلصدارات الجديدة للهواتف‬
‫المختلفة مثل اإلخبارية‪،‬‬ ‫والرموز الفنية التي تستخدم في البرام‬
‫النقالة‪ ،‬ووسائل االتصال الشخصي‪ ،‬وكل ما يجعل استخدام‬
‫والعلمية‪ ،‬والثقافية الجارية‪.‬‬
‫البرام ومشغالت الفيديو والتسلية واأللعاب‪ ،‬والمعلومات أم ار‬
‫يسي ار عليهم‪.‬‬ ‫كما دخلت الميديا بعناصرها ورموزها الفنية التجريدية المبسطة‬
‫‪ ‬أصبحت استوديوهات السينما العالمية مشغولة ا ن بدرجة‬ ‫والمتمردة في شتى الصناعات واإلنتاجات التكنولوجية المستخدمة في‬
‫كبيرة ب نتاج ألعاب الفيديو‪ ،‬وكثي ار ما يصاحب إطالق أحد‬ ‫العالم على المستوى العالمي أو المحلي أو الشخصي‪ ،‬فقد دخلت تلك‬
‫األفالم السينمائية ظهور لعبة من ألعاب الفيديو تحتوي على‬ ‫العناصر الرمزية المعبرة على مئات التطبيقات في أجهزة الحاسوب‬
‫األحداث والشخصيات الرئيسية في الفيلم‪.‬‬ ‫بقوة‪ ،‬وكذا في أجهزة الهواتف الجوالة الحديثة‪ ،‬والكاميرات الرقمية‪،‬‬
‫‪ ‬الحياة الرقمية والرمزية ساهمت في ضغط وتقليل المسافات‪،‬‬ ‫واألجهزة اللوحية (التابلت)‪ ،‬وألعاب الفيديو‪ ،‬وأجهزة (البالي استشن)‬
‫فأسهمت في خفض التكلفة الخاصة بالتواصل ونقل‬ ‫لألطفال‪ ،‬واألجهزة المنزلية التي تعتمد على القطع اإللكترونية‬
‫المعلومات‪.‬‬ ‫البسيطة‪ ،‬كالتليفزيونات وشاشات العرض والصوت‪ ،‬والمكيفات‪،‬‬

‫‪228‬‬
 ‫مجلة الزرقاء للبحوث والدراسات اإلنسانية – المجلد الخامس عشر – العدد الثالث ‪5102‬‬

‫‪ .7‬عديلة محمود سامي‪ ،‬استخدام الرمز الشعبي عند الفنان عبد‬ ‫‪ ‬قامت بتقليل الوقت الالزم في البحث عن المعلومة وقراءة‬
‫الهادي الجزار ودالالته في التراث الشعبي المصري‪ ،‬قدراسة‬ ‫عناوين التطبيقات المختلفة والمعقدة‪ ،‬فجعلت منها معلومات‬
‫تحليليةق‪ ،‬رسالة دكتوراه‪ ،‬أكاديمية الفنون‪ ،‬المعهد العالي للفنون‬ ‫سهلة التناول وامكانية الوصول إليها بخطوات بسيطة وسهلة‪.‬‬
‫الشعبية‪ ،‬القاهرة‪2001 ،‬م‪.‬‬ ‫‪ ‬مع ازدياد إنتاج الترفيه اإللكتروني ازداد الطلب على الفنون‬
‫‪ .8‬حسن الباشا‪ ،‬المعتقدات الشعبية في التراث العربي‪ ،‬دار‬ ‫الرمزية والتصميمات المصاحبة وفنانيها المحترفين‪ ،‬حيث إن‬
‫‪.335‬‬ ‫الجليل‪،‬‬ ‫المواد الترفيهية أصبحت مكونا أساسيا في العالم الجديد‬
‫‪ .9‬يوسف جبريل أبو فرج اهلل‪ ،‬النخيل في الجاهلية وصدر‬ ‫المتخم بالخدمات والسلع المتاحة عبر اإلنترنت‪ ،‬وبالتالي ال‬
‫‪.26‬‬ ‫اإلسالم‪ ،‬دار األنصار‪،1222 ،‬‬ ‫استغناء عن العنصر الفني المكمل لتلك اإلنتاجات‪.‬‬
‫‪ .11‬د‪.‬أكرم قانصو‪ ،‬التصوير الشعبي العربي‪ ،‬سلسلة عالم‬ ‫‪ ‬تقارب لغة التداول بين المجتمعات المختلفة في اللغة والجنس‬
‫المعرفة‪ ،‬المجلس الوطني للثقافة والفنون وا داب بالكويت‪،‬‬ ‫واللون‪ ،‬فأصبح التصميم والرمز هما اللغة المشتركة بين تلك‬
‫‪1225‬م‪.‬‬ ‫األجناس‪.‬‬
‫‪ .11‬أكرم قنصو مرجع سابق ‪102-102‬‬
‫التوصيات‬
‫‪12. Kearney, R(1998), the wake if imagination:‬‬
‫مننا يوجنند بننين أينندينا ا ن مننن طف نرة تكنولوجيننة متطننورة فنني كننل‬
‫‪toward a post modern culture: London:‬‬
‫مننناحي الحينناة تحتنناج لقننوة إبداعيننة دائمننة ومتجننددة‪ ،‬تلحننق بقنناطرة هننذا‬
‫‪Rutledge .P.I.‬‬
‫التطور السريع‪ ،‬والتي تنت لنا كل ساعة الجديد والحنديث والمبهنر‪ ،‬لنذا‬
‫‪13. Zilman, D (2001), the coming of media‬‬
‫يوصي الباحنث باالهتمنام ب نشناء األقسنام المتخصصنة فني تندريس تلنك‬
‫‪Entertainment,‬‬ ‫‪15-16,‬‬ ‫‪London:‬‬ ‫‪courence‬‬
‫الفنون الرقمية والتركيز على التقنية الرمزية التني تخندم تلنك التكنولوجينا‬
‫‪Erlbaum.‬‬
‫باألكاديمين ننات والكلين ننات الفنين ننة المتخصص ن نة‪ ،‬لتخ ن نري جين ننل وا من ننن‬
‫‪14. Marcus, A. SIGGRAPH 93 tutorial notes:‬‬
‫المبندعين المتخصصنين لمواكبنة هنذا التطنور السنريع‪ ،‬منن خنالل تغذينة‬
‫‪Graphic Design for User Interfaces. August‬‬
‫تلك األقسام بأجهزة الحاسوب وبرام الجرافيك المتطورة والحديثة‪ ،‬التني‬
‫‪1993.‬‬
‫تساعد الطالب على التدرب والتعلم على أصول راسخة وأقدام ثابتة‪.‬‬
‫‪15. Jesse James Garrett’s The Elements of User‬‬
‫‪Experience: User-Centered Design for the‬‬ ‫المراجة‬
‫‪Web and Beyond (2nd Edition).‬‬ ‫‪ .1‬عبد المسيح‪ ،‬ماري تريز‪ ،‬التمثيل الثقافي بين المرئي‬
‫‪16. Peter‬‬ ‫‪Morville‬‬ ‫‪and‬‬ ‫‪Louis‬‬ ‫‪Rosenfeld’s‬‬ ‫والمكتوب‪ ،‬القاهرة ‪ ،2002‬المجلس األعلى للثقافة‪.‬‬
‫‪Information Architecture for the World Wide‬‬ ‫‪ .2‬كونر‪ ،‬م‪ ، .‬المدخل إلى علم النفس المرضي اإلكلينيكي‪،‬‬
‫‪Web: Designing Large-Scale Web Sites.‬‬ ‫ترجمة عبد الغفار عبد الحكيم الدماطي واخرين‪ ،‬اإلسكندرية‪،‬‬
‫دار المعرفة الجامعية ‪.1222‬‬
‫مراجة إلكترونية‬
‫‪ .3‬ويلسون‪ ،‬جلين‪ ،‬سيكولوجية فنون ا داب‪ ،‬ترجمة شاكر عبد‬
‫معمل ألوان‪ -‬فلسفيات وعلوم صناعة الويب‪ ،‬مجلة إلكترونية‪ ،‬الرابط‪:‬‬
‫الحميد‪ ،‬الكويت‪ ،‬المجلس الوطني للثقافة والفنون وا داب‪،‬‬
‫‪http://www.colorslab.net.‬‬
‫‪ ،66‬عام ‪.2002‬‬ ‫سلسلة عالم المعرفة‪ ،‬العدد ‪،252‬‬
‫الدراسات المرتبطة بموضوع البحث‬
‫‪Arnheim, R (1969) Visual thinking. Berkeley:‬‬ ‫‪.4‬‬
‫‪ .1‬تسنيم حسن ‪ ،‬تعليم تصميم مواقع اإلنترنت‪ ،‬قموضو اق أر عربي‪،‬‬
‫‪Univ. of California press 49‬‬
‫مجلة إلكترونيةق‪ .‬الرابط‪:‬‬
‫‪ .5‬د‪.‬شاكر عبد الحميد‪ ،‬عصر الصورة –السلبيات واإليجابيات‪،‬‬
‫‪http://mawdoo3.com‬‬
‫عالم المعرفة‪ ،‬العدد ‪ ،311‬يناير‪ ،2005‬مطابع السياسة‪،‬‬
‫‪ ،‬مجلة‬ ‫‪ .2‬أحمد الكثيري‪ ،‬خطوات تصميم موقع ويب‪ ،‬قمبد‬
‫الكويت‪.‬‬
‫إلكترونيةق‪ .‬الرابط‪:‬‬
‫‪ .6‬عبد اإلله بوحمالة‪ ،‬مورفولوجية الرمز وخطاب التميمة‪ ،‬مجلة‬
‫‪http://www.mubde3.net/blog/archives/web-site-‬‬
‫الحوار المتمدن‪ ،‬العدد (‪ ،2006\2\5 )1602‬مجلة‬
‫‪design-steps.‬‬
‫إلكترونية‪.‬‬

‫‪229‬‬
 ‫تصميم الجرافيك وأثره على المواقع اإللكترونية والوسائط المتعددة‬

‫‪ .4‬نجيب زوحى‪ ،‬إنشاء ونشر الكتب االلكترونية‪ ،‬قتعليم جديد‪،‬‬ ‫‪ .3‬باسل يحيى زعرور‪ ،‬تصميم وتخطيط صفحات الموقع‪ ،‬قشبكة‬
‫مجلة إلكترونيةق‪ .‬الرابط‪:‬‬ ‫المنهل التعليمية‪ ،‬مجلة إلكترونيةق‪ .‬الرابط‪:‬‬
‫‪http://www.new-educ.com/outils-de-publication-‬‬ ‫‪http://111000.net/wdesign/yourway/506-2nd.‬‬
‫‪des-livres-electroniques.‬‬
‫بك‪Golden-‬‬ ‫المحرر ‪،‬اختيار األلوان المناسبة لموقع الويب الخا‬
‫"‪ Frame‬مجلة إلكترونيةق‪ .‬الرابط‪:‬‬
‫‪http://www.golden-frame.com.‬‬

‫‪230‬‬