Design guide

‫ديزاين جايد‪ ..‬حلم يتجسد‬ ‫ديزاين جايد كموقع �إلكرتوين و جملة مطبوعة فكرة كانت داخل العامل‬ ‫الإفرتا�ضي من ��ذ �سنوات عديدة عندما �أن�ش�أن ��ا جروب حزب امل�صممني‬ ‫علي الفي�س بوك الذي �أ�صبح �أع�ضائة ‪� 27‬ألف م�صمم من خمتلف �أنحاء‬ ‫الع ��امل هدفنا هو �إث ��راء املحت ��وى اجلرافيكي والطباعي ب�ش ��كل مهنى و‬ ‫فن ��ى خلدمة املجال يف �شت ��ى اجلوانب الفنية والإبداعي ��ة‪ ،‬حيث عاملنا‬ ‫العرب ��ي ملئ باملبدعني الذين و�صل ��وا ب�إبداعاتهم �إىل العاملية ولكنهم مل‬ ‫يجدوا املن�صة احلقيقية التي تنقل �إبداعاتهم �إىل الآخرين حتى ي�ستفيد‬ ‫الفنان�ي�ن و العاملني باملهن ��ة بهذا الإثراء املعريف و م ��ن هنا جاء حمررو‬ ‫ه ��ذة املجل ��ة ‪ 30‬كاتب من خمتلف اجلن�سيات لك ��ن �أجتمعوا علي هدف‬ ‫واح ��د و هو �إث ��راء العلم اجلرافيك ��ى و ن�شر الثقافة الفني ��ة ب�شكل علمي‬ ‫فقد قمنا مبلتقيات ح�ضرها االالف و جنحنا يف التوا�صل و نقــــل احلياة‬ ‫الفني ��ة من العامل الإفرتا�ضي �إيل �أر�ض الواقـــع و جت�سد هذا النقــــــل يف‬ ‫‪ 3‬ملتقي ��ات �سنوية و ور�ش تدريبة �إيل �أن حققنا احللم و �أ�صبح لنا جملة‬ ‫و موقع يخدم امل�صممني و هو‬ ‫واخرتنا احلدث الأكرب يف ال�شرق الأو�سط يف جمال التقنية وهو جيتك�س‬ ‫دبي ليكون نقطة �إنطالقنا من خالل من�صة موبايل ترند‪.‬‬

‫‪Ahmed Hani‬‬

Contents

Contents

22

9

12

44 14 06

Highlights Eng Pages 04 - Color Theory 09 - Codly 12 - InDesign CC Features 14 -Glossary Of Printing Terms 18 -Arabic Calligraphy

Highlights Araic Pages ‫ ملتقي المصممين العرب‬- 10 ‫ إتيكـيت المصمم‬- 12 v-Ray ‫ كيف يعمل محرك‬- 32 ‫ المطبوعات ذات التاثيرات ثالثية األبعاد‬- 36 UX ‫ تجربة المستخدم‬- 40

4

5

editors

Editors Media Consultant Ahmed Shehata Dr. Mohamed Shaltout Printig Consultant Iftikhar Uddin Babar Vfx & Motion Ahmed Abd El Rahman Design Management

Ahmed Hani Loutfi CEO & Founder Desguide.Com Art & Media Director Publishing Consultant Author, Designer, Lecturer

Dr. Mohamed Shawky Shaltout . Assistant Professor, Education Director, Center For E-Learning An Expert In The Visual Arts,

Mohammed Aziz Adobe Certified Instructor Microsoft Certified Instructor Director Of Marketing And Head Of Training Graphics

Rafiq Elmansy Author, Creative Director, Design Professor At The American University In Cairo.

Adobe Certified Instructor And Education Leader Www.Rafiqelmansy.Com

Ahmed Abd El Rahman Riyad Vfx & Motion Garphics Free Lancer Artist And Instructor

Farah Mahfouz Graphic Designer (Experiential Graphic Design) ,Artist, Researcher, And Design Teacher.

Eng Ramy Mamdouh Hammady

Dr. Mahmoud Farouk Fiky Instructor Dr. Department Of Printing, Publishing And Packaging - Faculty Of Applied Arts - Helwan University

Ahmad Al Haj Qasem Adobe Education Trainer, Adobe Certified Instructor Instructor Training Center Uae

Dr. Mohamed Sadeek Hussein

(Ma), Master In Printing And Visual Communication , Assistant Lecturer, Helwan University Adobe Certified Expert And Instructor Egypt.

Heba Hassan Hafiz Vfx & Nuke Compositing Artist Gfxacademy.Net

Tarek Nour El Den Senior Graphic Designer Bbdo Worldwide

Ahmad Hani Lutfi Islam Maan Ali M. El Ghamry Danish Ghulam Yousef Abu Raya Mohamed El Remaily Photography Lubna Abdel Aziz

Assistant Professor Of Applied Arts (Printing& Publishing& Packaging Helwan University, Assistant Professor At College Of Arts And Sciences – Department Of Mass Communication –Qatar University

Yara Gad Financial Management Magdi Hashim Ahmad Azazy

Ahmed Hassany Mohamed Artist & Art Director A_hassany71@Hotmail.Com

Iftikhar Uddin Babar

Consultant Printing, Paper & Paperboard Products

Eng. Yara Gad Founder/Ceo Of Photography Foundation Fiap Member ، Official Agent Of Arab Pix Berlin,Germany In Egypt، Official Arbitrator And Examiner For Media Syndicate

Mostafa Makram Wahba CEO & Founder At Shbkat.Com Interested In Marketing, UX, Entrepreneurship And Administrative Sciences

Ziyad Organji Mba,Cba , Managing Director At In-United Group And Co-Founder & Managing Director At In-Design K.S.A

Abdallah Zidan Chief Business Development Officer At Codly

Reda Salah Mohebeldeen

Ibrahim Hassan

Assistant Lecturer, At The Faculty Of Applied Arts University - Damietta - Department Of Printing, Publishing And Packaging.

Assistant Lecturer In Graphic Design Department, Faculty Of Fine Arts, Alexandria University. Member Of The Association Of Plastic Artists.

Master Degree Of Fine Arts 2013, Graphic Design Department.

Desguide Magazine : Desguide.com magazine provides in-depth tutorials, cutting-edge techniques , visual culture and design Inspiration for Designers & photographer , Desguide Magazine helps designers, whether they work for a design firm, for an inhouse design department or for themselves, and Graphic Dpt. In Printing press be more inspired, more creative and more successful.

Provide technical information in the world of printing and publishing, design and display reports about the latest products ، workflow، software for illustration and printing, new ways of creative problem solving. Magazine format is three-column and is perfect bound.

Desguide Magazine is a special supplement of Mobile Trend Magazine, a pioneer in the world of technology.

sUBSCIBE TODAY! www.desguide.com ahmed.hani@mail.com - 00966548070196 Designer professional community/ special supplement of Mobile Trend Magazine

‫‪6‬‬

‫‪interview‬‬

‫زياد اورقنجي ‪ -‬الواليات املتحدة الأمريكية ‪ -‬مدينة �شيكاغو‬ ‫مت التن�سي ��ق مع ال�سي ��د روب جان ��وف والتقينا �أمام الفن ��دق الذي كنت‬ ‫�أ�سك ��ن فيه وقررنا ال�س�ي�ر على الأقدام يف تلك املنطق ��ة اجلميلة وبد�أنا‬ ‫احلديث‪.‬‬

‫لقاء خاص مع‬

‫مصمم شعار أبل‬

‫روب جانوف ‪ -‬بشيكاغو‬

‫‪interview‬‬ ‫حدثني كيف كانت البداية مع �أبل؟‬ ‫ البداي ��ة كان ��ت عادي ��ة ج ��د ًا ك�أي عمي ��ل يطرق باب ��ك ويطلب‬ ‫االجتماع بك ليخربك بطلبه‪ ،‬ومل تكن هناك دعوة لأي �شركات‬ ‫�أخرى ولكن كانت ب�شكل مبا�شر وكانوا �شركة مبتدئة‪.‬‬ ‫م ��ن ال ��ذي ح�ضر لديكم وق ��ام باملتابعة واملوافق ��ة على كل �شي‬ ‫حتى النهاية؟ ‬ ‫كان “�ستي ��ف جوب ��ز” وح ��ده هو ال ��ذي ح�ضر وق ��ام ب�إعطائنا‬ ‫امل�ش ��روع و�أح�ضر معة الن�سخة الأولية م ��ن جهازة اجلديد �أبل‬ ‫‪ 2‬كعين ��ة لك ��ي نراه ��ا ونطلع عليه ��ا وحتدثنا ع ��ن كل املميزات‬ ‫املوجودة يف املنتج �آنذاك ور�ؤيتة امل�ستقبلية له‪.‬‬ ‫هل توقعت حينها �أنها �ستكون �أحد �أكرب �شركات العامل و�أنت‬ ‫ت�صمم �شعارها وهويتها؟ ‬ ‫�ساكون �صادقا معك‪ ،‬لقد ظننا �أنهم جمموعة من ال�شباب‬ ‫يحلمون ب�شي ما و�أنهم لن ي�ستمروا لأكرث من عام! ولكن‬ ‫بالت�أكيد كنا على خط�أ ومل يخطر ببايل �أبد ًا �أنني �س�أ�صمم‬ ‫�شعار ًا لأحد �أكرب �شركات العامل!‬ ‫ل ��و كنت تعلم �أنها �ستكون �أبل اليوم هل كنت �ستقوم بعمل �شعار‬ ‫خمتلف؟‬ ‫ال! �أب ��د ًا ف�أنا �أ�ؤدي عملي بال�شكل املطل ��وب �سواء ل�شركة كبرية‬ ‫�أم �صغ�ي�رة فامل�صمم علي ��ه دائم ًا �أن يكون واعي ًا ملا يقوم به و�أن‬ ‫يقدم الأف�ضل دائم ًا‪.‬‬ ‫هل كان ا�سم ال�شركة “�أبل” �أم �أنكم �أنتم من �سماها وملاذا‬ ‫�سميت بذلك؟‬ ‫ً‬ ‫ احلقيق ��ة اال�س ��م كان موج ��ودا وق ��ام �ستي ��ف جوب ��ز مبوافق ��ة‬ ‫ال�ش ��ركاء حينها باختي ��ارة‪ ،‬وقد ا�ستغربنا اال�س ��م حينها ولكن‬ ‫اله ��دف كان ا�سم ًا حديث ًا خمتلف ًا له طاب ��ع �شبابي ي�شد االنتباه‬ ‫ويحمل فكرة جدي ��دة‪ ،‬البع�ض كان يقول �أنها ترمز لتفاحه �آدم‬ ‫الت ��ي �أعطتها �إياه ح ��واء يف اجلنة وكانت �سب ��ب وجودهم على‬ ‫الأر�ض وبالتايل وجود الب�شرية ولكن احلقيقة كانت يف‬

‫تصوير‪ :‬ريان اورقنجي‬

‫‪2014‬‬

‫‪2011‬‬

‫‪1998‬‬

‫‪1977‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪7‬‬

‫‪8‬‬

‫‪interview‬‬

‫طريق ��ة “التفكري املختل ��ف” حيث �أن �أب ��ل كانت تقول‬ ‫“‪”Think Differently‬‬ ‫ه ��ل كنت تعل ��م بوجود �شع ��ار �أويل يحتوي عل ��ى نيوتن‬ ‫و�شجرة التفاح والذي مل ي�ستمر؟‬ ‫ال‪ ،‬مل �أك ��ن �أعل ��م بذلك حتى ب ��د�أت امل�ش ��روع ومن ثم‬ ‫ر�أيته‪ ،‬ولكن ��ه يف الأ�سا�س مل يكن ليلبي احتياج ال�شركة‬ ‫�س ��وا ًء من الناحية الفني ��ة �أو التقنية ولكن فكرته كانت‬ ‫�أن نيوت ��ن ه و الوحيد الذي فكر ب�شكل خمتلف وبالتايل‬ ‫اكت�شف اجلاذبية‪.‬‬ ‫�أخربين من �أين ا�ستوحيت فكرة التفاحة وملاذا القطمة‬ ‫وهل هناك تف�سري للألوان العديدة يف �أول �شعار؟‬ ‫ه ��ذا ال�س�ؤال تكرر علي مئات امل ��رات ولكن كان تفكري ًا‬ ‫ب�سيطا و مبا�شر ًا مبا �أن ا�سم ال�شركة �أبل فمن البديهي‬ ‫�أن يكون ال�شعار تفاحة!‬ ‫بالن�سب ��ة للقطمة فله ��ا تف�سريان احلقيق ��ة وهذا ما ال‬ ‫يعلمة الكثريون‪.‬‬ ‫الأول �أنه ��ا قطم ��ة ال ِع ْل ��م لأن ال ��كل �سي�ستفي ��د منه ��ا‬ ‫والث ��اين حتى ال يتم خلطها بفاكهة �أخرى مثل الكرز �أو‬ ‫الطماطم فالقطمة ت�ؤكد �أنها تفاحة‪.‬‬ ‫�أما الألوان فكانت لإي�صال ر�سالة للنا�س �أنه الكمبيوتر‬ ‫الأول ال ��ذي �سيمكنك من التعامل م ��ع ال�صور بالألوان‬ ‫وبالتايل برامج الت�صميم‪.‬‬ ‫هل هناك تف�س�ي�ر ملاذا التفاحة مقطوم ��ة من الناحية‬ ‫اليمنى ولي�ست الي�سرى؟ ‬ ‫ال فق ��ط لأنني �أمين‪ ،‬احلقيقة لقد حاول الكثريون خلق‬ ‫تف�س�ي�ر م ��ن وراء ذل ��ك مما �أث ��ار الده�شة ل ��دي ولكن‬

‫بكل ب�ساطة �أقول �أن ��ا ر�أيتها هكذا و�أحببتها هكذا ومن‬ ‫املحتمل �أن يكون العك�س لو كنت �أي�سر ‪):‬‬ ‫ه ��ل كان هناك خي ��ارات �أو �شعارات �أخ ��رى �أم �أن هذا‬ ‫ال�شعار كان الوحيد؟‬ ‫ ال كله ��ا كانت على �شكل تفاحه ولكن كانت االختالفات‬ ‫يف اختيار الألوان وهل تكون لون �أو اثنني �أم عدة �ألوان‪،‬‬ ‫ولكن يف النهاي ��ة مت اختيار الألوان املتعددة بعد الت�أكد‬ ‫تن�س‬ ‫م ��ن �أننا ميكنن ��ا طباعتها على خمتلف امل ��واد وال َ‬ ‫�أن ط ��رق الطباع ��ة حينها كانت خمتلف ��ة متام ًا وكانت‬ ‫بدائية للغاية‪.‬‬

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

‫‪interview‬‬

‫كيف تقارن ه ��ذه ال�صعوبات يف التعامل مع العميل يف‬ ‫جمتم ��ع ال يد ّر�س فيه علم الإي�سام (‪)Branding‬‬ ‫وال فن الت�صميم �أو الإعالن يف اجلامعات والكليات؟‬ ‫م�ستحي ��ل! �أن ��ا متعج ��ب ج ��د ًا �أعتق ��دت �أن ه ��ذا �ش ��ي‬ ‫موج ��ود يف كل دول العامل مثله مثل الفن الت�شكيلي لقد‬ ‫در�س ��ت فن اجلرافيك� ��س يف العهد الق ��دمي قبل دخول‬ ‫الكومبيوت ��ر ول ��ك �أن تتخي ��ل منذ مت ��ى كان ذلك وبعد‬ ‫دخ ��ول الكومبيوتر وتطور الأ�سالي ��ب و�أجهزة الطباعة‬ ‫�أي�ض ًا ع�شنا ذلك التطور وتاقلمنا معه‪.‬‬ ‫ولك ��ن للإجاب ��ة على �س�ؤال ��ك نعم �أعتق ��د �أن ال�صعوبة‬ ‫�ستزي ��د يف التعام ��ل مع جميع �أف ��راد املجتمع يف تقدير‬ ‫اجلهد الذي نقوم به من الناحيتني الفنية واملادية‪.‬‬ ‫ه ��ل قمت بت�صميم �شعار �أو هوي ��ة ل�شركة عاملية �أخرى‬ ‫غري �أبل؟‬ ‫ احلقيق ��ة �صمم ��ت ل�ش ��ركات �أوروبي ��ة و�أمريكية ولكن‬ ‫�أغلبه ��ا لي�ست بحجم �أبل‪� ،‬أعتق ��د �أن الفر�صة قد ت�أتي‬ ‫للإن�س ��ان مرة واحدة يف احلياة لعمل �شي كبري دون �أن‬ ‫يعلم‪.‬‬ ‫يف ر�أيك ماهي مقومات الت�صميم واملقومات التي يجب‬ ‫�أن تكون لدى امل�صمم؟‬ ‫ للت�صمي ��م �أ�سا�سيات ��ه املعروفة التي يكتم ��ل بها كلوحة‬ ‫فني ��ة كالتوازن والتنا�سق والدم ��ج يف الأ�شكال والألوان‬

‫والف ��راغ وامل�ساح ��ة والأه ��م من ذلك الفك ��رة والتعبري‬ ‫عنها لت�صل لقلب ال�شريحة امل�ستهدفة‪.‬‬ ‫�أم ��ا امل�صمم فيج ��ب �أن يكون مبدع� � ًا يف تفكريه عنده‬ ‫ر�ؤي ��ة للعم ��ل الذي يقوم ب ��ه و ي�صمم ب ��ذكاء و�أن يكون‬ ‫متخ�ص�ص ًا ومطلع ًا وي�ستطيع �إيجاد احللول التي تخدم‬ ‫ت�صميم ��ه واحلقيقة �أن الفن موج ��ود يف العقل والروح‬ ‫للفن ��ان ولي� ��س كل م�صم ��م ي�ستعمل برام ��ج الت�صميم‬ ‫فنان!‬

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

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪9‬‬

‫‪10‬‬

‫‪Events‬‬

‫مؤتمر المصممين العرب في دورتة الثالثة‬ ‫ال �شك �أن مواقع التوا�صل الإجتماعي ب�إعتبارها منرب‬ ‫لن�شر �أي فكرة بطريقة �سهلة و ب�سيطة جتذب ال�شباب‬ ‫من خمتلف الأعمار والإجتاهات لذا كانت ال�سبب‬ ‫الرئي�سي وراء فكرة �إطالق جروب للم�صممني املهنية‬ ‫حيث مت تد�شني جروب حزب امل�صممني على الفي�س‬ ‫بوك �إميان ًا منا بالعمل التطوعي اخلدمي عن طريق‬ ‫مواقع التوا�صل االجتماعي يف ‪ 2011-11-28‬خلدمة‬ ‫امل�صممني العرب مبواد مهنية فنية خا�صة فنيات‬ ‫الطباعة والتو�صل حللول ماقبل وبعد الطباعة‪ ،‬وقد‬ ‫و�صل �أع�ضاء اجلروب �إىل ‪� 27‬ألف م�صمم من خمتلف‬ ‫�أنحاء العامل العربي‪.‬‬ ‫كما حقق احلزب امل�صممني نقلة نوعية يف جمال العامل‬ ‫الإفرتا�ضي حيث قام نظم عدة ملتقيات مهنية حققت‬ ‫نقلة نوعية يف مواقع التوا�صل االجتماعي حيث كنا من‬ ‫�أوئل النا�س الذين قاموا بتحويل املوقع االفرتا�ضي‬ ‫�إىل ور�ش عمل على �أر�ض الواقع وبد�أنا بح�ضور ‪8‬‬ ‫�أفراد فقط يف عام ‪2010‬م وبعد �إن�شاء اجلروب‬ ‫الر�سمي حلزب امل�صممني عام ‪2011‬م مت تنظيم‬ ‫فعاليات امل�ؤمتر الأول بقاعة امل�ؤمترات يف جامعة‬ ‫القاهرة عام ‪2012‬م‪ ،‬والثاين مت بقاعة امل�ؤمترات‬ ‫يف جامعة القاهرة عام ‪2013‬م‪ ،‬وقمنا بور�شة عمل‬ ‫ومقابالت مهنية للم�صممني ومت �إن�شاء موقع خا�ص‬ ‫خدمي مهني مل�صممي اجلرافيك حتت �أ�سم ‪www.‬‬ ‫‪ ،desguide.com‬كذلك جملة حتمل نف�س‬

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

‫امل�ؤمتر حيث قام ب�إلقاء حما�ضرة دارت حول الطباعة‬ ‫الرقمية يف ال�شرق الأو�سط ‪.‬‬

‫‪Events 2014‬‬

11

Events

Events 2012

Events 2013

Events 2014

Designer professional community/ special supplement of Mobile Trend Magazine

‫‪12‬‬

‫‪design guide‬‬ ‫‪Milton Glaser‬‬

‫“لي�س هناك م�شكلة �أبد ًا يف �أن يكون الت�صميم يخدم �أهداف وم�صالح‬ ‫امل�صمم والعميل‪ ،‬لكن علينا �أن ن�ضع �أمامنا الهدف الأهم والأوحد جتاه‬ ‫املجتمع‪ ،‬وهو �أن نت�أكد من �أن الهدف من الت�صميم الذي �صنعناه مفيد‬ ‫للفئة امل�ستهدفة والتي توجه لها الر�سالة”‬

‫إتيكـيت المصمم‬ ‫الت�صرف ال�صحيح بال�سلوك ال�صحيح‬

‫فرح حمفوظ ‪ -‬ديزاين جايد‬ ‫تت�ضمن الأخالقيات كل ما هو متعارف عليه على �أنه‬ ‫�صحيح �أو خاطئ وعلى �أنه هناك لكل فعل رد فعل‬ ‫�أحدهما �صائب والآخر خاطئ ‪ ،‬وتت�ضمن الأخالقيات‬ ‫جمموعة من القوانني التي يجب ال�سري عليها وقد قام‬ ‫عدد من الفال�سفة بكتابة قوانني لأخالقيات ال�سلوك‬ ‫الب�شري �أمثال �سكوريت�س و بالتو ‪ ...‬وكذلك كان‬ ‫الأنبياء والر�سل �أمثلة يحتذى بها و�سنوا الكثري من‬ ‫الأدبيات والأخالقيات يف جميع نطاقات احلياة �آتني‬ ‫بها من �أحكم احلاكمني ‪ ،‬خالقنا عز وجل ومع مرور‬ ‫الوقت �أ�صبحت هذه الأخالقيات يف قوانني وت�شريعات‬ ‫ال�شركات واحلكومات لي�س جميعهم طبع ًا فحتى هذه‬ ‫اللحظة ما زالت �أكرث من ‪ 50%‬من ال�شركات‬ ‫العربية ال متلك نظام ًا �أو لوائحا حتوي ت�شريعاتها‬ ‫وقوانينها ‪....‬وي�سري العمل وفق العرف الغري مكتوب‪.‬‬ ‫كلمة �أخرى ن�سمعها كثري ًا يف الغرب وهي الإتيكيت “‬ ‫‪ “ Etiquette‬وهي كلمة فرن�سية الأ�صل ظهرت يف‬ ‫�أواخر عام ‪ 1750‬ميالدي ‪ ،‬وجاءت من كلمة بطاقة‪.‬‬ ‫وكانت هذه البطاقة يكتب عليها خطوات الت�صرف يف‬ ‫منا�سبة ما ‪ ،‬توزع على احلا�ضرين ليعم النظام على‬ ‫جميع احل�ضور‪.‬‬ ‫يقابل هذه الكلمة بالإجنليزية م�صطلح “ ‪good‬‬ ‫‪“ manners right conduct‬والتي تعني‬ ‫الت�صرف ال�صحيح بال�سلوك ال�صحيح ‪�...‬أي ال يكفي‬ ‫�أن تقوم بالعمل بالطريقة ال�صحيحة بل يجب �أن يكون‬ ‫�سلوكك يف ت�أدية هذا العمل �صحيح �أي�ض َا‪.‬‬ ‫كما �أن الت�صميم كغريه من املمار�سات التجارية يتطلب‬ ‫االلتزام ب�أخالقيات وذوقيات الو�صول �إىل �صيغة تعامل‬ ‫منا�سبة بني امل�صمم والعميل ت�ضمن للطرفني حقوقهم‬ ‫وال ت�ضر باملجتمع �أو البيئة املحيطة‪.‬‬ ‫ولعل الكلمة التي �ألقاها ‪ milton glaser‬يف‬ ‫م�ؤمتر الت�صميم ‪ 2002‬تلخ�ص الهدف الأ�سا�سي‬ ‫من �أخالقيات الت�صميم ‪:‬‬ ‫“لي�س هناك م�شكلة �أبد ًا يف �أن يكون الت�صميم‬ ‫يخدم �أهداف وم�صالح امل�صمم والعميل‪ ،‬لكن‬

‫علينا �أن ن�ضع �أمامنا الهدف الأهم والأوحد جتاه‬ ‫املجتمع‪ ،‬وهو �أن نت�أكد من �أن الهدف من الت�صميم‬ ‫الذي �صنعناه مفيد للفئة امل�ستهدفة والتي توجه لها‬ ‫الر�سالة”‪.‬‬ ‫جند هنا �أن الهدف من �أخالقيات الت�صميم يخلق‬ ‫بيئة مريحة للطرفني يف التعامل فيما بينهم‪ .‬كما يركز‬ ‫على ان يكون للت�صميم “هدف” ولي�س فقط “�شكل‬ ‫جمايل” – مع �أن اجلمال �أحيان ًا يكون هدف بذاته ‪.‬‬ ‫�أي�ض ًا ي�سلط ال�ضوء على �أهمية �أن تكون الر�سالة يف‬ ‫الت�صميم وا�ضحة و�صريحة ولي�ست م�شتتة �أو م�ضللة‬ ‫للجمهور‪� .‬أي عمل يخلق هذه الفو�ضى متعمد ًا يخلق‬ ‫�صورة �سلبية عن املهنة ب�شكل عام ولي�س عن نف�سه‬ ‫فقط‪.‬‬ ‫ومن �أهم املواثيق التي حتدثت عن �أخالقيات ت�صميم‬ ‫الإعالنات ما حدده االحتاد الأمريكي للإعالن يف‬ ‫جمموعة من القواعد التي يجب مراعاتها يف الر�سالة‬ ‫الإعالن مثال وهي كالتايل‪:‬‬ ‫‪ )1‬ال�صدق‪ :‬يجب �أن تعك�س الر�سالة ال�صدق‪ ،‬وال‬ ‫يت�ضمن �سوى حقائق علمية‪ ،‬كي ال ت�ضلل العامة‪ ،‬و�أن ال‬ ‫تخفي عنهم معلومات مهمة‪.‬‬ ‫‪ )2‬املقارنة‪� :‬أن ال حتتوي على عبارات �أو ادعاءات‬ ‫تتعر�ض للمناف�س �أو �أحد منتجاته �أو خدماته‪.‬‬ ‫‪ )3‬الطعم‪ :‬على �إعالن �أن ال ي�ستخدم كطعم حلمل‬ ‫امل�ستهلك ل�شراء منتجات �أو خدمات ذات �أ�سعار عالية‪.‬‬ ‫‪ )4‬االدعاءات‪ :‬االدعاءات التي حتملها الر�سالة يجب‬ ‫�أن تكون بوجود دليل مادي من قبل املعلن �أو وكالة‬ ‫الإعالن‪.‬‬ ‫‪ )5‬الكفالة وال�ضمان‪ :‬والقواعد وال�شروط يجب �أن‬ ‫تكون ظاهرة يف الإعالن بخط مقروء‪.‬‬ ‫‪ )6‬ال�سعر‪ :‬يجب �أن تتجنب الإعالنات االدعاءات‬ ‫الكاذبة للأ�سعار �أو امل�ضللة �أو التي تتدعي بوجود‬ ‫خ�صم �أو توفري وهي يف احلقيقة لي�ست كذلك‪.‬‬ ‫‪ )7‬ال�شهادات‪ :‬على الإعالنات التي ت�ستخدم وجود‬ ‫�شهادات �أن تقت�صر على املخت�صني واخلرباء و�أن‬ ‫يكونوا فع ًال قد جربوا ال�سلعة‪.‬‬

‫‪ )8‬الذوق‪ :‬يجب �أن يراعي الإعالن الذوق العام‬ ‫واللياقة‪.‬‬ ‫�أما من �أخالقيات واتيكيت امل�صمم مع العميل فهناك‬ ‫نقاط مهمة يجب العمل بها حتى ي�صبح التعامل �أكرث‬ ‫ي�سر و�سهولة‬ ‫‪ -١‬ح�سن الإ�صغاء واال�ستماع للعميل جيدا وفهمه‬ ‫والإكثار عليه بالأ�سئلة حول امل�شروع حتى تكون لديك‬ ‫�صورة �شاملة عنه و�شعور العميل باالهتمام‬ ‫‪ -٢‬االن�ضباط باملواعيد وااللتزام بالوقت املتفق عليه‬ ‫للم�شروع‬ ‫‪ -٣‬عر�ض النماذج للعميل ب�أ�سلوب احرتايف ودقيق‬ ‫‪ -٤‬الو�ضوح يف كل �شي كامل�شاكل التي ممكن ان تواجهه‬ ‫والعوائق وبت�سعريات امل�شاريع وعر�ض اخليارات‬ ‫املتوفرة للعميل‬ ‫‪ -٥‬الب�شا�شة يف التعامل‬ ‫‪ -٦‬عدم املوافقة على العمل بدون عقد من البداية‬ ‫حتى حتفظ حقوق امل�صمم والعميل‬ ‫‪ -٧‬مراعاة حقوق امللكية الفكرية يف الت�صميم‬ ‫‪ -٨‬ت�سليم العميل امللفات املطلوبة بجودة عالية‬ ‫�أي�ضا هناك �ضوابط لطيفة للم�صمم �أثناء عر�ض‬ ‫�أعماله على العمالء ‪:‬‬ ‫‪ - ١‬االبت�سامة والب�شا�شة‬ ‫‪ -٢‬الثقة بالنف�س‬ ‫‪ -٣‬التعريف بالنف�س مع جتهيز البطاقات ال�شخ�صية‬ ‫لل�ضيوف يف االجتماع �أثناء العر�ض‬ ‫‪ -٤‬التحدث ب�صوت عايل وجهوروالتحدث عن امل�شروع‬ ‫ابتداءا من الفكرة حتى التنفيذ‬ ‫‪-٥‬عر�ض ال�صور التو�ضيحية والأبحاث‬ ‫‪ -٦‬الرد على كل الأ�سئلة بلباقة وعدم التململ منهم‬ ‫‪ -٧‬اال�ستماع �إىل افكارهم واقرتاحاتهم بكل �صدر‬ ‫رحب‬ ‫‪ -٨‬مراجعة جميع التفا�صيل يف اخر االجتماع للت�أكد‬ ‫من دقتها‬ ‫وبذلك ت�صبح العملية اكرث ي�سر و�سهولة واحرتافية‬ ‫وت�ضمن للم�صمم والعميل م�شاكل �أقل وراحة البال‬

‫‪e‬‬ ‫‪r‬‬ ‫‪v‬‬ ‫‪i‬‬ ‫‪e‬‬ ‫‪t‬‬ ‫‪n‬‬ ‫كن صادقا‬ ‫‪a‬‬ ‫‪g‬‬ ‫‪i‬‬ ‫‪e‬‬ ‫‪s‬‬ ‫‪r‬‬ ‫‪c De‬‬

‫‪design guide‬‬

‫“هل انت منفذ ام مبدعا “‬ ‫د‪ .‬حممد �شلتوت ‪ -‬ديزاين جايد‬ ‫من اكرث املجاالت التي جتذب الكثري من ال�شباب‬ ‫هو جمال اجلرافيك وامليديا وهذا ملا فيه من افكار‬ ‫وت�شويق واثارة دائما ولكن عندما يدخل ال�شباب ايل‬ ‫املجال يتخبط يف البداية كثريا ايل ان يجد طريقه‬ ‫يف هذا املجال املت�شابك بني الفن والب�صر واالبداع‬ ‫وااللوان ولكن الكثري من امل�صممني اجلدد وبع�ض‬ ‫القدامي اي�ضا يقعوا يف �شيء مهم جدا وهو عدم‬ ‫م�صارحة النف�س وال�صدق معها وتكون هذه امل�صارحة‬ ‫“بان ي�صارح امل�صمم نف�سه ‪ :‬من انا؟ هل انا منفذ‬ ‫ام مبدعا؟‪....‬‬ ‫ولكي اقوم بتو�صيل فكرتي للجميع �سوف اقوم بتقدمي‬ ‫تف�سري لكل من كلمة منفذ و مبدعا ومعل�ش يا فنانني‬ ‫ا�ستحملوين �شويه الن كالمي �سوف يكون به ق�سوة مل‬ ‫تتعودوها مني ولكني احبكم جميعا كما تعرفوا عني ‪.‬‬ ‫املنفذ ‪:‬هو من ال ميتلك افكاركثرية ويقوم بعملية تنفيذ‬ ‫اعمال الت�صميم بدون ان ي�ضيف اي ب�صمه عليها ‪.‬‬ ‫املبدع ‪:‬وهو من ميتلك افكاركثرية وجتد ب�صمته‬ ‫وا�ضحه يف كل عمل يقوم بت�صميمه ‪.‬‬ ‫الكثري �سوف يت�ضايقوا من هذه املقالة ولكن احلقيقة‬ ‫احيانا كثرية مره ولكنها مفيده جدا النك تقف علي‬ ‫م�ستوك وتعرفه جيدا وهذا ي�ؤدي معرفتك ما ينق�صك‬ ‫لكي تتعلمه ولي�س من ال�صعب ان تكون منفذ وان تر�سم‬ ‫طريق لنف�سك ان تكون مبدعا ولك ب�صمتك ولكن‬

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

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

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪13‬‬

‫‪14‬‬

‫‪design guide‬‬

‫‪Tarek Nour‬‬ ‫‪Senior graphic designer‬‬ ‫‪Impact BBDO-Cairo‬‬

‫جند ان الكثري من امل�صممني ال يقوموا برتتيب وجتهيز ما يحتاجه‬ ‫لكي ي�ستطيع ان ي�صمم ما يريده االغلب منهم يقوم بدخول‬ ‫فى الت�صميم بدون اى ترتيب الفكاره حتي انه فى الكثري من‬ ‫االوقات ال يقوم بجمع معلومات عن ما �سوف يقوم بت�صميمه و‬ ‫جند االخطاء تظهر وتكون النتيجه ت�صميم لي�س له عالقه‬ ‫باملطلوب تنفيذه ‪ ,‬وان ذلك اال�سلوب يجعل امل�صممني ال يقدرون‬ ‫على ان يطورا من انف�سهم النهم بكل ب�ساطه ال يتبعون خطوات‬ ‫فى التفكري و التجهيز للت�صميم وكيف ان يتعامل مع املطلوب منه‬ ‫ب�شكل ي�سمح له ان ي�صمم �شىء خمتلف عن ما كان يفعله دائما‬ ‫ويكون مبدع (‪ , )creative‬حتى ن�ستطيع ان نقول عليه م�صمم‬ ‫يفكر ‪.‬‬ ‫يجب على امل�صمم الذى يريد ان يفكر ب�شكل خمتلف ان يكون قادر‬ ‫على ان يجهز ما ي�ساعده فى ت�صميمه حتى ي�صل لنتيجه اف�ضل‬ ‫بكثري من ان تقوم بت�صميم اى �شىء بدون جتهيز (‪collect‬‬ ‫‪ , ) your references‬ويجب ان تقوم بجمع معلومات‬ ‫كافيه عن ما �سوف تقوم بعمل الت�صميم عنه حتى ت�صل للمطلوب‬ ‫فى اقل وقت وب�شكل اف�ضل ‪ ,‬ويجب ان تدرب نف�سك على التفكري‬ ‫مبعنى ان جتعل ما تقوم به يدل على فكره خمتلفه يعرب عن �شىء‬ ‫ان يكون لكل �شىء تفعله معنى و �سبب هذا ي�ضيف من قيمه‬ ‫ال�شىء ‪ ,‬حتى ت�ستطيع ان ترد اذا �سالك احد ملاذا فعلت هذا‬

‫او و�ضعت هذا بتلك الطريقه ويجب ان تنمى فكرك وذلك عن‬ ‫طريق ان تبحث عن �شىء خمتلف ملا تريد ان تقوم بعمل ت�صميم‬ ‫له ابحث عن طريقه جديده فى عر�ضه (‪) Art direction‬‬ ‫وميكن ان تنمى فكرك عن طريق ان تتكلم كثريا مع من هو اعلى‬ ‫منك فى الفكر حتى تدمج فكرك بفكره وت�صبح على نف�س الطريق‬ ‫لت�صل مل�ستوى اف�ضل ‪ ,‬واي�ضا عن طريق جتتهد مع نف�سك فى انك‬ ‫تفكر فى افكار لي�ست مطلوبه منك فى جمال عملك ابتكر مع‬ ‫نف�سك فذلك ي�ساعد كثريا فى التطوير و دائما ا�س�أل من حولك‬ ‫حتى ت�ستفيد منهم فى االراء ركز فى نقدهم الن منهم من �سوف‬ ‫يفيدك بكالمه ومنهم من ينقد ملجرد النقد النه يعتقد ان النقد‬ ‫يدل على انه �شخ�ص لديه خربه كبريه ( عامل فيها بيفهم يعنى)‪.‬‬ ‫عندما تفكر فى فكره يجب ان تقوم بعده ا�شياء ‪:‬‬ ‫‪ -1‬يجب ان تركز على نقطه واحده تريد ان ت�صنع منها الفكره‬ ‫حتى ال تختلط عليك االمور وجتد نف�سك مل ت�صل ل�شىء نتيجه‬ ‫عدم حتديد ما تريد ان يفهمه انا�س من فكرتك‬ ‫‪ -2‬حاول ان تقوم بتجميع كلمات متعلقه مبو�ضوع الفكره‬ ‫(‪)Keywords‬و منها �سوف ت�ساعدك على الو�صول لفكرتك‬ ‫ب�شكل ا�سهل‬ ‫‪ -3‬ال جتعل فكرتك معقده بحيث ال يفهمها غريك فانت تعامل‬ ‫فئات كثريه من النا�س فيجب ان تكون فكرتك �سهله الفهم او تكون‬

‫‪Contents‬‬

‫غري مبا�شره ولكن ال ت�ستغرق وقت كثري لكى يفهمها النا�س ‪.‬‬ ‫‪ -4‬حاول ان جتعل فكرتك خمتلفه قدر امل�ستطاع لكى حتقق تفاعل اكرب‬ ‫مع النا�س‬ ‫‪ -5‬فكر فى ر�ساله (‪ )slogan or line‬ت�ضيف لفكرتك وجتعلها‬ ‫اكرث و�ضوحا ‪.‬‬ ‫‪ -1‬فكر و تخيل طريقه تنفيذ للفكره ب�شكل يجلعها تظهر ب�شكل اقوى‬ ‫فمثال عندما تقوم بتنفيذ فكره مل�ستح�ضر جتميل فكر كيف تظهره ب�شكل‬ ‫يجذب الن�ساء وذلك فى اختيار االلوان نوع اخلط امل�ستخدم حيث ان له‬ ‫دور كبري فى اظهار العمل ب�شكل اف�ضل ‪ ,‬اي�ضا فى اختيارك لل�صور فانها‬ ‫ت�ساعد كثريا فى جعل العمل يظهر ب�شكل اف�ضل خذ وقتك فى البحث عن‬ ‫اف�ضل ال�صور لعملك‪.‬‬ ‫‪ -2‬حاول دائما انت تغري فى طريقه تنفيذك العمالك وذلك عن‬ ‫طريق ان ت�شاهد اعمال كثريه جدااا بحيث تتكون لديك ر�ؤيه و خمزون‬ ‫ي�ساعدك عندما تقوم بعمل ت�صميم ومن خالل ذلك ت�ستطيع ان ت�ستلهم‬ ‫من ذلك املخزون ما يفيدك فى تنفيذ ت�صميم خمتلف وبعد مرحله‬ ‫معينه من االتقان اجعل لنف�سك ا�سلوب خا�ص بك ولكن ال جتعله يقيدك‬ ‫فى ت�صميمك حتى ال ت�صبح اعمالك مكرره‪.‬‬ ‫‪ -3‬يجب ان تدر�س العالقه بني الظل و النور فانها من اهم اال�شياء التى‬ ‫جتعل ت�صميمك اما ان يكون جيدا او ال ‪ ,‬فمثال عندما تريد ر�سم ظل‬ ‫ل�شىء ما وانت ال تعرف كيف يكون ظله ا�ستعني ب�صوره حقيقه م�شابه‬ ‫ملا تقوم به لكى تعرف كيف هو الظل فى تلك احلاله حتى ت�صل القرب‬ ‫ما يكون من احلقيقه‪.‬‬ ‫‪ -4‬حاول ان ت�شاهد افالم كثريه حيث ميكن من خاللها ان تتعلم ا�سلوب‬ ‫ت�صميم خمتلف و ‪ Art direction‬فهناك عده م�شاهد فى بع�ض‬ ‫االفالم ت�ساعدك فى ذلك حتتاج منك فقط الرتكيز ‪.‬‬ ‫‪ -5‬حاول ان جتتهد مع نف�سك فى ان تقوم بعمل افكار وتنفذها لي�س‬ ‫ب�ضروره فى مكان عملك افعل لك مع نف�سك لكى تتطور ب�شكل ا�سرع ‪.‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪15‬‬

‫‪16‬‬

‫‪design guide‬‬

‫مفاهيــــم تهمـــــك‬ ‫حممد عزيز ‪ -‬الدوحة ‪ -‬ديزاين جايد‬ ‫مفهوم الإعالن‬ ‫الإعالن هو و�سيلة من و�سائل الإعالم ي�شرتك معه فى �أن العنا�صر الأ�سا�سية‬ ‫لكل منهما هى‪:‬‬ ‫مر�سل‪ :‬هو �أنت‪.‬‬ ‫ِ‬ ‫ر�سالة‪ :‬هى ذلك الت�صميم الذى تبدعه يداك‪.‬‬ ‫م�ستق ِبل‪ :‬ذلك اجلمهور الذى تخاطبه بر�سالتك‪.‬‬ ‫و لكن ما هو الإعالم؟‬ ‫الإعالم يف �أب�سط معانيه هو تو�صيل معلومة من طرف ُم ْع ِلم �إىل طرف ُم ْعلمَ‬ ‫ر�سل و ُم�ستق ِبل)‪.‬‬ ‫( ُم ِ‬ ‫مر�س ًال وفى‬ ‫مع االحتفاظ بحق تبادل الأدوار‪ ،‬فقد تكون فى �أحد املواقف ِ‬ ‫موقف �آخر تكون م�ستق ِب ًال‪ .‬والإعالن ب�شكل عام ال يعدو �أن يكون �أحد ثالثة‬ ‫�أنواع‪:‬‬ ‫الإعالن املرئي‬ ‫وهو ما تراه بعينك مثل �إعالنات التلفاز �أو الفيديو والتى تنق�سم بدورها‬ ‫�إىل ق�سمني‪:‬‬ ‫ق�سم قائم على �أداء جمموعة من امل�شاهد التمثيلية من خالل جمموعة من‬ ‫الفنانني‪ ،‬ولربامج معاجلة ال�صور والر�سوم فيه دور لكنه حمدود ويقف عند‬ ‫م�ستوى �ضبط جمموعة من اللقطات وت�سل�سل وترابط عر�ضها‪ ،‬مثل برنامج‬ ‫‪.Adobe Premiere‬‬ ‫ق�سم قائم على �إن�شاء نوع من احلركة ‪ ،Animation‬وتلعب برامج‬ ‫معاجلة ال�صور والر�سوم فيها دور ًا م�ؤثر ًا مثل برام ج ‪Adobe Photo s‬‬ ‫‪.hop- 3D Studio‬‬ ‫الإعالن املقروء‬ ‫وهو كل ما يتلقاه امل�ستق ِبل عن طريق القراءة مبا فى ذلك املجلة واجلريدة‬ ‫والكتاب املطبوع واملطبوعات التجارية مثل‪( :‬البو�سرت والربو�شور واال�ستيكر‬

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

‫‪design guide‬‬

‫ • �أال يكون �ساخر ًا �أو هدام ًا (ال�سخرية من املنتجات الأخرى‬ ‫ت�صيب املتلقي ب�شعور عك�سي يجعله يكره منتجك �أنت و يبحث عن‬ ‫املنتج الآخر ليكت�شف بنف�سه مواطن القوة و ال�ضعف فيه)‬ ‫ • �أال يكون ملفق ًا (كالإعالن عن �شيء غري موجود �أو غري فعال)‬ ‫�أال يكون معقد ًا غام�ض ًا (�إن كان الإعالن كذلك‬ ‫يفقد الإعالن انتباه املتلقي و ي�صرف عنه النظر‬ ‫مراحل �إنتاج الإعالن املطبوع‬ ‫ميكننا تق�سيم مراحل �إنتاج العمل املطبوع �إىل �أربعة مراحل‬ ‫رئي�سية هى‪:‬‬ ‫مرحلة الإعداد والت�صميم وت�شمل‬ ‫‪ .1‬ر�سم خمطط للت�صميم (‪)Sketching‬‬ ‫و تعترب هذه العملية من �أهم العمليات التي يجب اتباعها لت�سهيل‬ ‫العمليات التي تتبعها‪ .‬و هنا جند �أن الكثري من امل�صممني‬ ‫يتجاهلون هذه املرحلة ظن ًا منهم �أنها ال تجُ دي‪ ،‬يف حني �أن‬ ‫ال�شركات الكربى يف جمال الدعاية و الإعالن تعتمد اعتمادا كليا‬ ‫على هذه املرحلة التخاذ القرار ب�ش�أن العمل الفني قبل بدء عملية‬ ‫الت�صميم‪.‬‬ ‫‪.2‬جتهيز و�إعداد الأ�صول (‪)Originals‬‬ ‫و هي املرحلة التي ال ميكن �أن تتم �إال بعد �أن يكون املخطط جاهزا‬ ‫و متت املوافقة عليه و متت درا�سة احتياجات الت�صميم جيد ًا‪.‬‬ ‫فالأ�صول هي كل ما يحتاجه الت�صميم من �صور و ر�سوم و �أنواع‬ ‫خطوط �أو حتى درجات �ألوان‪ .‬و من امل�ؤكد �أن كثري ًا من الأعمال‬ ‫الفنية تعتمد على جودة �صورة �أو �أكرث بها خا�صة لو كان العمل‬ ‫�إعالن ًا جتاري ًا‪ ،‬ففى الغالب ن�ضع �صورة املنتج الذى نعلن عنه‬ ‫وتكون هذه ال�صورة هى مفتاح جناح الإعالن‪( ،‬فمث ًال �إذا �أردنا‬ ‫الإعالن عن موديل جديد ل�سيارة ما فت�أكد �أنه لن تفلح كلمات‬

‫املديح التى قد تكتبها فى الإعالن مهما كانت بليغة وقوية �إن كانت‬ ‫�صورة ال�سيارة امل�ستخدمة به رديئة وال تتما�شى مع االنطباع الذى‬ ‫نريد �أن نطبعه فى ذهن امل�ستهلك)‪.‬‬ ‫‪ .3‬العملية الت�صميمية‬ ‫هنا ميكننا القول �أن العملية الت�صميمية قد بد�أن فكل ما يحتاجه‬ ‫الت�صميم قد مت جتهيزه و مت اعتماد الت�صور املبد�أي للت�صميم و‬ ‫الآن ميكن للم�صمم �أن ينفذ ما جاء يف املخطط و ميكنه �إدخال‬ ‫الن�صو�ص و ا�ستخدام الألوان و تغيري و تبديل الأحجام و الأ�شكال‬ ‫كما جاء يف املخطط‬ ‫مرحلة ما قبل الطباعة (‪:)Pre-press‬‬ ‫وت�شمل جمموعة العمليات التجهيزية التى ت�سبق عملية الطباعة‬ ‫و تبد�أ من اختيار نوع امللف الذي �سيتم ت�سليمه للمطبعة مرورا‬ ‫مب�ساحات الهوام�ش امل�ستخدمة يف تقطيع احلواف و�صوال لف�صل‬ ‫قنوات الألوان (‪ )CMYK‬و عمل ف�صل مللفات فورمة التقطيع �إن‬ ‫وجد حتى حتديد موا�ضع الإ�ضافات الفوق طباعية مثل (الطبقات‬ ‫الالمعة �أو العالمات املائية �أو الطبقات املعدنية العاك�سة �أو �أغطية‬ ‫م�ساحات اخلد�ش)‬ ‫مرحلة الطباعة (‪:)Printing‬‬ ‫ت�ستخدم ماكينة الطباعة للح�صول على املطبوع و هي مراحل‬ ‫ميكن للم�صمم �أن يتعرف عليها من �أهل االخت�صا�ص ليكون �أكرث‬ ‫دراية بامل�شكالت �أو الفوائد التي يت�سبب بها امل�صمم و يتعامل‬ ‫معها فني الطباعة‪.‬‬ ‫مرحلة ما بعد الطباعة (‪:)Finishing / Post Press‬‬ ‫وهى جمموعة العمليات النهائية التى تتم للح�صول على مطبوع‬ ‫نهائى مثل (التغليف – التقطيع – التخرمي – التجليد – التجميع‬ ‫ �إلخ‪..‬‬‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪17‬‬

‫‪18‬‬

‫‪design guide‬‬

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

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

‫‪ ،Fuchsian‬دون �أن يتو�صل �إىل نتيجة‪ ،‬ويف �إحدى‬ ‫الليايل‪ ،‬وبعد �أن �شرب القهوة (على غري عادة)‬ ‫وبات غري قادر ًا على النوم‪ ،‬تواردت �أفكار يف ذهنه‪،‬‬ ‫كما قال‪ ،‬على �شكل ح�شود حمت�شدة تت�صادم �أحيان ًا‬ ‫وتت�شابك �أحيان ًا �أخرى‪ .‬وبعد فرتة وجيزة‪ ،‬وبينما كان‬ ‫يقوم برحلة جيولوجية خايل الذهن من �أية �أفكار عن‬ ‫الريا�ضيات‪ ،‬خطرت له الفكرة املطلوبة‪ ،‬وهو ي�ضع‬ ‫قدمه على �سلم احلافلة‪.‬‬ ‫طرق التغلب على حالة الكف الفكري والعالقة بني‬ ‫الواعي والالوعي‬ ‫ت�شري البيانات �إىل �أن ‪ 90%‬من املعلومات التي‬ ‫يتلقاها مخ الإن�سان مدفونة يف العقل الباطن‪ ،‬ولكن‬ ‫لي�س هناك و�سيلة �سهلة لكي يخرجها ال�شخ�ص‬ ‫ب�إرادته �إىل حيز الوجود الرحب‪ ،‬و�إمنا تخرج من تلقاء‬ ‫نف�سها �إن �أرادت‪ ،‬وال �سلطان للعقل الواعي عليها �إذا‬ ‫رغب فيها ال�شخ�ص‪ .‬فال ميكنه �أن ي�أمر عقله الباطن‬

‫‪design guide‬‬

‫ب�إطالق البيانات الدقيقة التي يحتاجها وقتما ي�شاء‪،‬‬ ‫فالعقل الباطن يف حاجة �إىل الوقت للتمحي�ص والفرز‬ ‫و�إعادة التنظيم‪ ،‬ثم ت�أتي الإجابة وقت ال يتوقع‪ .‬رمبا‬ ‫بعد دقائق �أو �ساعات �أو حتى �أيام من التوقف عن‬ ‫التفكري ملي ًا يف امل�شكلة‪� ،‬إذ باحلل يوم�ض بغتة يف‬ ‫الذهن الواعي‪ ،‬فقد يخطر على البال فج�أة فكرة‬ ‫�أو �إجابة على م�شكلة �صعبة‪ ،‬ت�أتيك وذهنك يف �شغل‬ ‫�شاغل ويفكر يف �أمر �آخر �سواء �أكان مرتبط ًا بامل�شكلة‬ ‫قيد التفكري �أو غري مرتبط‪.‬‬ ‫وتعتمد فل�سفة طرق التغلب الكف الفكري على ما‬ ‫ي�سم ى “ظاهرة التحول الفكري املتعمد” ‪Sere n‬‬ ‫‪ ،dipity‬وجممل هذه الظاهرة �أن حل امل�شكلة ال‬ ‫ي�أتي �إال عندما يبتعد الذهن عن الرتكيز كثري ًا يف‬ ‫امل�شكلة – ولو �إرادي ًا – ويتم ذلك ب�أن ي�شغل ال�شخ�ص‬ ‫نف�سه ب�أي عمل �أو ن�شاط خمتلف‪� ،‬أو �أن ي�ستلقي‬ ‫لال�سرتخاء والراحة‪.‬‬ ‫ويبدو �أن الو�سيلة التي حتققها طرق التغلب على‬ ‫الكف الفكري ترتكز يف حتقيقها قدر من اال�سرتخاء‬ ‫واختفاء التوتر‪ ،‬مما قد ي�ساعد على �إعادة ت�صور‬ ‫املوقف و�صياغته �صياغة عقلية جديدة‪ .‬ف�سرعان ما‬ ‫يتبدد الكف‪ .‬يذكر “هاردجن” ‪:R.Hardung‬‬ ‫“�أن وم�ضة الإلهام غالب ًا ما ترتبط وت�أتي للعلماء‬ ‫واملهند�سني حينما يحاولون االبتعاد عن التفكري‬ ‫املبا�شر يف م�شاكلهم العلمية والهند�سية‪� ،‬أي يف‬ ‫حلظات االرتياح من التفكري فيها بالتفكري يف �أي �شيء‬ ‫�آخر‪� ،‬أو بعمل �شيء �آخر‪.‬‬ ‫واملفكر احلقيقي �إذا ف�شل يف حل امل�شكلة ف�إنه لن‬ ‫ي�ست�سلم‪ ،‬بل ينحي املو�ضوع جانب ًا لفرتة‪ .‬وبعدئذ يعود‬ ‫�إليها مرة �أخرى‪ .‬ويف هذه املرة �سيجد �أن ثمة جوانب‬ ‫غام�ضة معينة قد �صارت وا�ضحة بع�ض ال�شيء‪،‬‬

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

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

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪19‬‬

‫‪20‬‬

‫‪design guide‬‬

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

‫عندما كنا �صغار يف املدر�سة علمونا �أن فهم ال�س�ؤال‬

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

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

creative designer

a_hassany71@hotmail.com

16

17

creative designer

Designer professional community/ special supplement of Mobile Trend Magazine

‫‪24‬‬

‫‪design guide‬‬

‫شفرة‬ ‫اإلستجابة السريعة‬

‫‪=Quick Response‬‬

‫‪QR Code‬‬

‫‪Scan‬‬ ‫‪ME‬‬

‫د‪ .‬حممود الفقي ‪ -‬ديزاين جايد‬ ‫�أبتكرت ال�شفرة بوا�سطة �شركة دين�سو ويف ‪ Denso Wave‬اليابانية‪ ،‬وهي‬ ‫�شركة رائدة يف جتارة �أجهزة ومعدات التجميع الآيل للبيانا ت ‪Autom a‬‬ ‫‪ ،tic Data Capture‬وذلك يف عام ‪ 1994‬تعريف ال�شفرة ‪:QR‬‬ ‫يطلق على م�صطح ‪ QR Code‬ال�شفرة ذات الإ�ستجابة ال�سريعة حيث �أن‬ ‫م�صطلح ‪ QR‬هو �إخت�صار ‪� Quick Response‬أي الإ�ستجابة ال�سريعة‪،‬‬ ‫وهي منوذج لل�شفرات امل�صفوفية ثنائية الأبعاد �صغرية احلجم‪ ،‬والتي ميكن‬ ‫�إخفاءها �أو دجمها داخل �صورة جذابة جمالي ًا داخل جريدة �أو جملة �أو حتى على‬ ‫املالب�س‪.‬‬ ‫�أبتكرت ال�شفرة بوا�سطة �شركة دين�سو ويف ‪ Denso Wave‬اليابانية‪ ،‬وهي‬ ‫�شركة رائدة يف جتارة �أجهزة ومعدات التجميع الآيل للبيانا ت ‪Autom a‬‬ ‫‪ ،tic Data Capture‬وذلك يف عام ‪� 1994‬أي منذ ع�شرون عام ًا‪ ،‬ومع‬ ‫تطور �أجهزة الهواتف املحمولة الذكية وبخا�صة التي تدعم خا�صية الدخول على‬ ‫الإنرتنت كان هناك تطور ومنو موازي لإ�ستخدام �شفرة الإ�ستجابة ال�سريعة يف‬ ‫التطبيقات التجارية املختلفة‪.‬‬ ‫توليد ال�شفرة ‪ QR‬وقراءتها‪:‬‬ ‫ميكن ت�شفري �شفرة ‪ QR‬بوا�سطة �أي برنامج مولد لل�شفرة‪ ،‬واملتوفر جمان ًا على‬ ‫�شبكات الإنرتنت‪ ،‬مثل ‪ ،QR Code Generator‬ومن اجلدير بالذكر‬ ‫�أن قامت �شركة �أدوبي ‪ Adobe‬عام ‪2013‬م ب�إ�ضافة خا�صية توليد �شفرة‬ ‫‪� QR‬إىل منتجها ‪ Adobe InDesign‬وذلك يف �إ�صدارها قبل الأخري‬ ‫‪ Adobe InDesign CC‬وذلك عن طريق الأمر ‪Generate QR‬‬ ‫‪ ..Code‬املوجود يف القائمة ‪ ، Object‬ويتم ذلك بب�ساطة عن طريق‬ ‫قيام امل�ستخدم ب�إدخال البيانات املطلوب ت�شفريها وتخزينها كعناوين املواقع‬ ‫الإليكرتونية ‪Web Hyperlinks‬والر�سائل الق�صرية ‪Text Mess a‬‬ ‫‪ ges‬ومعلومات الإت�صال ‪ ، Contacts‬وغريها من املعلومات الأخرى بكل‬ ‫�سهولة‪ ،‬وعندها يقوم الربنامج ب�إنتاج ال�شفرة بحيث تظهر على ال�شا�شة �إليكرتوني ًا‬ ‫�أو يتم طباعتها �إن تطلب الأمر‪ ،‬بعد ذلك يتم فك تلك ال�شفرة (قراءتها)‬ ‫بوا�سطة كامريا �أي هاتف حممول يحتوي على قارئ خا�ص لتلك ال�شفرة‪ ،‬والذي‬ ‫�أي�ض ًا متوفر وجمان ًا على �صفحات الإنرتنت لكي يتم تثبيته على �أجهزة الهواتف‬ ‫املحمولة التي تخلو منه‪ ،‬ومبجرد ت�شغيل الربنامج وتوجيه عد�سة كامريا الهاتف‬ ‫املحمول تتم م�سح �أو قراءة ال�شفرة‪.‬‬ ‫وميكن قراءة ال�شفرة من �أي �إجتاه ومن �أي زاوية من خالل التعرف على مناذج‬ ‫البحث ‪ Finder Patterns‬اخلا�صة بها واملوجودة يف ثالث �أركان منها‪،‬‬

‫‪design guide‬‬ ‫كما ميكن قراءتها وهي يف و�ضع مائل �أو حتى لو كانت مو�ضوعة على �سطح منحني‬ ‫كما بال�شكل رقم (‪ ،)1‬وذلك من خالل مناذج املاحاذاة ال�ستة ‪Alignment‬‬ ‫‪ Patterns‬و�أي�ض ًا مناذج التوقيت ‪.Timing Patterns‬‬ ‫كما ميكن قراءة �شفرات ‪ QR‬املت�سخة �أو امل�ستهلكة بن�سبة تزيد عن ‪30%‬‬ ‫بطريقة �صحيحة‪.‬‬ ‫وعند قراءتها ت�أخذك مبا�شرة اىل م�شاهدة فيديو‪� ،‬أوتظهر الن�صو�ص املمثلة‬ ‫لبياناتها كعناون مث ًال‪� ،‬أو تظهر ر�سالة طلب لل�سماح لفتح م�ستعر�ض �صفحات‬ ‫الإنرتنت املثبت على الهاتف للدخول مبا�شرة على موقع �إليكرتوين من�شود‪ ،‬كما‬ ‫ميكن �إر�سال ر�سائل ق�صرية مبا�شرة‪� ،‬أو حتى حفظ معلومات الإت�صال داخل‬ ‫حافظة العناوين بالهاتف ‪ Phone book‬ب�سهولة �شديدة‪.‬‬ ‫وهذه ال�شفرة امل�صفوفية ثنائية الأبعاد منت�شرة بقوة يف اليابان‪ ،‬وذلك لقدرتها‬ ‫الفائقة على ت�شفري لغة الـ ‪ Kanji‬اليابانية‪ ،‬كما ازدادت �إنت�شار ًا م�ؤخر ًا يف‬ ‫جميع �أنحاء العامل‪ ،‬وذلك لإحتوائها على �سعة تخزينية كبرية للغاية ت�سع لكم‬ ‫هائل من املعلومات �أو البيانات املعقدة تظهر يف النهاية يف �شكل منوذج م�صفويف‬ ‫�صغري للغاية يرتاوح حجمه ما بني ‪ 21×21‬اىل ‪ 177×177‬خلية‪ ،‬مع امكانية‬ ‫أفقي ور�أ�سي ًا‪ ،‬ومع ذلك فهي قادرة على تخزين ‪7089‬‬ ‫الزيادة حوايل ‪ 4‬خاليا � ً‬ ‫رقم �أو ‪ 4296‬حرف �أو ‪ 2953‬بايت �أو حتى خليط فيما بينهم‪ ،‬وتتميز تلك‬ ‫النوعية من ال�شفرات بالذات عن باقي ال�شفرات امل�صفوفية ثنائية الأبعاد مثل‬ ‫‪ Data Matrix, Maxi code, PDF417‬ب�أنها الأكرب يف �سعتها‬ ‫التخزينية كما بال�شكل رقم (‪ ،)2‬فيمكن لتلك ال�شفرة تخزين املعلومات التي‬ ‫تخزنها ال�شفرة اخلطية العادية يف حوايل ‪( 1/10‬ع�شر) �سعتها التخزينية‪.‬‬ ‫تطبيقات ال�شفرة ‪:QR‬‬ ‫ت�ستخدم �شفرة الإ�ستجابة ال�سريعة يف العديد من التطبيقات نظر ًا لأنها �سهلة‬ ‫الإ�ستخدام‪ ،‬ومنخف�ضة التكاليف‪ ،‬وموفرة للوقت واملال واملجهود‪ ،‬ولكن يعيبها‬ ‫فقط عدم الدراية والإملام الكايف بها كتكنولوجيا حديثة الإ�ستخدام‪ ،‬ولكن من‬ ‫املتوقع زيادة ا�ستخدامها مبجرد التعرف عليها و�أي�ضا التعامل مع الربامج املدعمة‬ ‫لها‪.‬‬ ‫فكانت ت�ستخدم يف بداية الأمر يف جمال ال�صناعة‪ ،‬وبالتحديد على خطوط‬ ‫ت�صنيع وجتميع �أجزاء ال�سيارات‪ ،‬حيث كانت ت�ستخدم يف عمليات التتبع الآيل‬ ‫لتلك الأجزاء‪ ،‬وبعد فرتة من الزمن بد�أت العديد من امل�صانع وال�شركات �أن تطوع‬ ‫تلك ال�شفرات خلدمة تطبيقاتها اخلا�صة‪ ،‬وذلك بدء ًا من �صناعة الإت�صاالت‪.‬‬ ‫والإ�ستخدامات العامة لها تتمثل يف تخزين عناوين املواقع الإليكرتونية واملعلومات‬ ‫املختلفة على البو�سرتات والالفتات وبطاقات العمل (الكروت ال�شخ�صية) و�أي�ض ًا‬ ‫على املوا�صالت العامة‪ ،‬كما ت�ستخدم يف عمليات التتبع التجارية‪ ،‬وال�شئون‬ ‫احلربية‪ ،‬والتحكم يف املخزون ال�سلعي و�أي�ض ًا يف جمال الدعاية والإعالن‪ ،‬وامتدت‬ ‫�شعبيتها اىل �أوروبا و�أمريكا وكندا‪ ،‬حيث �أكرث ال�شعوب امل�ستخدمة للهواتف‬ ‫املحمولة ذات اجليل الثالث للدخول على �صفحات الأنرتنت‪.‬‬ ‫كما ت�ستخدم تلك ال�شفرات يف ت�شفري البيانات وبلغات خمتلفة‪ ،‬وذلك يف كثري من‬ ‫التطبيقات كالتعليم وال�صحة والطريان والزراعة والإت�صاالت‪ ،‬كما ت�ستخدم يف‬ ‫عمليات ك�شف الهوية ال�شخ�صية للأفراد واملنتجات‪.‬‬ ‫وللأ�سف ال�شديد وبالرغم من �أن هذه ال�شفرة ي�صل عمرها اىل ‪ 20‬عام �إال �أن‬ ‫هناك الكثريين ممن يجهلون بها وال يعرفون ماهيتها عندما يرونها على ما ترفق‬ ‫به‪ ،‬هذا بالإ�ضافة اىل �أنه حتى لو علم البع�ض بها فلي�س كل �شخ�ص يدعم هاتفه‬ ‫املحمول بكامريا �أو حتى بالربنامج اخلا�ص بقراءتها‪ ،‬ومن هنا يجب حتميل ذلك‬ ‫الربنامج من على �صفحات الإنرتنت ثم تثبيته وت�شغيله و�إختباره‪.‬‬ ‫ف�ض ًال عن ذلك‪ ،‬ف�إن �شفرة الإ�ستجابة ال�سريعة ميكن �أن تقوم بتوجيه م�ستخدميها‬ ‫اىل موقع �إليكرتوين ال يعر�ض على نحو الئق �أو ب�صورة وا�ضحة على هواتفهم‬ ‫اخللوية‪.‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪25‬‬

‫‪26‬‬

‫‪design guide‬‬

‫تصميم الشعار‬ ‫د‪ .‬حممد �صديق ‪ -‬ديزاين جايد‬

‫لماذا نحتاج لتصميم‬ ‫شعار ؟‬

‫هذا �س�ؤال مهم وللأ�سف الكثري ممن يبد�أون اي ن�شاط‬ ‫جدي ��د ال يهتم ��ون بالتفك�ي�ر ول ��و للقليل م ��ن الوقت يف‬ ‫ت�صمي ��م الهوية كما يج ��ب ‪ ،‬ت�صميم �شعار منا�سب من‬ ‫ال�صعوب ��ة بحيث يعترب من �أول الأولويات ‪.‬ولذلك يجب‬ ‫غاي ��ة كل ن�ش ��اط يف بداية �إن�شائه �أن يثب ��ت نف�سه �أمام‬ ‫املناف�س�ي�ن ‪ ،‬جودة ت�صميم ال�شعار �أح ��د ا�سهل الطرق‬ ‫للح�ص ��ول على امل�صداقي ��ة و االحرتافية منذ البداية و‬ ‫�أنت يف ا�شد ما تكون لها الآن‪.‬‬ ‫الأن�شط ��ة اجلدي ��دة يف الع ��ادة يجب �أن جت ��ذب انتباه‬ ‫املتلق ��ي بعيد ًا عن املناف�سني‪ ،‬ال�شعار املميز يبقى عالق ًا‬ ‫يف �أذه ��ان املتلقني ويكون من ال�سهل مبكان تذكره ومن‬ ‫ثم تذكر اال�سم‪ ،‬ال�شعار ي�ضيف نوع ًا من اجلاذبية لأي‬ ‫م�ستن ��د �أو �صفحة �إنرتن ��ت ‪ ،‬ويزيد م ��ن ت�أثري و�سائط‬ ‫الرتوي ��ج الأخ ��رى‪ ،‬ويج ��ب �أن ننتب ��ه عل ��ى �أن ال�شعار‬ ‫ال�سهل الب�سيط اخلايل من التعقيد هو �أقوى يف �إي�صال‬ ‫الر�سال ��ة (�سه ��ل امل�شاه ��دة ‪� ،‬سهل الفه ��م يعتمد على‬ ‫الربجم ��ة املرئي ��ة‪ ,‬واختيار نوع اخل ��ط امل�ستخدم مهم‬ ‫ج ��د ًا مع ك ��ون ا�ستخ ��دام خ ��ط خا�ص اف�ض ��ل ويف�ضل‬ ‫االبتع ��اد عن اخلط ��وط ال�سميكة قدر الإم ��كان ملراعاة‬ ‫ت�صمي ��م ال�شع ��ار وا�ستخداماته يف الطباع ��ة (و�ضوح‬ ‫ال�شع ��ار يف املقا�سات ال�صغرية ) ويج ��ب ال�شعار يكون‬ ‫يف الع ��ادة م ��ن لون�ي�ن �إىل ثالثة كح ��د �أق�ص ��ى وقليلة‬ ‫ه ��ي ال�شع ��ارات الت ��ي تكون مكون ��ة من ‪� 4‬أل ��وان ‪Full‬‬ ‫‪ color‬وين�ص ��ح ب�شكل ع ��ام �أن ت�ستخدم نظ ��ام �ألوان‬ ‫‪ PANTONE‬عند التعامل مع املطابع‬ ‫�أ�سا�سيات ت�صميم ال�شعارات ‪LOGOS‬‬

‫هن ��اك مق ��والت ع ��ن خ�صائ� ��ص ومي ��زات ال�شع ��ار‬ ‫الناجح‪:‬نعط ��ي منها امثله ‪ -:‬ال�شعار يجب ان يدل على‬ ‫نف�س ��ه ب�ش ��كل مقنع ملن ي ��راه‪ ,‬مبزاج و�أ�سل ��وب ينا�سب‬ ‫�سلعت ��ه او �صاحب ��ه (�شرك ��ة‪ ,‬منتج)‪� ،‬أن يك ��ون ال�شعار‬ ‫ن ��ادر ًا و يو�ص ��ل الفكرة ب�ش ��كل جلي وت ��ام )‪Adrian‬‬ ‫‪.)Clifford, Rinzen, Australia‬‬ ‫ال�شع ��ار جيد هو الذي يعرب عن ق ��وة العالمة التجارية‬ ‫التي يحمل ا�سمه ��ا‪ ,‬ي�سبب جتاوبا ملحوظا من النا�س‪,‬‬ ‫فن�سب ��ة جناح اي �شع ��ار تقا�س فقط بتج ��اوب ورد فعل‬ ‫النا�س‪)Ross Imms, A Side Studio, UK( .‬‬

‫(�أرى ان اح ��د م�سبب ��ات ال�شع ��ار الناج ��ح – التعب�ي�ر‬ ‫بال�ش ��كل ال�صحيح واي�صال الفك ��رة وا�ستخدام عوامل‬ ‫قليلة يف الت�صميم) (مبعنى ان يكون الت�صميم وا�ضحا‬ ‫وب�سيط ��ا)‪ ,‬فهذا ي�ساعد عل ��ى ان يكون ال�شعار مفهوما‬ ‫�أكرث‪ ,‬ويجعله ا�سهل ليمي ��زه النا�س عن غريه والأ�صالة‬ ‫اي�ض� � ًا مهمة‪ ,‬فال�شع ��ار اجليد هو الذي يع�ب�ر بطريقة‬ ‫ناجح ��ة عن اه ��داف وخدم ��ات ال�شركة الت ��ي ميثلها‪.‬‬ ‫(‪)Ben Cave Uk‬‬ ‫�إن ت�صمي ��م �شع ��ار ال يتطل ��ب خي ��ال وا�س ��ع وح�س فني‬ ‫وبراع ��ة يف الر�سم فق ��ط ‪ ..‬بل هو يتطل ��ب ال�سري على‬ ‫خط ��وات علمية �صحيح ��ة حتى يخرج ال�شع ��ار بال�شكل‬ ‫ال�سليم واملعرب حت ��ى يو�صل ر�سالة وا�ضحة عن حمتوى‬ ‫املوقع او ال�شركة او املنتج الذي يتم ت�صميم ال�شعار له ‪،‬‬ ‫�أال تتفق معي �أن بع�ض ال�شعارات تلفت نظرك من بعيد‬ ‫‪ ..‬ل ��و ر�أيتها من بعد �أمي ��ال �ستعرفها مثل ‪ :‬مكدونالدز‬ ‫ونايك ��ي وكوكاكوال وبيب�سي وياه ��و وجوجل ومر�سيد�س‬ ‫وتويوت ��ا وغريه ��ا الكث�ي�ر !! مل ��اذا ه ��ذه ال�شع ��ارات‬ ‫مع�ب�رة وب�سيط ��ة ؟؟ لأنها وب ��كل ب�ساطة تتب ��ع املعايري‬ ‫ال�صحيحة لل�شعار ‪.‬‬ ‫* �أوال‪ :‬الب�ساطة يف الألوان‬ ‫لي�س غريبا �أن جتد �أغل ��ب �شعارات ال�شركات املرموقة‬ ‫ت�ستخ ��دم لون �أو لونني بالكث�ي�ر ‪ ،‬الإكثار من الألوان يف‬ ‫ال�شع ��ار ي�شو� ��ش على الناظ ��ر وقد يجع ��ل ر�ؤيته وفهمه‬ ‫�صعب ��ا ‪ ..‬لذلك عليك �أن حتر�ص �أن يحتوي ال�شعار من‬ ‫‪� 1‬إىل ‪� 3‬ألوان فقط‪.‬‬ ‫* ثانيا‪ :‬تعددية اال�ستخدام‬ ‫�إن �أف�ض ��ل ال�شع ��ارات عل ��ى الإطالق ه ��ي التي ميكنك‬ ‫ر�ؤيته ��ا عل ��ى بطاق ��ة �أعمال �صغ�ي�رة ولوح ��ة �إعالنات‬ ‫�ضخم ��ة بنف�س الو�ضوح والدقة ‪� ،‬أي �أن ال�شعار يجب �أن‬ ‫يكون مرن ‪ ،‬بحي ��ث ميكن ت�صغريه وتكبريه بكل �سهولة‬ ‫دون �أن ي�شو� ��ش عل ��ى امل�شاه ��د ودون �أن تختفي معامل‬ ‫ال�شعار‪.‬‬ ‫* ثالثا‪� :‬سهولة القراءة‬ ‫يري الباحث ب�أن �صعوبه ق ��راءه وفهم م�ضمون ال�شعار‬ ‫ال يعطي لل�شعار النج ��اح والتميز واالحرتافيه ‪ ..‬بل هو‬ ‫الف�ش ��ل عل ��ى الإط�ل�اق ‪� ..‬إن ال�شع ��ارات الناجحة هي‬ ‫ال�شع ��ارات التي ميكنك فهمها وق ��راءة الن�ص املكتوب‬ ‫فيها مبا�شرة م ��ن �أول نظرة ‪ ..‬ولنا يف �شعارات جوجل‬ ‫�أو �شع ��ار ياهو” املثل العمل ��ي للب�ساطه و�سهوله القراءه‬ ‫والتميز ‪..‬‬ ‫* رابعا‪ :‬فريد ومميز‬ ‫ك ��ي يتذكر النا�س �شعارك وينطبع يف خميلتهم من �أول‬

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

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

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

‫ت�صمي ��م �شعارها والت ��ي تتطلب اجللو�س م ��ع م�سئويل‬ ‫ال�شرك ��ه املخت�صيني بق ��رار ت�صميم ال�شع ��ار ومعرفه‬ ‫تفا�صي ��ل خدماته ��م ور�ؤيته ��م لأنف�سه ��م وم ��ا ميكنهم‬ ‫تقدميه‪ ،‬و طب ًعا ت�سجي ��ل النقاط املهمة التي يذكرونها‬ ‫ً‬ ‫خطوطا عري�ضة للبحث عن طبيعه تخ�ص�صهم‬ ‫لتكون‬ ‫حت ��ي نتمكن م ��ن ك�شف هوي ��ه امل�ؤ�س�سه نظري� � ًا والتي‬ ‫ب�ص ��دد حتقيقه ��ا بهوي ��ة ب�صري ��ة منا�سب ��ة من خالل‬ ‫الت�صميم‪.‬‬ ‫‪ -2‬البح ��ث وتب ��ادل الأف ��كار ‪Research and‬‬ ‫‪Brainstorming‬‬

‫وهي عملية الع�صف الذهني والبحث جلميع املعلومات‬ ‫ال�سابق جتميعها وحتليله ��ا وكذالك البحث عن هويات‬ ‫ل�شركات �أخرى تقدم‬ ‫نف� ��س اخلدم ��ة و� ً‬ ‫أي�ضا درا�ستها فقد تتي ��ح لك �أفكارها‬ ‫اخل ��روج بفكرة جدي ��دة وفريدة �أو تطوي ��ر فكرتها �إىل‬ ‫�أخ ��رى �أح�سن مع تق ��دمي عملك اخلا� ��ص بك وحدك‪،‬‬ ‫و�أهم �شيء جتنب التقليد وتقدمي عمل م�شابه للأعمال‬ ‫املوجودة‪.‬‬ ‫‪ -3‬عم ��ل الأ�سكت�ش ��ات والأف ��كار الت�صميمي ��ة الأولي ��ة‬ ‫‪Sketching & Conceptualizing‬‬ ‫ترجمه الأفكار يف ر�سومات خطيه علي ورق الإ�سكت�شات‬ ‫الأبي�ض العادي م�ستخدم ��ا الرموز والعنا�صر املعربة‬ ‫عن جمال ال�شركه‬ ‫ب�أفكار متنوعة ومبتك ��رة منها املبا�شر والغري‬ ‫مبا�شر ‪.‬‬ ‫‪ -4‬مرحل ��ه التح�س�ي�ن والتنقي ��ح‬ ‫وتطوي ��ر ال�شع ��ار & ‪Revisions‬‬ ‫‪Polishing & Logo‬‬ ‫‪design development‬‬

‫يف التوا�صل م ��ع امل�ستهلك�ي�ن (اجلمهور‬ ‫املتلقي) عملية تتطلب مزيد من اجلهد والوقت الطويل‬ ‫جلمع معلوم ��ات متعلقة مبج ��ال ال�شرك ��ه ونكون حتت‬ ‫ت�س�أوالت نحتاج اجابه لها وهي‬ ‫*كي ��ف يرتج ��م ويف�س ��ر اجلمه ��ور ت�صمي ��م ال�شع ��ار‬ ‫اجلدي ��د؟ * هل يعك�س ال�شع ��ار �أهداف ال�سوق ؟ * هل‬ ‫النم ��ط امل�ستخدم يف ت�صميم هوي ��ه ال�شعار �أو العالمة‬ ‫التجاري ��ه مالئ ��م ومفهوم لفئ ��ه اجلمه ��ور امل�ستهدف‬ ‫ولالجابه علي هذة الت�س� ��أوالت والأفكار احليوية علينا‬ ‫�أن من�ضي قدما من خالل مثال حقيقي لت�صميم �شعار‬ ‫لنتعرف علي خطوات ت�صميمه‪.‬‬ ‫‪ -1‬درا�س ��ة اجله ��ة او امل�ؤ�س�س ��ه او ال�شرك ��ه وعامله ��ا‬ ‫واخت�صا�صتها ‪The Design Brief‬‬ ‫املعرفة بخدمات ال�شرك ��ة �أو ن�شاط اجلهة التي ب�صدد‬

‫بع ��د ا�ستعرا� ��ض الأفكار‬ ‫ال�سابق ��ة عل ��ي العمي ��ل‬ ‫واختي ��اره لبع� ��ض ه ��ذة‬ ‫العنا�ص ��ر او التكوينات يتم‬ ‫عم ��ل التعدي�ل�ات اخلا�ص ��ة‬ ‫بالعمي ��ل وترجمتها عن طري ��ق م�سارية التجهيز الفني‬ ‫الطباع ��ي وحتويله ��ا لأف ��كار جمه ��زة ع�ب�ر الربام ��ج‬ ‫اجلرافيكي ��ة املتخ�ص�ص ��ه وعر�ضها عل ��ي العميل مرة‬ ‫اخري بالوان �أبي�ض و�أ�سود‪.‬‬ ‫‪ -5‬اختيار ت�صميم ال�شعار املنا�سب ‪Selected logo‬‬ ‫‪design‬‬

‫‪ -6‬عملي ��ة اختيار املجموع ��ه اللونيه املنا�سب ��ه لل�شعار‬

‫‪Color selection process‬‬

‫ويف ه ��ذة اخلط ��وة وه ��ي حمور اهتم ��ام الباح ��ث يتم‬ ‫تطبي ��ق جمي ��ع الأحتم ��االت اللوني ��ة املنا�سب ��ة لطبيعه‬ ‫ال�شركة وفق ��ا للدرا�سات اللونية والأ�س�س ال�سيكولوجيه‬ ‫والثقافية والعلمية لتكوين الألوان‬ ‫‪ -7‬اللوجو النهائي ‪Finished logo‬‬ ‫‪ -8‬عمل املطبوعات اجلرافيكية اخلا�صة وعليها �شعار‬ ‫ال�شركة اجلديد ‪. Graphic prints work‬‬ ‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪27‬‬

‫‪28‬‬

‫‪3d guide‬‬

‫ما هى امكانيات ‪3d‬‬ ‫داخل برنامج النيوك ‪NUKE‬‬

‫هبه ح�سن حافظ ‪ -‬ديزاين جايد‬ ‫ذلك الربنامج الهائل جدا ملا ميلك من امكانيات‬ ‫‪ ،‬هو �إحدى برامج عمل امل�ؤثرات واخلدع‬ ‫الب�صرية او جتميع عدة لقطات فى م�شهد واحد‬ ‫‪ . VFX & Compositing‬وتلك االمكانيات‬ ‫املتنوعه والقوية واملتزايدة كل يوم جعلته‬ ‫مت�صدرمعظم”ان مل يكن كل” االفالم العاملية‬ ‫منها على �سبيل املثال ال احل�ص ر ‪Transfo r‬‬ ‫‪mers, 2012, Spider man, Rise of‬‬ ‫‪ the planet of the Apes...etc‬وغريها من‬ ‫االفالم التى حتتوى على خدع قد تكون غاية‬ ‫فى ال�صعوبه ولكنها فى منتهى الواقعية‪ .‬ذلك‬ ‫لإعتمادة على ما ي�سمى بال ُعقد (‪ )Nodes‬التى‬ ‫جتعل من ال�سهل التعامل معه فقد حتتوى ‪node‬‬ ‫واحدة على اكرث من ت�أثري ‪،‬االمر الذى قد يحتاج‬ ‫اىل عدة لريات فى برامج �أخري‪ ،‬كما ا ن ‪Fou n‬‬ ‫‪( dry‬ال�شركة املنتجة لربنامج النيوك) تعمل‬ ‫ب�شكل م�ستمرلتطوير الربنامج والتى ب�صدد‬ ‫انتاج امكانيات جديدة هائله منه ا ‪Nuke St u‬‬ ‫‪ dio‬لتجميع عدة م�شاهد مه بع�ض وت�سهيل عمل‬

‫‪3d guide‬‬ ‫‪.Composition team‬‬ ‫تعديل املوديل واخلامات ‪Edit and Texture the Model‬‬ ‫ومن �أهم االمكانيات التى يتمتع بها برنامج ال ‪ Nuke‬هى احتوائه على‬ ‫نظام قوى لل ‪ ، 3D‬حيث ميكن ا�سترياد املوديل للنيوك والتعامل معه بحرية‬ ‫متكامله من حركته ودورانه ‪ ،‬وعم ل ‪ texture‬له بل وا�ستخدام اكرث من ‪te x‬‬ ‫‪ ture‬لتكون خامه معقدة ب�إ�ضافة ‪ Noise‬مثال او ت�أثريات اخرى لها (هذا‬ ‫غري ا�ستخدام ‪ Projecting Textures‬اي�ضا ك ‪ technique‬لعمل اخلامه‬ ‫نف�سها ب�شكل خمتلف) باال�ضافة اىل ت�أثري اال�ضاءة مع او بدون اخلامات و التى‬ ‫ميكن ان ت�ضيف ت�أثري ملود خمتلف ح�سب ‪ settings‬اخلا�صة بتلك اال�ضاءة‬ ‫كما ميكن تعديل املوديل ب�سهوله اذا ما كان يحمل اخطاء بدال من الرجوع‬ ‫مرة ثانية للربنامج ‪ 3d‬اللى مت فية عمل املوديل ‪ ،‬وذلك من خالل اال�ضافات‬ ‫اجلديدة اللى جعلت من ال�سهل التعامل مع ‪ vertex‬او ال ‪ faces‬اخلا�صة‬ ‫باملوديل (ك�أنى داخل برنام ج ‪ )3d‬فممكن تختار االوجه اخلا�صة بية او ‪ve r‬‬ ‫‪ tex‬وتعدل املوديل وكمان ت�سجل له حركة ب�إ�ستخدام ‪. Edit Geo Node‬‬

‫‪29‬‬

‫‪ting‬حيث ا�ضافه ‪ depth‬اكرب لل�صورة او الفيديو من خالل ال ‪ data‬اال�ضافية‬ ‫وك�أن ال�صورة حتمل فى طياتها لريات ‪ layers‬كل منها ت�ساهم ببيانات ت�ساعد‬ ‫على نقاء ال ‪ edges‬وعالج م�شاكل كان من ال�صعب التعامل معها من قبل‬ ‫وتكون النتيجة درجة نقاء عالية جدا ‪ ،‬ومن ابرز االمثلة على ذلك م�شاهد فيلم‬ ‫‪.Rise of the planet of the Apes‬‬ ‫‪Camera tracker‬‬

‫‪Deep Compositing‬‬ ‫ومن اهم التقنيات املدَ عمه داخل النيوك هو ا�ستخدا م ‪Deep Compos i‬‬

‫من اهم اال�ضافات املوجودة فى ‪ camera tracker node‬هو كيفية عمل‬ ‫تراك ملبنى او موديل ما فى فيديو ‪ ،‬ثم ا�ستخدام ال ‪vertex selection‬‬ ‫‪ mode‬فى النيوك وربط نقط معينة من املوديل مبثيلتها فى الفيديو بحيث‬ ‫تتبع نف�س حركتها فى ال�شوت فيكون لدينا فى ا ل ‪ Nuke 3d‬نوذج ‪proje c‬‬ ‫‪ ted‬معتمدا على بع�ض ‪tracked points‬‬ ‫اي�ضا ا�ستخدام ال ‪ Still modes‬فى عمل الرتاك ‪ ،‬اى عمل الرتك معتمدا‬ ‫على لقطات �صورة ملبنى او متثال ما لكن من عدة زوايا بدال من ت�صوير فيديو‪،‬‬ ‫ا�ضاف مرونه اىل عملية ‪ tracking‬داخل النيوك‪ .‬ف�أ�صبح من ال�سهل تتبع‬ ‫ال�صور وا�ستخراجها ال�ستخدامها فى م�ؤثر ما او ال�ضافة موديل معني عليها‪.‬‬ ‫�إ�ضافة ‪ User tracker‬اىل ‪�Camera tracker node‬ساهمت كثري فى اتقان‬

‫الرتاك وجعلة ادق وا�سهل‪ ،‬حيث ا�صبح من املمكن ب�إ�ستخدامها ا�ضافة ‪track‬‬

‫‪ points‬ب�شكل يدوى الماكن معينه وا�ضحة جدا لت�سهل على الكامريا تتبعها‬ ‫والتعامل ب�سهوله مع عامل ‪ errors‬فيها ‪ ،‬كما ميكن اي�ضا التعامل مع ‪User‬‬ ‫‪www.thefoundry.co.uk‬‬ ‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪30‬‬

‫‪3d guide‬‬

‫‪www.thefoundry.co.uk‬‬

‫‪ tracker‬داخل ‪ Camera tracker node‬وك�أنى داخل‬ ‫ف�أ�ستطيع ا�سترياد وت�صدير ‪ tracking points‬بل وميكن ن�سخ تلك البيانات‬ ‫فى ال ‪ tracker node‬اذا ف�ضلت التعامل معها بدال من ال ‪camera tracker‬‬ ‫‪. node‬‬ ‫‪2D to 3D‬‬ ‫يتيح ال ‪ Nuke‬اي�ضا امكانية حتويل ال �صورة اىل موديل ‪ 3d‬ب�أكرث من طريقة‬ ‫ت�سهيال للتعامل معه فيما بعد وهذا �إما ب�إ�ستخدام ‪:‬‬ ‫• ‪ :Camera Projection‬حيث نبد�أ فى جت�سيم امل�شهد فى بيئه ال ‪ 3d‬مع‬ ‫احلركة الثابته ‪ ،‬ثم نبد�أ فيما بعد ادراج كامريا جديدة تتحرك على النحو الذى‬ ‫نريدة ون�ضيف اى موديل فى اى مكان ب�سهوله ‪.‬‬ ‫• ‪ :Layer Extraction‬وت�شبه ال ‪ Camera projection‬لكن اختالفها فى‬ ‫اننا نتعامل مع لريات بال�صورة فكل لري وك�أنه �صورة على حدا ب�إ�ستخدام ال‬ ‫‪ shuffle node‬ال�ستخراج كل لري فى ‪ card‬م�ستقل ثم التعامل معه بحرية‬ ‫وك�أنه �صورة م�ستقله بذاتها‬ ‫‪tracker node‬‬

‫‪Particles‬‬

‫يعد ا�ستخدام ال ‪ particles‬فى النيوك من اهم مزايا ال ‪ 3D System‬به‬ ‫حيث ميكن ب�سهوله ا�ضافه االمطار والثلوج والرياح وال�شرارات النارية بدون‬ ‫ادنى تدخل مننا فى اعدادات ال ‪ ( nodes‬كما هو مو�ضح فى ال�صورة) ‪ ،‬فلك‬ ‫ان تتخيل ماذا اذا ما تدخلت وعدلت لت�صل لنتيجة خمتلفة؟؟!!‬ ‫فت�ستطيع مثال ادراج ‪ render‬معني او �صورة ما لتكون هى ال ‪Particles‬‬ ‫للفيديو اخلا�ص بك لتواءم فكرة خياليه مثال “كتكون االمطار على �شكل قطرات‬ ‫ما�س جميله “‪ .‬واذا ما كنت تف�ضل ان ت�صنع انت ذلك اجلو بدال من ا�ستخدام‬ ‫‪Nodes‬جاهزة ميكنك ا�ستخدام ‪ Particle menu‬لإن�شاء وتعديل ما ت�شاء‬ ‫من ا�شكال ال ‪ particles‬ح�سب م�شهدك ور�ؤيتك‪ ،‬مما جعل من ال�سهل جدا‬ ‫تغيري مود امل�شهد ب�سهوله من �صيف ل�شتاء ومن ربيع خلريف مبنتهى ال�سهوله‪.‬‬ ‫‪V-Ray in Nuke‬‬ ‫‪،‬‬ ‫‪b‬‬ ‫واالن بعد �إ�ضافه خيارات التعامل مع ‪ V-Ray‬فى ن�سخة ال ‪ eta‬‬ ‫تكون بيئه ال ‪ 3D‬داخل النيوك فى منتهى املرونه ‪ .‬حيث ت�ستطيع التعامل مع‬ ‫الإ�ضاءة واخلامات واملعاجلة مبنتهى االحرتافية وال�سهوله دون احلاجة للرجوع‬ ‫لتعديلها والتعامل معها داخل برنامج ال ‪ 3D‬الذى تتعامل معه‬ ‫وبذلك نكون قد تعر�ضنا اىل اهم ما مييز النيوك اال وهو ‪،3D system‬‬ ‫وحاولنا بقدر االمكان تو�ضيح مدى ت�سهيل تلك االمكانيات املتاحة لعمل‬ ‫ال ‪ Compositor‬او ال ‪ VFX artist‬ليتم عمله مبنتهى ال�سهوله والدقة‬ ‫واالحرتافية وهو ما ت�ساعدنا فية �شركة ‪ Foundry‬املنتجة والراعية للربانامج‬ ‫مبا تقدمه لنا كل يوم من جديد يالئم متطلبات الع�صر‪.‬‬

31

3d guide

Designer professional community/ special supplement of Mobile Trend Magazine

Contents

32

‫‪3d guide‬‬

‫‪V-Ray‬‬

‫كيف يعمل محرك‬

‫الــ‬

‫م‪�/‬أحمد عبد الرحمن ريا�ض‬ ‫�أوال ‪ :‬ماهو الـ ‪V-ray Renderer‬‬ ‫يعترب الــ ‪ V-ray Renderer‬من �أقوى معاجلات‬ ‫اجلرافيك�س فى العامل حيث �صار ا�ستخدامه على‬ ‫نطاق وا�سع جدا فى ال�سينما العامليه فى �إخراج‬ ‫امل�شاهد الفائقة الواقعيه حيث ي�ستخدم ح�سابات‬ ‫معقدة جدا ملعاجلة امل�شهد او ال�صور على �سبيل‬ ‫املثال ي�ستخدم الــ ‪ Vray‬حل�ساب الــ ‪Global‬‬ ‫‪ Illumination‬تقنيات مثل الــ ‪Path Tracing,‬‬ ‫‪ .. Photon Mapping‬حيث �أن هذه التقنيات‬ ‫ت�ساهم بدرجة عاليه فى خروج �صورة واقعيه لأن‬ ‫الــ ‪ V-ray‬يتعامل مع ال�ضوء بنف�س النظريات و‬ ‫التكنيكات فى احلياة الفعليه ‪ ..‬وال ي�ستخدم الــ ‪V-‬‬ ‫‪ ray‬فى الأفالم فح�سب ولكن �أي�ضا فى الألعاب و‬ ‫االظهار املعمارى ‪...‬‬ ‫من �أ�شهر الربامج التى تدعم الــ ‪ V-ray‬هى ‪:‬‬ ‫– ‪3d studio max – cinema4d – maya‬‬ ‫‪sketchup – softimage - blender‬‬ ‫هذه كانت ملحة �سريعه عن هذا املعالج الرائع ‪..‬‬ ‫توجد معاجلات �أخرى فى �سوق العمل ولكن ال زال‬ ‫الفرياى هو �أف�ضلها و �أكرثها ا�ستخداما اىل يومنا‬ ‫هذا ‪...‬‬ ‫ثانيا ‪ :‬كيف يقوم الــ ‪ V-ray‬بتحليل ال�صورة‬ ‫فى بداية عملية الريندر تقوم الكامريا ب�إر�سال‬ ‫�أ�شعة للم�شهد جلمع املعلومات حول ما يوجد فيه من‬ ‫جم�سمات هذه الأ�شعه ت�سمى الــ ‪Primary Rays‬‬ ‫ويتم التحكم فيها عن طريق الــ ‪Image Sampler‬‬

‫املوجود فى الفرياى او ما ي�سمى بلفظ اخر الـ ـ ‪A n‬‬ ‫‪ti-Aliasing‬‬

‫فى هذه االثناء و عندما ي�صطدم �شعاع من هذه‬ ‫اال�شعه ب�أى جم�سم من امل�شهد‬ ‫تنبعث من نقطة اال�صطادم �أ�شعه �أخرى وظيفة هذه‬ ‫اال�شعه ح�ساب الــ ‪Reflections,GI,shadows,‬‬ ‫‪ Refractions,etcc‬هذه الأ�شعه ت�سمى الــ ‪Seco n‬‬ ‫‪ dary Rayss‬ويتم التحكم فيها بالــ ‪DMC Sa m‬‬ ‫‪ pler‬املوجود �أي�ضا فى الفرياى ‪.‬‬ ‫لنفهم متاما ما يحدث ب�شكل �أو�ضح لنحلل معا هذه‬ ‫ال�صورة‬ ‫ماحدث فى هذه ال�صورة هو االتى ‪:‬‬ ‫‪ Image Sampler‬مت �ضبطه على ‪1Min & :‬‬ ‫‪8Max‬‬

‫‪33‬‬

‫وكيف تفهمه‬

‫اال�ضاءات واخلامات مت �ضبطها على ‪Subdivs 8 :‬‬

‫معدل خف�ض الت�شوه ‪= .01‬‬ ‫باقى االعدادات على االعدادات االفرتا�ضية ‪.‬‬ ‫لرنى هذه االعدادات ماذا قالت للفرياى ما مت قوله‬ ‫هو انك قولت للفرياى ان ي�ستخدم ‪sample 64‬‬ ‫ملاذا ‪ 64‬وانت تكتب ‪ 8‬؟؟؟ لأن الفرياى ال يتعامل‬ ‫بالقيمة املجردة للعد ولكن يتعامل برتبيع العدد‬ ‫مبعنى انه حني تكتب ‪ 8‬ف�إن الفرياى يتعامل ب‬ ‫‪ .. ) 64‬فى حني �أنك تقول للفرياى �أن ي�ستخدم‬ ‫�شعاع واحد فقط ‪ 1Min‬ليح�سب االنعكا�سات و‬ ‫االنك�سارات و الظالل وما اىل ذلك ‪ ..‬وهنا قد‬ ‫ي�س�أل �سائل ملاذا ونحن قد و�ضعنا لكل من اخلامات‬ ‫و اال�ضاءات القيمة ‪ 8‬مل ي�ستخدم الفرياى ‪64‬‬ ‫و ا�ستخدم ‪ 1‬فقط ؟؟؟؟ هنا البد ان نو�ضح �أن‬ ‫‪Noise Threshold‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪34‬‬

‫‪3d guide‬‬ ‫الفرياى له ح�سابات بالغة التعقيد حيث �أنه ال يتعامل مع ال‬ ‫‪ Subdivss‬كما يتعامل مع ال ‪ Samples‬فى حالة ال ‪Su b‬‬ ‫‪ divs‬يقوم الفرياى �أوال برتبيع العدد ليكون ‪ 64‬ثم يقوم‬ ‫بق�سمة الرتبيع على قيمة ال ‪ Max‬فت�صبح ‪ 1‬لتكون املعادلة‬ ‫فى الأخري هى‬ ‫( ‪... ) 1 = 64/64‬‬ ‫�إذن هل هذه االعدادات قامت بظبط ال�صورة ؟؟ بالطبع ال‬ ‫لأنه على الرغم من و�ضوح التفا�صيل اال ان هناك ت�شويها‬ ‫كبريا جدا فى ال�صورة وحلل هذه امل�شكلة فامان حالن ‪:‬‬ ‫‪ ) 1‬ان نقوم بزيادة ال ‪Max samples‬‬ ‫‪ ) 2‬نقوم بزيادة ال ‪ Subdivs‬للخامات و اال�ضاءات و‬ ‫االنعكا�سات الخ‬ ‫لو قمنا بعمل احلل الأول �ستكون االعدادات كالتاىل ‪:‬‬ ‫‪Max samples = 100‬‬ ‫‪Min Samples = 1‬‬ ‫‪Noise threshold = .005‬‬ ‫فى هذه احلالة نحن نقول للفرياى ان ي�ستخدم ‪100‬‬ ‫�سامبل ملعرفة ما يدور وماهو موجود فى امل�شهد فى حني‬ ‫ي�ستمد �شعاعا واحد فقط حل�ساب االنعكا�سات و اال�ضاءات‬ ‫و الظالل وما اىل ذلك ‪ ...‬بنف�س املنطق ال�سابق ذكره �سالفا‬ ‫‪...‬‬ ‫هذه هى ال�صورة الناجتة طبعا التفا�صيل جميلة جدا‬ ‫ووا�ضحة وال يوجد اى ت�شوهات ولكن وقت الريندر زاد من‬ ‫دقيقتان تقريبا اىل ‪ 6‬دقائق ‪ ...‬طبعا نحن داااميا فى‬ ‫�صراع مع جودة املخرج و مدة الريندر ولكن هل باالمكان‬ ‫ان نح�صل على نف�س اجلوده ( وميكن �أف�ضل ) وفى نف�س‬ ‫الوقت مدة ريندر �أقل ؟؟؟ بالطبع ممكن و هذا هو الغر�ض‬ ‫من هذا املقال اال نحفظ جمرد االعدادات و نطبقها وال‬ ‫نفهم كل اعداد ماذا يفعل ومتى يتم رفعه او يتم خف�ض‬ ‫‪ ..‬على �سبيل املثال هل تدرك �أنك لو قمت برفع قيمة ال‬ ‫‪ Primary Samples‬ملقدار عاىل يكون هو نف�سه م�صدرا‬ ‫للت�شوه ؟؟!!! ‪ ..‬دعونا جنرب احلل االخر ‪.‬‬ ‫احلل االخر هو �أن نقوم بـ�إرجاع الــ ‪Image Sampler‬‬ ‫اىل و�ضعه االفرتا�ضى وكذلك ارجاع الـ ـ ‪Noise Thre s‬‬ ‫‪ hold‬اىل ‪ 01.‬وهو االفرتا�ضى �أي�ضا ‪� ...‬إذن ماذا‬ ‫�سنفعل هذه املرة ؟؟‬ ‫هذه املرة �سنقوم برفع معدل الــ ‪ Secondary Rays‬لكل‬ ‫من الــ ‪ Materials , Lights , Reflections‬مثال اىل‬ ‫‪Subdivs 100‬‬ ‫معنى ذلك انك تقول للفرياى �أن ي�ستخدم ‪10000‬‬ ‫‪ Sample‬مق�سومة على ‪ 64‬لأن االفرتا�ضى لل ‪Max‬‬ ‫‪ Primary Samples‬هو ‪� 8‬إذن فعليا العدد الفعلى لل‬ ‫‪ Secondary Samples‬هو ‪156 = 10000/64‬‬ ‫الحظو الفرق عند �أول عمود من الي�سار �سنالحظ بالفعل‬ ‫�أن معدل الت�شويه �أقل من ال�سابق لدرجة انه غري مالحظ‬ ‫وكذلك وقت الريندر �أقل ؟؟؟!!!‬

‫‪3d guide‬‬

‫‪Advertising‬‬ ‫‪Graphic design‬‬ ‫‪Printing‬‬ ‫‪Web Solutions‬‬

‫ال�س�ؤال االن ملاذا حدث ذلك على الرغم من ان االعداد االول قمنا برفع معدل ال‬ ‫‪ Primary Rays‬و خف�ضنا من معدل الــ ‪... Secondary Rays‬‬ ‫هنا يكمن الفرق بني �أن نقوم بحفظ االعدادات و نطبق فقط بدون ان نفهم ماذا‬ ‫ملاذا وبني �أن نفهم ما نفعل بالفعل و للأ�سف معظمنا يقوم باختيار ‪ Preset‬من‬ ‫التى ت�أتى مع الفرياى ويطبقها و يجرب اىل ان يح�صل على �صورة مر�ضية ثم‬ ‫بعد ذلك ن�شتكى �أن وقت الريندر مبالغ فيه !!!! هنا كما ر�أيتم �أخذنا جودة �أعلى‬ ‫ووقت ريندر �أقل فقط فقط فقط فهمنا االعدادات نرجع ملو�ضوعنا وهو ملاذ ذلك‬ ‫؟؟ يرجع الفرق فى النتيجة اىل ان الــ ‪ Primary Sampler‬او الــ ‪AntiAlias‬‬ ‫قام بدوره على اكمل وجه باالعدادات االفرتا�ضية حيث ينح�صر دوره فقط فى‬ ‫اكت�شاف املج�سمات و �إظهار التفا�صيل ‪� ,‬ضبط اخلامات ‪Depth of field , ,‬‬ ‫‪ Motion Blur‬و لي�س له اى عالقه من قريب �أو من بعيد ب�أى �شىء �أخر لذا‬ ‫فبدال من ان نقوم بزيادة عدد الــ ‪ Primary Samples‬بدون اى حاجه لها حيث‬ ‫�أنه قام مبا هو مطلوب منه على الوجه الأكمل ننتقل للحل االخر وهو الــ ‪DMC‬‬ ‫‪ Sampler‬لأنه هو امل�صمم لهذا الغر�ض وهو ح�سابات الــ ‪Lights , shadows‬‬ ‫‪ , materials , reflections , refractions , etc‬فنقوم بزيادة ال ‪Subdivs‬‬ ‫لكل ما �سبق ل�ضمان �صورة ذات جوده عاليه و فى نف�س الوقت وقت ريندر �أقل ‪...‬‬

‫‪Creativity‬‬ ‫!‪way‬‬

‫‪Contact Options‬‬ ‫‪7 El-mohandseen Towers - Kornesh El-Nile - Maadi‬‬ ‫‪Cairo - Egypt.‬‬ ‫‪Tel./Fax : +2252 84 084‬‬ ‫‪Mobile : +20100 682 88 33 - +20114 888 08 43‬‬ ‫‪E-mail : info@quastadv.com‬‬ ‫‪Website: www.quastadv.com‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪35‬‬

‫‪36‬‬

‫‪3d guide‬‬

‫المطبوعات‬

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

‫ذات التاثيرات‬ ‫‪Print‬‬

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

‫ثالثية األبعاد‬

‫‪Anaglyph 3D‬‬

‫حيث تنتقل ال�صورتان �إىل املخ الذي‬ ‫يدجمهما �إىل �صورة واحدة معتدلة –‬ ‫والزاوية بني ال�شعاعني املكونني ل�صورتي‬ ‫اجل�سم تعرف بزاوية التجميع �أو “زاوية‬ ‫الرباكل�س” “‪”Parallax‬‬ ‫تعرف هذه الطريقة للطباعة ثالثية‬ ‫الأبعاد با�سم طريقة الأناجلي ف ‪pri n‬‬ ‫‪ ting) (Anaglyph‬وقد �أ�صبح هذا‬ ‫النوع من املطبوعات �شائعا يف ال�سنوات‬ ‫القليلة ال�سابقة‪ .‬وهذه الطريقة تتطلب‬ ‫عند ر�ؤيتها ا�ستخدام نظارات خا�صة‬ ‫بلونني خمتلفني �أحمر و�سيان �أو �أحمر‬ ‫و�أخ�ضر وال�صورة املطبوعة بهذه الطريقة‬ ‫مكونة من تراكب �صورتني مت�شابهتني يف‬ ‫بع�ض امل�ساحات وخمتلفتني يف بع�ضها‬

‫‪3d guide‬‬

‫‪37‬‬

‫�شكل يو�ضح �صورة مف�صولة ملر�شحات �ضوئية (احمر‪� -‬سيان)‬

‫‪P a‬‬

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

‫الثالثية الأبعاد حتتوي علي اثنني من‬ ‫ال�صور امللونة والتي مت ف�صلها من‬ ‫خالل مر�شحات �ضوئية ‪ ،‬واحد لكل عني‬ ‫‪ ،‬وعندما يتم ر�ؤية ال�صورتني من كال‬ ‫اللونني “ نظارة االناجليف” ‪ ،‬كل من‬ ‫ال�صورتني ي�صل ايل عني واحدة ‪ ،‬كا�شف ًا‬ ‫عن �صورة جم�سمة متكاملة ‪ .‬وبالتايل‬ ‫يدرك امل�شاهد ت�صور امل�شهد ثالثي‬ ‫الأبعاد بتكويناته ب�أعماقه ‪.‬‬ ‫و�شهدت �صور الأناجليف تطور ًا يف‬ ‫ال�سنوات الأخرية وهذا نتج ب�سبب عر�ض‬ ‫ال�صور والفيديو علي �أقرا�ص البلوراي‬ ‫والأنرتنت ‪ ،‬والأقرا�ص املدجمة وحتي يف‬ ‫الطباعة والتي هي حمل البحث ‪ .‬فمن‬

‫ورق من تكاليف منخف�ضة �أو بال�ستيك‬ ‫ميكن عمل نظارات الأناجليف والتي‬ ‫حتمل مر�شحات لونية دقيقة ‪ ،‬وبعد‬ ‫عام ‪ 2002‬مت اال�ستفادة من الثالثة‬ ‫�ألوان اال�سا�سية ولكن القاعدة اال�سا�سية‬ ‫احلالية امل�ستخدمة هي االحمر وال�سيان‬ ‫‪ ،‬حيث ي�ستخدم اللون االحمر يف القناة‬ ‫اللونية الي�سري ‪ ،‬كما ان املر�شحات ال�ضوئية‬ ‫رخي�صة الثمن ت�ستخدم يف املا�ضي يف‬ ‫االعمال احادية اللون وذلك من �أجل‬ ‫الراحة والتكلفة ‪ .‬والأن هناك حت�سن‬ ‫يف اخلامات يف ال�صور امللونة املتكاملة‬ ‫خا�صة يف املر�شح ال�ضوئي لل�سيان واي�ضا‬ ‫مع درجات اللونية الدقيقة للب�شرة ‪.‬‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪38‬‬

‫‪web guide‬‬

‫املشاكل ‪ !.‬ميكن ان تتحول لحلول تصبح مشاريعا قوية و منصات تغري العامل بنقرة واحده‬ ‫و يف شبكات نحن نحاول توفري بيئة خلق املنصات التي تحول العامل و تعيد رسم خرائط نقاط‬ ‫قوة االستثامر و التجارة االلكرتونية‬

‫‪web guide‬‬

‫هناك حكمة تقول ان ” عقلني يفكران �أف�ضل من عقل واحد !” لذا كانت �شبكات بفريقها من املوهوبني يف تكنولوجيا املعلومات‬ ‫م�صرة علي �صناعة طريق للريادة به عالمات و خربات تعلمناها على مر �سنوات م�ضت و �سرعان ما حتولت هذه اخلربات اىل‬ ‫حقائق و ثوابت نقف عليها يف �شبكات و ننطلق منها يوما بعد يوم‪ .‬يف هذا املقال ن�شارككم – نحن فريق �شبكات – عدد من‬ ‫اخلربات التي تعلمناها خالل عملنا مع عمالئنا ومعاي�شتنا للتقنيات اجلديدة يف الويب‪.‬‬ ‫‪ -1‬العامل �سريع احلركة �سريع التغري �سريع التطور ‪!.‬‬ ‫من �سنوات قليلة فقط كنا امام ويندوز اك�س بي و ا�صدارات قدمية من ماك و لينك�س يف نف�س الآونة كنا نعمل على‬ ‫بانتيوم و �سيلرون و اثلون لدى اي ام دي يف �آونة متقاربة كانت عدد االجهزة الذكية املحمولة اقل بكثري مما قد‬ ‫تراه اطراف عينيك و يف الآونة ذاتها مل يكن هناك حتى جهاز لوحي واحد ‪!..‬‬ ‫تكنولوجيات املعلومات تتطور ‪ ،‬تتذاكى وتزيد ثراء لذا �سعينا لتطبيق نف�س املنطلق على خدماتنا و تعلمنا‬ ‫ان نواكب كل جديد و ها انت ترى �شبكات اليوم يحوي الكثري من التقنيات اجلديده و ن�سعى للمزيد‬ ‫…‬ ‫‪ -2‬هناك م�شكلة ؟ اذن هناك دوما حل “وحل اخر �أمثل ‪!.‬‬ ‫تعلمنا ان لكل م�شكلة دوما حل و �أداة تنفيذ ذلك جاء نتيجة مرات من املحاولة ثم التكرار ثم‬ ‫التكرار و�صوال لأف�ضل النتائج و من ثم احلل‪ .‬لكننا يف �شبكات دوما نبحث عن حل اخر ن�ستطيع‬ ‫براحة �ضمري ان ن�سميه با�سمه “ح ًال مثالي ًا”‪.‬‬ ‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪39‬‬

‫‪40‬‬

‫‪web guide‬‬

‫‪UX‬‬

‫تجربة المستخدم‬

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

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

‫العملية حيث ت�ؤثر عنا�صر جتربة امل�ستخدم ت�أثري ًا‬ ‫كبري�أً على امل�ستخدم نف�سة وتكون لها �أثر ًا بالغ ًا يف‬ ‫�إجراء امل�ستخدم لعملية ال�شراء فمث ًال الألوان‪� ،‬أذا‬ ‫قلت لك �أنها ت�ستطيع �أن تزيد من عدد عمليات‬ ‫ال�شراء �إذا قمت ببحث م�ستخدميك ومعرفة‬ ‫مايحبونة وما يروق لهم فرمبا لن ت�صدقني ولكن‬ ‫بد ًال من هذا عليك �أن تبحث جيد ًا عن �شرائحك‬ ‫امل�ستهدفة وتقوم بتجميع كل التفا�صيل املمكنة‬ ‫عنهم ماذا يحبون؟ ماذا يكرهون الخ…‬ ‫وكذلك �أي�ض ًا باقي عنا�صر جتربة امل�ستخدم التي‬ ‫�سوف نتحدث عنها الأن ت�ؤثر على هذة العملية‪.‬‬ ‫ويف درا�سة مت �إجراءها على موقع �أمازون �أثبتت‬ ‫�أن هذا املوقع قد �سجل خ�سارة ‪ %1‬من �إجمايل‬ ‫الإيردات على كل ‪100‬مللي ثانية ت�أخري يف حتميل‬ ‫املوقع !‬ ‫عنا�صر جتربة الإ�ستخدام‬ ‫�سوف نتحدث عن �أهم عنا�صر جتربة الإ�ستخدام‬ ‫وهي التي �سوف ت�ؤدي �إىل �أن يح�صل امل�ستخدم‬ ‫على جتربة �إ�ستخدام جيدة‪.‬‬ ‫‪� -1‬سهولة الإ�ستخدام‬ ‫كلما كان موقعك وا�ضح و�سهل �إ�ستخدامة كلما‬ ‫�سهل عليك الكثري وجعل م�ستخدمينك يح�صلون‬ ‫على جتربة �إ�ستخدام جيدة وميزة و�سهولة‬ ‫الإ�ستخدام �أهم عن�صرين فيها ‪:‬‬ ‫ وقت حتميل ال�صفحة ‪ :‬حيث �أنة كما ذكرت‬‫�سابق ًا من �أهم العوامل التي ت�ؤثر على امل�ستخدم‬

‫‪web guide‬‬

‫هي وقت حتميل ال�صفحة لأن امل�ستخدم‬ ‫عدو الإنتظار‪.‬‬ ‫ واجهة الإ�ستخدام ‪� :‬أي�ض ًا تعترب من‬‫العنا�صر املهمة جد ًا يف جتربة امل�ستخدم‬ ‫ولها ت�أثري رائع على م�ستخدم و�أي�ض ًا‬ ‫ميكن �أن يكون �سلبي ًا حاول �أن جتعلها‬ ‫ب�سيطة و�سهلة وقلل من التفا�صيل قدر‬ ‫امل�ستطاع‪� ،‬إجعل امل�ستخدم يركز على‬ ‫ال�شئ املهم وفقط ال ت�شتت �إنتباه من‬ ‫ف�ضلك‪.‬‬ ‫‪ -2‬الألوان‬ ‫هو العن�صر الأهم حيث �أن لكل لون‬ ‫ت�أثري معني ومعنى معني مدفون خلفة‬ ‫ومن درا�ستك مل�ستخدمينك عليك �أن‬ ‫تعرف الألوان التي تروق لهم واملنا�سبة‬ ‫لهم وهي من �أهم وظائف الـ ‪UX‬‬ ‫‪ Designer‬حيث تلعب الألوان دور ًا‬ ‫�أ�سا�سي ًا كذلك يف جتربة امل�ستخدم فحاول دائما‬ ‫�إختيار الألوان الب�سيطة الوا�ضحة التي تنا�سب‬ ‫�أكرب عدد ممكن من زوارك و�إبتعد عن الألوان‬ ‫الغري وا�ضحة والغري مرئية �أ�ص ًال ودائم ًا كن‬ ‫مبتكر ًا وكن جذاب ًا و�ضع نف�سك مكان امل�ستخدم‬ ‫ولكن �أنت ل�ست امل�ستخدم فال تن�سى هذا‪.‬‬ ‫‪ -3‬املحتوى‬ ‫دائما كما يقول بيل جيت�س “ املحتوى هو امللك‬ ‫“ فمحتوى موقعك �أو منتجك ي�ستطيع �أن يقنع‬ ‫الزائر �أنك �أنت الأف�ضل و�أن منتجك �سوف يحل له‬ ‫العديد من امل�شاكل و�سوف يقوم بعد معرفة ذلك‬ ‫بال�شراء منك بالت�أكيد‪.‬‬ ‫ف�إجعل املحتوى مدرو�س ًا وال ت�ضع �أي �شئ دون‬

‫جدوى �أو دون �سبب وا�ضح لو�ضعه وت�أكد �أن كل‬ ‫كلمة غري وا�ضحة �أو غري مفيدة �سوف ت�أثر ت�أثري ًا‬ ‫�سلبي ًا على منتجك‪ .‬و�أخر جملة �سوف �أختم بها‬ ‫هذة النقطة هي “املحتوى هو امللك”‬ ‫‪ -4‬التيبوجرايف‬ ‫واملق�صود بالتيبوجرايف هنا هو طريقة عر�ض‬ ‫الن�صو�ص على موقعك وتن�سيقات اخلطوط‬ ‫وغريها من الأمور املتعلقة بالن�صو�ص‪.‬‬ ‫هي �أي�ض ًا من العنا�صر املهمة جد ًا فدائما �إحر�ص‬ ‫على �أن تختار خط مميز ومنا�سب جلمهورك‬ ‫�أي�ض ًا وجتنب اخلطوط الدقيقة الغري وا�ضحة‬ ‫و �أي�ضا اخلطوط العري�ضة جد ًا وحترى الدقة‬ ‫يف �إختيارك لأنواع اخلطوط و �أحجامها‪.‬‬

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

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪41‬‬

‫‪42‬‬

‫‪photography‬‬

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

Designer professional community/ special supplement of Mobile Trend Magazine

photography

44

45

photography

Designer professional community/ special supplement of Mobile Trend Magazine

photography web guide

46

‫‪Calligraphy‬‬

‫القواعد العامة والخاصة في تصميم‬

‫األبجديات الحروفية العربية‬

‫ر�ضا �صالح حمب الدين ‪ -‬ديزاين جايد‬

‫الأبجديات احلروفية عند الأمم تخ�ضع لقواعد عامة وقواعد ت�صميمية خا�صة‬ ‫وكل �أبجدية اخت�صت لنف�سها دون غريها بقواعد تتالءم مع طبيعتها و�صفاتها ‪.‬‬

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

‫اللهم هيىء لنا من �أمرنا ر�شدا‬

‫‪Designer professional community/ special supplement of Mobile Trend Magazine‬‬

‫‪47‬‬

Calligraphy

Jali Nastal’liq, Quran ٥٣:٩ © Copyright Simab Calligraphy

Al-Motawee font structure Designed by: ibrahim hassan

Investment & Real States Calligraphy symbolic form

Romaisaa S.Elsharkawy

ARMADA Logotype Designed by: ibrahim hassan

19

18

Calligraphy

What is difference between Typography & Calligraphy Ibrahim Hassan -Desguide

“Calligraphy is Art, Typography is Design” This is what I think about :Typographyis an intensely visual form of communication. Because the difference in the concept between typography and calligraphy. this visible language communicates thoughts and information If we can differentiate between Art and Design, we can know through human sigh. the fundamental points of difference between typography and Through color, size, direction, and font visual structure typography calligraphy. Art is talent, design is skill. Art often sends a different is used to communicate tone of voice, personality, age, gender and mood, and it can be easily manipulated. message to people, Everyone When we talking about the understands that according to difference in letterform his personal vision based on Calligraphers thinking beauty of design, I think the calligraphic previous experiences, but design letterform depends on two must send the same message words manually basic things, first the form and to all the people. So good art Typographers thinking direction of tool’s tip, whether is devolves but good design is pencil or brush or even a understood. Art looking –first communication of words digitally. piece of wood. The second to achieve aesthetics, but Design thing the structural rules that looking to achieve functional.

Certainly there are overlapping points between art and design, for thesenior calligrapher setfollowed in so many calligraphers, such example, we find in many of the artistic paintings take into account the rules established by Ibn Muqla. many of the design rules, and many of the designs may be built on Butin typographywe find that every designer is developing private rules to make his typeface have a unique structural identity different some concepts of art.

AbdelkebirKhatibi and Mohammed Sijelmassiin their book “The from the rest typefaces.

Splendor Of Islamic Calligraphy”(p14)defines Calligraphy: an Finally typography in general use digital font as one of design art which is conscious, founded upon a code of geometric and elements like color, space, photography and illustrations, .. etc. decorative rules; an art which, in the patterns which it creates, for example when we reduce the space between the text lines in a implies a theory of language and of writing. This art starts off as paragraph – this space called leading- This make the block of text part of the linguistic structure and institutes an alternative set of (paragraph) seems to be dark, and when we increase this leading we rules, derived from language but dramatizing and duplicating it by will make the block of text have alight tone The concept of words “typography” is not limited for using text or words Separately, but transposing it into visual terms.

Rob Carter, Ben Day and Philip Meggs describe Typography typographers should take into consideration the relation between in their book “Typographic Design Form and Communication” text and the other elements of design to get a strong and effective communications.

,,

Designer professional community/ special supplement of Mobile Trend Magazine

,,

Calligraphy AL-JAZM The first form of an Arabic-like alphabet is known as the Al-Jazm script, which was used by northern tribes in the Arabian Peninsula. Many researchers think the roots of this script go back to the Nabatean script, and yet the early Arabic scripts also seem to have been affected by other scripts in the area, such as the Syriac and Persian scripts.

The Al-Jazm script continued to develop until the early Islamic era in Mecca and Medina in the west of the Arabian Peninsula.

it more suitable for architectural and written Islamic titles, instead of long texts.

The Kufic script continued its development through the different dynasties, including the Umayyad (661 – 750 CE) and Abbasid (750 – 1258 CE) dynasties. Below are some examples of Kufic scripts and their different developmental stages:

Arabic Al-Jazm script (Image source: Saad D. Abulhab)

The Al-Jazm script developed into different styles, such as the Hiri, Anbari, Makki and Madani. During this period, some other scripts developed, such as the Ma’il, which is considered the predecessor of the Kufic script. Other scripts did not make it through the development process, such as the Mukawwar, Mubsoott and Mashq (which you can read more about in “The Development of the Arabic Script: A Brief History” by professor M.J. Alhabeeb of the University of Massachusetts Amherst). Usually, these scripts were used before and during the early days of the Islamic Empire in the Arabian Peninsula.

KUFIC SCRIPT Following the Arabic Musnad and Al-Jazm, the Kufic script evolved as the next stage of Arabic calligraphy’s development. Unlike those two old scripts, we can identify known letter shapes in the early development of the Kufic script.

As the Kufic script developed over the 7th century, it played an essential role in documenting the Muslim holy book (Qur’an Kareem).

The Kufic script is one of the oldest Arabic scripts that persisted in common use until the 13th century.

Its name refers to the city of Kufa in Iraq, where it first appeared, yet most instances of this script were found nearly a thousand kilometers to the south in Medina in the Arabian Peninsula, where the Prophet Mohammed stayed after moving from Mecca.

In the early stages of its development, the Kufic script did not include the dots that we know from modern Arabic scripts. The letter dots (Nuqat) were added during the later development of this and other scripts. Also, at a later stage, Abul Aswad Al Du’ali (688 CE) and Al Khalil Ibn Ahmed Al Farahidi (786 CE) developed the diacritical marks (Tashkeel) that indicate the vowels of the letters.

If we examine Kufic script inscriptions, we’ll notice particular characteristics, such as the angular shapes and long vertical lines. The script letters used to be wider, which made writing long content more difficult. Still, the script was used for the architectural decoration of buildings, such as mosques, palaces and schools.

These characteristics affected the usability of the script and made

Kufic script from the Holy Qur’an, 11th century (Image source: Smithsonian’s Museums of Asian Art)

Abbasid Dynasty After the Umayyad dynasty came the Abbasid dynasty (750 – 1258 CE), bringing advancements to Arabic calligraphy. During this period, Thuluth and Naskh were developed. The three calligraphers responsible for these developments were Ibn Muqlah, followed by Ibn Al Bawwab (11th century) and Yaqut Al Musta’simi (13th century).

Ibn Muqlah restricted the scripts’ proportions to six cursive styles, including the Thuluth, Naskh and Muhaqqaq. These rules are based on four elements: the rhombic dot, the alif, the circle and the similarity system. These changes helped to develop the Kufic script with the cursive styles shown below.

Continued it in the next issue.

Designer professional community/ special supplement of Mobile Trend Magazine

17

16

Calligraphy

Taking A Closer Look At Arabic Calligraphy www.smashingmagazine.com By Rafiq Elmansy

Rafiq Elmansy

Arabic calligraphy was originally a tool for communication, but with time, it began to be used in architecture, decoration and coin design. Its evolution into these major roles was a reflection of the early Muslims’ need to avoid, as their beliefs required, figures and pictorials that were used as idols before Islam was established in the Arabian Peninsula.

lier scripts, such as the Canaanite and Aramaic Nabataean alphabets that were found in the north of the Arabian Peninsula. These inscriptions were date to the 14th century BC. ARABIC MUSNAD The first Arabic script, Arabic Musnad, which likely developed from the above-mentioned languages, doesn’t have the cursive aesthetic that most people associate with modern Arabic scripts. Discovered While the Arabic tribes preferred to memorize texts and poetry, the in the south of the Arabian Peninsula, in Yemen, this script reached first Muslims tried to document their holy book (Qur’an Kareem) its final form around 500 BC and was used until the 6th century. It using the scripts that we’ll look at in this article. In order to under- did not look like modern Arabic, as its shapes were very basic and stand how these scripts developed into the beautiful and complex resembled more the Nabataean and Canaanite alphabets than the shapes we know today, we have to understand the history of Arabic Arabic shapes calligraphy.

The Early Development Of Arabic Scripts Digging deep into the history of the Arabian Peninsula and the origin of the Arabic language, archeologists have found inscriptions that show a close relationship between Arabic scripts and some ear-

Arabic Musnad script Image source: Marie-Lan Nguyen Designer professional community/ special supplement of Mobile Trend Magazine

glossary

Printing process.

Hot stamping A letterpress process using foil and dies.

Foil is transferred from its backing to the paper when stamped with a heated die.

Halftone An illustration reproduced by breaking down the original tone into a pattern of dots of varying size. Light areas have small dots and darker areas or shadows have larger dots.

Hard copy A printed paper copy of output in readable form Impression The image produced in a single operation on a printer, copier or press.Form Laminate A thin transparent plastic coating applied to paper or board to provide protection and give it a glossy finish Tic/Tac When several colors are printed on top of each other, there is a limit to the amount of ink or toner that can be put on paper. This maximum total dot percentage is referred to as either TIC (Total Ink Coverage) or TAC (Total Area Coverage).

When a designer ignores this technical limitation, the ink that gets laid down last won’t attach properly to the previous layers, leading to muddy browns in neutral areas. The ink also won’t dry properly on the press sheets. This can cause set-off where

the ink of a still wet sheet rubs off on whatever is stacked on top of it.

UCR Abbreviation for Undercolor Removal, a technique that replaces equivalent portion of cyan, magenta and yellow ink by black ink, mainly in the neutral parts and the shadows of an image. UCR produces images with a lower total ink coverage than GCR, although the images typically are not as saturated or vibrant. UCR is usually used to produce CMYK images that will be printed on uncoated paper, such as newsprint.

PostScript PostScript is a page description language, a protocol that is used to communicate between applications like Adobe InDesign, QuarkXPress or MS Word and output devices like laser printers or CtP systems, that are equipped with a PostScript interpreter.

PostScript can also be used to exchange data between applications themselves and it forms the basis of the PDF file format.

UV ink Abbreviation for UltraViolet ink, a special ink that dries quickly through the use of ultraviolet light on the press. This allows for more productivity because there is not need to let the ink dry before printing the other side. The inks are aggressive and will shorten the lifespan of the plates used.

UV resistance The resistance to the fading of colors under

direct sunlight W&T Abbreviation for Work and Turn, a printing method in which both sides of a sheet can be printed using a single plate. The paper is turned over after the first side is printed, using the same edge of the first printing as the gripper edge for the second printing.

Different side guides are used for each pass.

Web press A printing press that prints on rolls of paper. This type of press is typically used to print newspapers, magazines, large catalogues or other jobs where the number of impressions exceeds 25,000 copies. Because web presses ‘pull’ a continuous piece of paper through the press, lighter weight papers can be used. Many web presses have the ability to do folding for complicated direct mailers and brochures Saddle stitch The binding of sheets of paper to form a book which works by stapling in seam Where sheets are folded.

Self-cover Using same paper as the text for the cover Signature A section of a book made by folding a printed sheet so that the pages follow in Correct order.( Standard signatures are 8, 16 & 32) .......................................................................

Continued it in the next issue.

15

14

glossary

Glossary Of Printing Terms A2 A2 is a paper size that is frequently used for medium size posters, architectural drawings and diagrams. A2 measures 420 x 594 millimeters or 16.54 x 23.39 inches.

A3 A3 is a paper size that is typically used for drawings, diagrams and large tables. It is also frequently used in laser printers to output two A4 pages as a spread. A3 measures 297 x 420 millimeters or 11.69 x 16.54 inches.

A4 A4 is a popular paper size that is used for a wide range of documents, including magazines, catalogs, letters and forms. It measures 210 x 297 millimeters or 8.27 x 11.69 inches blanket Reinforced sheet of rubber used on one of the rollers of an offset press to transfer the to-be-printed data from the plate onto the paper.. ginator.

Bond paper Strong durable paper grade used of letterheads and forms Cutting die/ die cut Sharp edged devise usually made of steel rule, to cut paper, cardboard, etc. On Color separations The separation of color artwork or transparencies on to separate sheet for Each color. The division of a multi-color Designer professional community/ special supplement of Mobile Trend Magazine

original into the primary process colors of yellow, Magenta, cyan, and black Copyright An exclusive right that has been granted by law to a particular creative product.

The right of copyright gives protection to the originator of material to prevent use without Express permission or acknowledgement of the ori Density A measure of the relative difference between a white area and a toned or black area. Or the ability of a material to absorb light.

Embossing A process performed after printing to stamp a raised or depressed image into the Surface of paper using engraved metal embossing dies, extreme pressure and heat.

Embossed paper – a paper surface textured in one of a variety of patterns by passing the paper through engraved steel rolls.

Finishing The bindery process performed after the document has been copied or printed.

Foil stamp A letterpress process using foil and dies.

Foil is transferred from its backing to The paper when stamped with a heated die.

Gripper Aa series of metal fingers that hold each sheet of paper as it passes through the various stages of the Printing process

Gripper edge - The edge of a press plate (or of the flat) corresponding to the lead edge of the press sheet clamped by the grippers during the printing cycle.

The grippers of the printing press move the paper through the press by holding onto the leading edge of the sheet; this edge is the gripper edge..

Gamma The computer number that denotes contrast, represented by the greek letter y.

The contrast in photographic images.

Gamma correction A modification of the tone curves to change the contrast of a reproduction. Gamma correction does what some people misinterpret as color correction because it changes middletone and clean up the picture.

Gamut The range of colors that a device can reproduce or capture. The human eye has the widest gamut, printing presses have a far narrower gamut.

Gutter The inside space between pages, usually the inside margin toward the back or binding edge of a book is meant but for impositioning programs any space between pages is a gutter.

Gripper Aa series of metal fingers that hold each sheet of paper as it passes through the various stages of the

Contents

4. Improvement to Tables You now get the ability to simply drag-and-drop table rows and columns from one position to another within the same table. Select the rows you want to copy or duplicate, hover over the selected rows, a unique cursor indicating that the selection can be moved is displayed. The item row can be simply dragged and dropped (or copied with an ‘Alt’ key pressed).

You can also copy the contents from header and footer rows to body rows (by pressing Alt/Opt key). Likewise, body rows can also be duplicated and converted to header and footer rows

6. Enhanced Data Merge for QR Code Now, you can place a data source containing a QR code in a merged document. The QR code workflow is integrated with the merged document. The following types of QR code can be linked via data merge in InDesign documents: Plain Text <Web Hyperlink<Text Message<Email<Business Card Today, if you’re creating business cards for multiple people (in an organization, for example), you can use data merge. If you want to add a QR code, you would have to manually create a QR code for every unique business card. With this new update to data merge, you don’t have to create a QR code manually for each card; the QR code can be automatically created during the data merge.

5. Color Group You can now create and manage color groups in InDesign. Simply create Color Groups from the Swatches panel through the new Color Group icon or from the flyout and context menu. You can also share the color groups with another application using Adobe Swatch Exchange (.ase) files. For example, load color swatches from another project in Illustrator.

This is some parts of updates that have added to the Adobe InDesign CC 2014 and soon Adobe will add more for this program.

13

12

Contents Adobe

InDesign CC ®

Features

2014

A

Ahmad Al Haj Qasem- desguide

dobe InDesign CC 2014, a powerful design and production application that offers precision, control, and seamless integration with other Adobe professional graphics software. you can produce professional quality, full-color documents on high-volume color printing presses, or print to a range of output devices, such as desktop printers and high-resolution imaging devices, or export to a range of formats, including PDF and EPUB. Writers, artists, designers, and publishers can communicate to a broader audience than ever before and through an unprecedented variety of media. InDesign supports this with its seamless integration with other Creative Cloud components.

3. EPUB Enhancement 1. Seamless update The InDesign preferences and presets from an earlier version are In this release, InDesign provides support for Fixed Layout EPUBs. retained. You can also manually trigger local migration of presets You also get control over adding epub:type markups. The enhancements made in this release also provide improved CSS support for and preferences from Edit > Migrate Previous Local Settings. table and cell styles. You can update metadata in the fixed layout and reflowable layouts, in addition to, configuring the exported outputs in the Viewing Apps tab.

Fixed Layout: InDesign now supports this format that is interesting and interactive. This format is used widely for children’s eBooks and for complex non-fiction like cookbooks and textbooks.

Unlike standard eBooks, fixed layout eBooks retain the same page layout and design, as their print book counterparts. You can export your InDesign document to a fixed layout EPUB format. You can control the way the layout would appear on a digital reader using this feature. Select File > Export > EPUB (Fixed Layout) from Save as type, to explore this format.

2. What’s new Window once you install InDesign CC 2014, a What’s new dialog greets you with content that provides information about the new features in this release.

Designer professional community/ special supplement of Mobile Trend Magazine

Why do Apple

technology

ads of iPhone & iPad show 9:41 AM?

T

he time displayed in Apple iDevice (iPhone, iPad) ads and found a recurring pattern in it. They always show 9:41 or 9:42.

But what is so special about 9:41am? Does that time signify something special and auspicious to Apple in general and Steve Jobs in particular?

When Steve Jobs orchestrated the launch event of iPhone during Macworld 2007, it was a presentation on stage carried out by Jobs for more than an hour. During such presentations (called Keynote in Appleâ&#x20AC;&#x2122;s jargon), he starts with some introductory slides, company salesreport and in the middle of keynote, generally launches a new product with ads on the big screen on stage. As per Jobs calculations (from prior rehearsals), the iPho-

AM 9:41

ne ad was supposed to be shown on the screen at 9:41 AM. So he had asked his advertising division well in advance to prepare ads with the device showing 9:41!!

Finally, on the launch date, during the carefully planned presentation, when Jobs showed the slide containing iPhone TV commercial, it showed 9:41 am in the ad and the time in the auditorium was also 9:41. The following excerpt from a live blog by engadget shows that exactly at 9:41, Steve announced iPhone to the world.

11

10

technology

Tiny enough to take anywhere yet big enough to use comfortably, this perfectly portable stylus comes in a variety of colors to match your (and your device’s) style.

Vibrantly styled.

Made to be mobile.

Easy to use when you’re on the go, With chic design and easy-to-grip, soft-touch this small stylus also connects clever- body, this stylish little stylus is available in a ly to your mobile device, so it doesn’t variety of fashionable hues get lost along the way.

Replaceable rubber nibs.

Easy-to-replace, affordable rubber nibs ensure a smooth pen-on-screen experience for the life of your stylus.

Pen Nib Exchangeable, slim rubber nib, 6mm diameter, see accessories for soft and firm replacement nibs Designer professional community/ special supplement of Mobile Trend Magazine

technology

Abdallah Zidan - Desguide

Codly version 1.0 is out with a lot of new and improved features that helps mobile app creators around the world to do the.ir work efficiently and smoothly

Codly Saves you Time, Money and Lots of arguments Codly aims to save more than 40% of app development time by providing the tools that automate some of the mobile app development steps done by both designers and developers and minimize the communication between them. The platform uses a lot of new technologies that helps the designer create a full functioning prototype di.rectly from the well known designing app, Photoshop ;The platform consists of 3 parts The Photoshop extension, which extract the images .from the design and understand the design structure

The Codly mobile app, which enables the designer tosee their work as native working mobile app on unlimi.ted number of mobile devices The Server side, which generates the UI code for the design that the developer will use to add the app logic.

The server also enables the designer to share the applica.tion with others to view it on their own phones To try Codly, register a free account http://codly.io

9

technology

7

T

hunderbolt is a revolutionary I/O technology that supports high-resolution displays and highperformance data devices through a single, compact port. It sets new standards for speed, flexibility, and simplicity.

Starting as a simple idea â&#x20AC;&#x201C; to create an incredibly fast input/output technology that just about anything can plug into, Thunderbolt, also with FireWire, becomes one of the most popular and flexible I/O technology.

Thunderbolt controllers multiplex one or more individual data lanes from connected PCIe and DisplayPort devices for transmission via one duplex Thunderbolt lane, then de-multiplex them for consumption by PCIe and DisplayPort devices on the other end. A single Thunderbolt port supports up to six Thunderbolt devices via hubs or daisy chains; as many of these as the host has DP sources may be Thunderbolt monitors.

Based on the two main technology in your MacBook Air, MacBook Pro, iMac, or Mac mini, you are able to use the full capacity and potential of your system.

Unlike FireWire, you can use Thunderbolt to connect external devices like Storages(RAID arrays) and video capture solutions directly to your Mac, use existing USB, even connect to Gigabit Ethernet and Fibre Channel networks â&#x20AC;&#x201D; using simple adapters.

This ultra speed and flexibility is based on its two chan-

nels on the same connector with 10 Gbps of throughput in both directions. We can move data to and from peripherals up to 20 times faster than with USB 2.0 and up to 12 times faster than with FireWire 800.

Thunderbolt supports almost all kind of displays, which make it the most appropriate technology which ever exists.

Leveraging the I/O protocols on a single transport enables engineers to innovate new system design configurations, allowing for standalone performance expansion technologies that use existing native device drivers.

Thunderbolt technology also enables the introduction of thinner and lighter laptops without sacrificing I/O performance, and extends to reach other I/O technologies by using PCIe-based adapters, making gigabit Ethernet, FireWire, or eSATA easy to create.

Color Theory

olors

R A M Y

M A M D O U H

Basics

Light waves

5

Light is radiation that travels in waves at a speed of 300,000 km/s. It consists of electromagnetic oscillations that propagate in wave form.

Just like a wave of water , and it consists of Crest and Trough.

3

4

Waves can be described using either their wavelength or 5 the6 number 7 of oscillations they make per second.

colors

Color Theory

Every light source emit light waves which are made up of electromagnetic oscillations.

R A M Y

M A M D O U H

Light waves We can only see wavelengths at the range of 380 through 780 nm (nanometers) which falls between ultraviolet and infrared it called a Visible Light.

3

4

5

6

7

Color Theory

colors 1

A Prism

2

3

4

What is colors

5

6

7 1

2

3

4

5

6

R A M Y

7

M A M D O U H

Color Th

What is colors

R A M Y

A Prism

A Prism

You can see the effect especially well when a ray of light passes through a prism . The resulting spectrum shows a yellow, continuous band of color from blue to blue – green, BLUE orange to red .

( 380 – 520 nm )

BLUE ( 380 – 520 nm )

Violet ( 380 – 430 nm )

Green ( 520 – 600 nm )

Green ( 520 – 600 nm )

Yellow ( 540 – 580 nm )

RED ( 600 – 720 nm )

RED ( 600 – 720 nm )

Orange ( 580 – 650 nm )

M A M

1

2

3

4

5

6

7

Color Theory

hat is colors 4 WBasics

R A M Y

M A M D O U H

What is Colors • • • • • • • •

Where does colors came from ?

Why do we see in color ?

How is the Light formed ?

What is the factors are necessary for us to see in colors ?

How additive colors are generated and what their characteristics are ?

The Color Spectrum.

Light and Objects.

How is the human eyes see ?

•

4 lors

Color Theory

5

6

7

1 1 2 2 3 3 4 4 5 5 6 6 7 7

W hW ahta ti s i sc ocloolrosr s

Color Theory R A M Y

M A M D O U H

Lightawaves From a ray of light to color From ray of light to color R A M Y

Eng Ramy Mamdouh Hammady

M A M D O U H

Light waves passing through the atmosphere strike An object as electromagnetic radiation . The object Absorbs some of the light due to its molecular Surface structure and sends back what is left of the ray in all directions (remitted light). The reflected rays are registered by our eyes and set off impulses That our brains can interpret.

4

5

6

7

In the light waves the distance between two wave Light waves passing through the atmosphere strike crests we call a wavelength. This is a term we also use An object as electromagnetic radiation . The object for light waves. The wavelength of light is very small Absorbs some of the light due to its molecular and is measured in the nanometer range (nm) Surface structure and sends back what is left of the (1 cm = 100.000.000 nm). ray in all directions (remitted light). The reflected rays are registered by our eyes and set off impulses Theour Sunbrains emitscan light , it generates itself, therefore known interpret.

That as luminous object.

Color Theory

In contrast, most of the objects surrounding us do not emit any light of their own and are therefore known as R A M Y M A M D non-luminous objects.

olors

How is the light formed If external energy is applied to an atom in its ground state the electron is lifted to a higher orbit, and the atom is raised to a higher energy state.

The excited state of the atom is however , unstable.

This means that the electron will return to its original orbit after a certain time and the atom will revert to its ground state.

The process makes the atom emit energy in the form of a light quantum (photon) which can be seen as white light in a range of 380 nm – 780 nm.

Designer professional community/ special supplement of Mobile Trend Magazine

O U H

creative designer

3

2

creative designer

Designer professional community/ special supplement of Mobile Trend Magazine

A design student but what should i major in:

During my work in the school of design and architecture, a lot of foundation design students asked me questions frequently; is architecture better than interior or graphic design is the best?’’ what is the best major and which major would provide me with the best social importance?’’ and most important question is,’’ how do know which major suits me best?’’ i used to tell them that i couldn’t compare between majors since I’m a graphic designer, and my recommendation wouldn›t be fair. Yet I used to give them a set of advices that would help them in deciding what is the best for them: 1- Desire And Tendencies I try to find out what attracts you the most …... How ? ask yourself these questions am i more fonds of desk or field work? what subjects do I enjoy do you acquire any skills in which you could translate into your major(arts, creative thinking , writing, drawing). 2- youpersonality abilities: one could uncover his abilities throughout the experiences one has gone through, such as: A- a good memory ، b- social skills ، c- powerful concluding skills، D- a great mathematical mind ، E- astrong precision ، F- the ability to draw and imagine 3- the ability to detect opportunities: Observe the market , see which work fields or majors are mostly needed and available in your region 4- Knowing the majors: Study the work fields of each major , know the differences between them, know the hardships and the obstacles that you may face and ask people working in related fields about the majors.

In the end, I say: There is no easy or difficult major, yet there is a major that you prefer more than the other, and there is no majors «better» than other major as long as you love what you are studying and working in, your passion for your job will provide you with limitless opportunities. And my dear student you should know that a major does not have to mean a work field. But it is mastering a field more than others, keeping in mind that a lot of presidents and leaders worked in fields different than their major. For example the executive CEO of google erich schimidt majored in electrical engineering and fujio mitaria also the executive CEO of Canon majored in Law, and even the manager of this magazine majored in sociology. and i’d like to finish this with a quote from christopher vemorly when he said «the only success in life is to be able to live your life the way you want» Farah Mahfouz