البحث في الموقع

من الصعب إحصاء عدد مبادئ تصميم الرسوميات (التصميم الجرافيكي)، حيث يرى بعض المصممين أنها خمسة وآخرون يصرحون بأن العدد أكثر من ذلك، وقد تصنّف بعض المبادئ على أنها من عناصر التصميم الرئيسية من قبل آخرين، كالمساحة مثلًا، حيث يصنفها البعض من ضمن المبادئ وآخرون يصنفونها من ضمن العناصر. سنتطرّق إلى المبادئ الأساسية التي لم يختلف عليها أحد في عالم تصميم الرسوميات، والتي يجب على جميع المصممين المبتدئين والمحترفين اتباعها ومراعاتها أثناء القيام بالأعمال التصميمية. وهنالك مبادئ ونظريات أخرى في عالم تصميم الرسوميات، كنظرية الألوان والجشطالت (Gestalt psychology) والأثلاث وغيرها، وسنتطرّق إليها لاحقًا في هذه السلسلة. وسنشرح تاليًا هذه المبادئ مع توضيح الطريقة الصحيحة لتطبيقها بالرسوم البيانية مع إدراج بعض الأمثلة الحية على تطبيق هذه المبادئ. مبادئ تصميم الرسوميات الرئيسية يجب اعتماد هذه المبادئ دومًا وعدم تجاهلها في التصميم، لأنها تشكّل الفارق الحقيقي بين التصاميم الاحترافية وغير الاحترافية، كما أنها تزيد من قدرة التصميم على التأثير بالجمهور وتحقيق الهدف وإيصال الرسالة، ولكن ليس من الضروري تطبيق جميع هذه المبادئ، بل يطبّق منها فقط ما يحتاجه التصميم. 1. التكرارية Repetition يستخدم هذا المبدأ لتعزيز فكرة ما ضمن التصميم، كما يستخدم لتوحيد التصميم ككل حتى وإن احتوى مزيجًا متنوعًا من العناصر. فالتكرار يربط العناصر الفردية معًا ضمن التصميم الواحد، ويمنح شعورًا بالاستمرارية والتنظيم. ويستخدم التكرار أيضًا في تنظيم الوثائق والمقالات والكتب، فهذه السلسلة من المقالات على سبيل المثال تتبع مبدأ التكرار من خلال التكرار ذاته لتنسيق العناوين والفقرات النصية والصور في كل صفحات وفقرات السلسلة. وهذا ما يربط جميع الأجزاء في هذه السلسلة بعضها ببعض وتشعر من خلال قراءتك لها بالتنظيم والاستمرارية والترابط. كما يمكن إجراء التكرار باستخدام أساليب مختلفة كتنسيق النصوص والألوان والخطوط والأشكال وعناصر أخرى مختلفة. ويستخدم هذا المبدأ في جميع العلامات التجارية، حيث نلاحظ توحيد النمط التصميمي لجميع عبوات المنتجات لماركة معينة، فيوضع الشعار في نفس زاوية العلبة مهما اختلف حجمها ونوع المنتج، كما يُستخدم نفس نوعية الخط ونسبة حجمه لباقي التصميم، ونفس أسلوب الألوان لجميع هذه المنتجات، وهذا يعتبر تكرارًا، وهو ما يمنح ترابط هذه المنتجات جميعها مع العلامة التجارية المالكة لها، كما يرسخ هذه العلامة التجارية في عقول العملاء ويجعلهم يشعرون بارتياح أكبر للتعامل والتفاعل معها. لاحظ في هذا الرسم التوضيحي على اليمين كيفية تطبيق التكرار النمطي الذي يجعل التصميم جذابًا على عكس التصميم الأيسر الذي تجاهل تطبيق هذا المبدأ. النصوص والفقرات في صفحة هذه المجلة تتبع النسق والنمط ذاته في تطبيق واضح لمبدأ التكرارية - تصميم Red Fleece Editorial Newspaper للمصممة Stephanie Toole بترخيص المشاع CC BY-NC-ND 3.0 ترغب في الحصول على تصاميم جرافيك مميزة وجذابة؟ وظّف مصمم جرافيك خبير من مستقل لابتكار تصاميم إبداعية تعكس هوية نشاطك التجاري أضف مشروعك الآن 2. التباين Contrast عند الحديث عن التباين، يفكر الكثير من الناس في تباين الألوان فقط، ولكن يمكنك تطبيق التباين بطرق مختلفة باستخدام اللون والحجم والأشكال والطباعة، فالتباين هو الاختلاف في الخصائص المرئية الذي يجعل كائنًا واحدًا مميزًا عن الكائنات الأخرى. وهذا يعني وجود عنصرين أو أكثر متعاكسين في الخصائص، مثل الداكن والفاتح، الثخين والنحيف، الكبير والصغير، وغيرها من التباينات. ويستخدم هذا المبدأ لتوجيه انتباه المشاهد إلى العناصر الأساسية للتصميم، كما يُستخدم للحفاظ على التمييز بين العناصر المتشابهة في التصميم، وبالتالي تعزيز الوضوح العام للتصميم. التباين في التصميم الأيمن جيد وعنصر النص يبدو واضحًا على عكس التصميم الأيسر. يستخدم التباين أيضًا في التصاميم لمنح الأشكال أو الكائنات وزنًا مرئيًا أفضل وموازنة التصميم بالكامل، كما يتم استخدامه أيضًا لتنظيم جميع العناصر الرسومية الموجودة في التصميم في نفس الوقت الذي يمكنك فيه استخدام تباين الطباعة لتنظيم النص وتعزيز أهم أجزائه. يتم إنشاء التباين عندما يكون عنصران متناقضان تمامًا. على سبيل المثال، يمكن رؤية التباين في التصميم عند الموافقة على الشروط والأحكام عبر الإنترنت حيث يكون خيار "أوافق" بلون داكن، بينما يكون خيار "لا أوافق" بلون أفتح ويبدو أنه يتلاشى. كما في الصورة التالية. لاحظ التباين البارز على زر (أوافق) بغية جذب الانتباه إليه عكس زر (لا أوافق) تباين الألوان الكلاسيكي في تصميم هذا الكتيب جعله مثيرًا للاهتمام وباعثًا على التركيز والرغبة في المشاهدة - التصميم NRV Booklet Design للمصمم Shwin … بترخيص المشاع CC BY-NC-ND 3.0 3. الإيقاع Rhythm من السهل فهم مبدأ الإيقاع باستخدام الموسيقى كمثال، فعندما تستخدم عناصر متكررة في التصميم، ينتج عن ذلك مسافات بين هذه العناصر، وهذا ما ينتج عنه إيقاع مرئي كما يحدث في التراكيب الموسيقية تمامًا، حيث يمكن للمسافات بين العناصر المكررة أن تسبب إحساسًا بالإيقاع، على غرار الطريقة التي تتسبب بها المسافة بين النغمات في تكوين إيقاع موسيقي. وهناك خمسة أنواع أساسية من الإيقاع البصري يمكن للمصممين إنشاؤها، وهي إيقاع عشوائي ومنتظم ومتناوب ومتدفق وتدريجي. الإيقاعات العشوائية هي الإيقاعات التي ليس لها نمط يمكن تمييزه، والإيقاعات المنتظمة تتبع نفس التباعد بين العناصر دون تغيير، وتتبع الإيقاعات المتناوبة نمطًا محددًا يتكرر بالتناوب مع وجود تباين بين العناصر مثل النمط 1-2-3-1-2-3، وتتبع الإيقاعات المتدفقة المنحنيات على غرار طريقة تموج الكثبان الرملية أو تدفق الأمواج، وأخيرًا تتغير الإيقاعات التدريجية مع استمرارها، مع إضافة كل تغيير إلى التكرارات السابقة بالزيادة أو النقصان أو التكبير أو التصغير أو التغيير اللوني وغير ذلك. مثال قوي عن الإيقاع العشوائي المتبع في تصميم الصفحة الرئيسية لموقع The Art Center 4. التوازن Balance يعطي التوازن التصميم شكله وثباته، ولكن هذا لا يعني أن العناصر يجب أن تكون بنفس الحجم أو اللون، أو أن كل شيء يجب أن يكون متماثلًا. بل يتعلق الأمر بمساعدة عين المشاهد في التنقل عبر المحتوى بطريقة مريحة ولا تُشعره بالغرابة بسبب اختلال توازن التصميم. فكل عنصر من عناصر التصميم مثل النصوص والألوان والصور والأشكال والأنماط وما إلى ذلك يحمل وزنًا بصريًا. والوزن البصري هو المساحة البصرية التي يشغلها العنصر، وكمية الانتباه التي يأخذها من المشاهد. هناك عناصر ثقيلة وتجذب العين، وأخرى أخف ولا تلفت الانتباه، ويجب أن تبتكر طريقة لتوزيع هذه العناصر على الصفحة لمنح الإحساس بالتوازن. هناك نوعان أساسيان من التوازن: متماثل وغير متماثل. يتشكل التوازن المتماثل من التصميم على طول محور عمودي أو محور أفقي، حيث يٌقسّم وزن العناصر بالتساوي إلى جانبي التصميم، فتتشابه العناصر في طرفي التصميم. ويستخدم التوازن غير المتماثل عناصر مختلفة من حيث الشكل والحجم واللون بين طرفي التصميم، ما يجعل توفير التوازن في هذه الحالة صعبًا ويتطلب رؤية المصمم الخاصة وإدراكه لتحقيق التوازن. عناصر التصميم الأيمن متوازنة على جانبي التصميم على عكس التصميم الأيسر حيث أن العناصر في النص الأيمن منه أثقل بصريًّا من الأيسر. هل ترغب في تعلم تصميم الجرافيك عبر الإنترنت؟ استعن بأفضل خبراء تصميم الجرافيك على خمسات لإكسابك مهارات التصميم الاحترافي اطلب خدمتك الآن 5. البساطة Simplicity البساطة تعني تخفيف كم ونوع العناصر والمكونات في التصميم، ولا يعني بالضرورة أن يكون التصميم مغطى بمساحات بيضاء، فالتصميم البسيط يجبر كل من يشاهده على القول إنه بسيط ولكن جميل. قد يظن بعض المصممين من المبتدئين أن التصميم البسيط لن يكون مثيرًا للاهتمام ولن يشد أعين المشاهدين إليه، إلا أن التصميم الجيد وخصوصًا إن كان بسيطًا، سيترك أثرًا كبيرًا في نفوس المشاهدين له. ويعمل التصميم البسيط على إيصال الرسالة بشكل سريع ومفهوم وبسيط للجمهور على عكس التصاميم المعقّدة. نستطيع تطبيق البساطة في التصميم عبر تجنب الكم الهائل من العناصر المرئية، ويجب أن نحاول الحصول على فكرة واحدة قوية بدلاً من دمج الكثير من المكونات للوصول إلى النتيجة ذاتها. ولذلك فإن تطبيق البساطة على أي تصميم يحتاج لخبرة ووعي كبيرين، فلا يستطيع أي مصمم أن يحقق الهدف من التصميم البسيط وأن يمنح الشعور بالرفاهية والأناقة في تصميم بسيط. أحد أبرز الأمثلة على قوة التصاميم البسيطة هو شركة آبل، حيث اتخذ الرئيس التنفيذي للشركة ستيف جوبز من البساطة عنوانًا لتصاميم الشركة. هذه عبارة قوية جدًا بشأن البساطة ولكنها نتائجها العملية يعلمها جميع عملاء الشركة، فإن طرحت السؤال التالي على أي شخص يمتلك أحد أجهزة الشركة كالآيفون وغيره، ما الذي يعجبك فيه؟ سيكون الجواب عفويًا، "إنه بسيط"، مع أنه لن يستطيع أن يشرح لك لماذا هو بسيط، إلا أن هذا دليل على قوة وأناقة التصميم البسيط لأحد أكثر الأجهزة قوة وتعقيدًا التصميم الأيمن بسيط ومريح للنظر والمتابعة على عكس التصميم الأيسر حيث اعتمد التعقيد ما سبب عدم الارتياح لمشاهدته. 6. التقارب Proximity لا يعني التقارب أن نقوم بجمع العناصر أو المكونات معًا لتحقيق التقارب، فالتقارب عمليًّا هو إنشاء علاقة بين العناصر من خلال سمات معينة كاللون والنوع والحجم وحتى الخط. ويساعد على تشكيل الاتصال البصري بين تلك العناصر كما يمكن أن يتحقق ذلك بتقريب المسافة بين تلك العناصر أو بإنشاء عنصر جديد يصل بين العناصر البعيدة، ويحافظ على وحدة التصميم وعلى استمراريته وانسيابيته، ويساعد على توجيه تركيز المشاهد إلى نقطة معينة، إضافة لوظيفته المهمة في تنظيم عناصر التصميم. العناصر متقاربة ومنتظمة في التصميم الأيمن على عكس التصميم الأيسر الذي تباعدت فيه العناصر عن بعضها ما يؤثر سلبًا على جودة التصميم. 7. الهرمية Hierarchy الهرمية مبدأ مهم من مبادئ تصميم الرسوميات والتي تعتمد على إنشاء تسلسل تنازلي للعناصر من حيث الأهمية، بحيث يكون العنصر الأهم أولًا فالذي يليه. ويتم تحديد مستوى هذه الأهمية من خلال زيادة الوزن البصري للعنصر ويتم ذلك عبر زيادة الحجم للعناصر والنصوص أو من خلال زيادة ثقل سمات النصوص فحسب، أي الخط الثخين يليه الخط الرفيع. ما يساعد على شد انتباه المشاهد إلى العنصر الأكثر أهمية ويوجه نظره إليه مباشرة، ومن ثم يتابع النظر تسلسليًا إلى العنصر الأقل أهمية فالذي يليه. وبهذا يُوجّه المشاهد نظره باتجاه محدد ويساعد على تنظيم المحتوى بشكل أنيق ومدروس. لاحظ تطبيق هذا المبدأ بصورة صحيحة في التصميم الأيمن بحيث أن العنوان الرئيسي هو الأكبر حجمًا لأنه العنصر الأهم على عكس التصميم الأيسر. يظهر مبدأ الهرمية في عناصر النصوص ضمن التصميم لصفحة الهبوط هذه - التصميم Landing pages للمصمم Saurabh Sharma بترخيص المشاع CC BY-NC-ND 3.0 8. الانسيابية Fluidity الانسيابية في التصميم تشبه الهرمية من حيث المبدأ، ففي الهرمية تترتّب العناصر من حيث الأهمية، فنبدأ بالعناصر الأهم وصولًا إلى الأقل أهمية. أما في الانسيابية، فلا يتوقف تسلسل العناصر بهذه الطريقة بل تستمر من العنصر الأقل أهمية إلى الأكثر أهمية ثم تتابع العناصر تدرّجها ولكن هذه المرّة إلى الأقل أهمية أيضًا، أو العكس من الأكثر أهمية إلى الأقل ثم إلى الأكثر أهمية مجدّدًا. ويُعرف هذا المبدأ بالتدفق أيضًا، والغرض منه توجيه عين المشاهد باتجاه محدّد بحسب اتجاه التدفق أو اتجاه انسياب تسلسل العناصر بحسب الأهمية. لاحظ كيفية تدفق العناصر بانسيابية في التصميم الأيمن من الأصغر والفاتح في الأعلى إلى الداكن والأكبر في الوسط ثم إلى الأصغر والفاتح في الأسفل، عكس التصميم الأيسر الذي يشعرك بالفوضى وعدم الراحة للمشاهدة. 9. المحاذاة Alignment وهو توزيع وترتيب العناصر على محور واحد وهمي، ما يصنع اتصالًا مرئيًّا بين العناصر المختلفة. ويساعد تطبيق هذا المبدأ على تنظيم مظهر التصميم وإزالة التشوهات التصميمية المزعجة للنظر. ويمكن محاذاة العناصر بشكل أفقي أو عمودي أو حتى مائل، كما تنقسم المحاذاة على المحاور بحسب الاتجاهات مثل المحاذاة الأفقية العلوية أو الوسطى أو السفلية، وكذلك المحاذاة العمودية اليمنى أو الوسطى أو اليسرى وهكذا. ويمكن تصنيف المحاذاة على أنها امتداد لمبدأ التقارب، إذ يتبعان المفهوم ذاته تقريبًا. جميع العناصر في التصميم الأيمن بمحاذاة بعضها على المحور الأفقي وهذا يدل على التنظيم عكس العناصر في التصميم الأيسر. لاحظ المحاذاة التامة لكافة عناصر تصميم هذه الصفحة من نصوص وصور من إحدى المجلات، ما منحها أناقة ورُقيًا وجاذبية - تصميم VERLAG | Magazine Template للمصمم Fahd Tohry بترخيص المشاع CC BY-NC-ND 3.0 10. النسبة Proportion النسبة هي الحجم المرئي والوزن البصري للعناصر في التصميم وكيفية ارتباطها ببعضها البعض، تعد النسبة من أسهل مبادئ التصميم للفهم، فهي مقدار حجم العناصر بالنسبة لبعضها البعض. وبالتالي توجه عيون المشاهد إلى ما هو مهم في التصميم، العناصر الأكبر هي الأكثر أهمية، وبمجرد إتقان المحاذاة والتوازن والتباين، يجب أن تظهر النسبة بشكل طبيعي. لاحظ الوزن البصري الثقيل للنص والذي يشير إلى أهميته بالنسبة للعناصر الأخرى 11. التنوع Variety يستخدم مبدأ التنوع في التصميم لتحفيز اهتمام المشاهد بصريًا للتصميم، ويمكن إنشاؤه بعناصر مختلفة مثل اللون والطباعة والصور والأشكال وغيرها الكثير. ونتجنب باستخدام التنوع إنشاء تصميم رتيب وفقدان اهتمام المشاهد. ومن المهم عند استخدام مبدأ التنوع مراعاة عدم المبالغة فيه لأن ذلك سيتسبب في إثقال وزن التصميم العام وإحداث الفوضى وبالتالي خسارة الهدف من تطبيق هذا المبدأ. مع تطبيق مبادئ المحاذاة والإيقاع والتوازن والتكرارية، فإن التنوع في التصميم الأيمن زاد من جمالية التصميم وأبعد الملل منه كما هو الحال في التصميم الأيسر. 12. التركيز Emphasis يهدف مبدأ التركيز إلى التأكيد إلى أهمية العناصر في التصميم، وإلى الترتيب الذي يجب أن يكون عليه، وبناءً عليه فإن أهم المعلومات التي تحتاج إلى إظهارها في التصميم يجب أن تكون بارزة ويجب التركيز عليها. وتكون العناصر المهمة بارزة بتكبير حجمها ووضعها في موقع بارز مثل منتصف التصميم أو بالقرب منه، واستخدام نظرية الألوان لاختيار اللون الأكثر جرأة ولفتًا للانتباه وتوظيف مبدأ التباين إن احتاج الأمر لتكون بارزة أكثر. على سبيل المثال في تصميم ملصق فيلم ما، فإن أول ما يجب أن يُرى هو عنوان الفيلم، ثم يمكن أن يكون اسم المخرج وبعد ذلك أسماء الممثلين والممثلات. عنصر النص الأكثر أهمية في التصميم يجب أن يكون بارزًا من خلال زيادة وزنه البصري عبر اللون الداكن والحجم الأكبر والموضع البارز كما في التصميم الأيمن. تعمّد المصمم في لوحة الإعلانات أن يضع صورة البرجر في حجم أكبر من باقي العناصر وفي موضع مميز وبلون خلفية مميز بغية التأكيد على هذا العنصر ما يجعل المشاهد ينظر إلى هذه الصورة أولًا ويفهم المقصود من التصميم وتصل الرسالة - الصورة التصميم Burger Billboard للمصمم arch shimul بترخيص المشاع CC BY-NC-ND 3.0 13. الحركة Movement يشير مبدأ الحركة إلى كيفية تفاعل العين البشرية مع التصميم، وتوجيهها باتجاه العناصر الأكثر أهمية فما يليها. لذلك يجب أن يكون العنصر الأكثر أهمية في التصميم هو أول ما يراه المشاهد، وبعد ذلك تحتاج إلى توجيه المشاهد إلى العنصر التالي الأقل أهمية، فالذي يليه وهكذا. على سبيل المثال في ملصق إعلاني لمحاضرة ما، يجب أن يكون عنوان المحاضرة هو أول ما يشاهده الجمهور ثم مكان المحاضرة ثم وقت بدء المحاضرة، وعليه يجب أن يمنح العنوان الوزن الأثقل لكونه العنصر الأهم ومن ثم بالتتالي المكان ثم الزمان. تتفاعل عين المشاهد للتصميم الأيمن عبر الحركة من الدائرة الكبيرة الداكنة باتجاه الصغيرة الفاتحة بطريقة منتظمة ومريحة، عكس حركة عين المشاهد للتصميم الأيسر. تساعد الأرقام المتسلسلة والمائلة على توجيه نظر المشاهد باتجاه ترتيب العد وبذلك تحقق مبدأ الحركة - الصورة لموقع AbbyStolfo 14. الوحدة Unity يشير مبدأ الوحدة إلى مدى جودة عمل جميع عناصر التصميم معًا، حيث يجب أن تتلاءم عناصر التصميم معًا وتشعر وكأنها تنتمي لبعضها البعض. ويتوجب تطبيق جميع مبادئ التصميم الأخرى معًا لمحاولة إنشاء تصميم موحد. فمبدأ الوحدة ينظّم ويربط العناصر ببعضها. ولتحقيق الوحدة في التصميم فإنه يجب تطبيق مبادئ البساطة والتقارب والتكرارية. وقد يبالغ بعض المصممين في سعيهم لتحقيق الوحدة في التصميم بحيث يصممون تراكيب موحدة ومتشابهة ضمن التصميم لدرجة أنها تبدو مملة، لذلك يجب أن يتم تطبيق مبدأ التنوع هنا ولكن بحذر ودون مبالغة أيضًا. غالبًا ما تستخدم الشركات الألوان لتوحيد كل عنصر من عناصر تصاميمها، سواء كان ذلك للشعار أو لموقع الويب أو حتى في المتجر. وهناك أمثلة كثيرة على ذلك. فشركات الشحن والمطاعم أمثال DHL وماكدونالدز وغيرها، تستخدم لونًا محددًا لشعارهم وموقعهم الإلكتروني ولباس موظفيهم وديكور أماكن عملهم ولصاقات سياراتهم، ما يحقق الوحدة للعلامة التجارية والبصرية للشركة بأكملها. وحدة التصميم الأيمن زادت من جودة وجمالية التصميم بحيث انتمت جميع العناصر لبعضها على عكس التصميم الأيسر. مثال على الوحدة في التصميم للعلامة التجارية لشركة الشحن العالمية DHL من مواقع أخبارية خاتمة لاحظنا مما سبق كيفية التأثير وترك الانطباع الجيد عند تطبيق هذه المبادئ في التصميم، والفرق بين المصممين المحترفين وبين المبتدئين هو تطبيق المحترفين لهذه المبادئ بدقة وحرص، ما يجعل التصاميم أكثر احترافية وأناقة وجمالًا. بمجرد النظر إلى تصميم رديء لمصمم مبتدأ ستلاحظ على الفور غياب هذه المبادئ عن تصميمه ولو أنه أعاد التصميم ذاته مع تطبيق هذه المبادئ فسيتحول التصميم الرديء إلى تصميم احترافي وجميل. ومع ذلك ليس من الضروري تطبيق جميع هذه المبادئ دفعة واحدة على تصميم واحد، إنما نطبّق المبادئ التي يحتاجها التصميم للارتقاء بمستواه، وقد لا نحتاج في بعض التصاميم سوى إلى تطبيق مبدأ واحد فقط، الأمر كله يتعلق بالتصميم. سنتحدث في المقال التالي عن أشهر وأقوى نظرية في عالم تصميم الرسوميات وهي نظرية الألوان.

سنتحدث في هذه السلسلة من المقالات عن تصميم الرسوميات (التصميم الجرافيكي) من زوايا جديدة نحاول من خلالها تسليط الضوء على جوانب تصميم الرسوميات الأكاديمية والتطبيقية والتي من خلالها يمكن للمصمم تطوير معرفته ومهاراته التصميمية والاستعداد لسوق العمل. لن نسعى في هذه السلسلة للغوص كثيرًا في النظريات أو المفاهيم المجردة، وكذلك لن نتوسع في الدروس التطبيقية واستخدام الأدوات والبرامج، بل ستكون مزيجًا من الجانبين بما يساعد المصمم المبتدئ على تعلم ما يجب تعلمه ومن ثم إرشاده وفتح المجال له للتوسع والتعلم الذاتي من مصادر خارجية. ما هو تصميم الرسوميات (التصميم الجرافيكي)؟ لتصميم الرسوميات أو ما يعرف أيضًا بـ(التصميم الجرافيكي) تعاريف عدة ومصطلحات رمزية كثيرة، فيطلق عليه أحيانًا فن الاتصال البصري، فماذا يعني تصميم الرسوميات؟ وما الذي يخطر ببالك عندما تسمع هذه العبارة؟ قد يخطر ببالك لوحة فنية، ملصق إعلاني لفيلم جديد، غلاف كتاب، صورة مميزة لمنتج ما على الفيس بوك، ملايين الصور والتصاميم على إنستجرام، عبوات وعلب المنتجات المختلفة على رفوف المتاجر، شعار شركة عالمية، كل ذلك وغيرها الكثير. لكن هذه ليست تعريفًا أو وصفًا لتصميم الرسوميات بل هي نتائج لهذا العمل، وإذا خطر ببالك الفوتوشوب أو الإليستريتور أو غيرهما من البرامج والتطبيقات فهي أيضًا ليست تعريفًا أو توضيحًا له بل هي أدوات ووسائل لتنفيذ التصاميم. صور لتصاميم مجلات - الصورة من موقع Foter.com بعض القواميس على الإنترنت تعرّف تصميم الرسوميات بأنه فن أو مهارة الجمع بين النص والصور في الإعلانات أو المجلات أو الكتب، هذا التعريف صحيح جزئيًا ولكنه ليس دقيقًا أو شاملًا. فتصميم الرسوميات مهارة وعلم قائم بحد ذاته ويتجاوز كونه طريقة جمع النص والصور بكثير. يركّز تصميم الرسوميات على توصيل رسالة أو فكرة ما بصريًا. إذ لكل مشروع يعمل عليه المصمم رسالة فريدة وهدف لتلك الرسالة. قد تكون الرسالة هي تقديم المعلومات، أو إيصال فكرة، أو بيع منتج أو حتى تحفيز محادثة هادفة. وبأبسط مثال على نتائج أعمال التصميم، تصميم الشعارات، فإن جرّبت أن تغلق عينيك وذكرتُ لك مثلًا كلمة آيفون فسيخطر ببالك على الفور تفاحة رمادية مأكولة من الجانب، وإن ذكرت كلمة أمازون فسيخطر ببالك ذلك السهم المبتسم، حتى وإن كان نجاح هذه الشركات بسبب جودة المنتج والخدمة المقدمة، فإن للتصميم دور أساسي في نجاح الشركة ونقل أعمالها لمستوى آخر بحيث تصبح محفورة في أذهان الجمهور عبر شعاراتها المميزة. كما يمكنك معرفة ذلك من الملصقات الإعلانية للأفلام على سبيل المثال أيضًا، إذ يستطيع ملصق ما أن يدفعك للتوق بشدة لمشاهدة الفيلم، بينما قد يُشعرك ملصق آخر بأن الفيلم غير مثير للاهتمام، وقد يدفعك لعدم مشاهدة الفيلم، على الرغم من أنه قد يكون أفضل وأعلى جودة من الأول. شعار شركة آبل - الصورة بواسطة Trac Vu من موقع Unsplash لذلك يمكننا تعريف تصميم الرسوميات (التصميم الجرافيكي) على أنه: ماذا يفعل مصمم الرسوميات أساس التصميم - الصورة بواسطة Karol D من موقع Pexels يأخذ مصمم الرسوميات مفاهيم كتابية مجردة أو أشياء شفهية، أي غير ملموسة ويحوّلها إلى شكل مرئي باستخدام الرموز والصور والألوان والأشكال والقوام والطباعة. وهو يرتّب تلك المواد في مساحة معينة، وهي مساحة مشروع العمل والتي تتغير حسب نوع المشروع. كما يعمل المصمم على تنسيق الطباعة مثل تخطيط مجلة أو ملصق أو تنسيق التصميم للشاشات مثل نافذة متصفح أو تطبيق هاتف ذكي. وبعد حصول المصمم على الأفكار الأساسية للمشروع يبدأ بالعمل على دراسة التصّور العام للمشروع واختيار الألوان المناسبة والعناصر الأفضل بغية إنشاء تصميم واضح ومفهوم للعملاء وللجمهور على حد سواء، تصل من خلاله فكرة التصميم إليهم بسلاسة ووضوح، كما يجب أن يراعي المصمم المفاهيم الثقافية للجمهور المستهدف ويبحث في كافة الخيارات الممكنة، وقد يضطر أحيانًا إلى تقديم أكثر من نموذج للعميل ليختار العميل ما يجده مناسبًا أكثر ويلبي تطلعاته وتوجهاته سواء أكان فردًا أو شركة. تاريخ تصميم الرسوميات يعود تاريخ تصميم الرسوميات إلى العصور الحجرية، ويمكننا عدّ لوحات الكهوف تصاميم رسومية، إذ أنها تتطابق مع تعريف هذا الفن، وتهدف تلك الرسومات إلى إيصال فكرة أو شرح حادثة أو قضية. وهي تعتبر أول وسيلة للتواصل البصري في التاريخ، وقد نجحت في إنجاز مهمتها بالفعل ولاتزال إلى يومنا هذا تعمل على ذلك، إلا أن أهم عائق واجهه أولئك الناس في ذلك العصر هو عدم إمكانية نقل هذه الرسومات إلى مكان آخر لنشرها، ولم يتم حل هذه المشكلة حتى أوائل القرن الثاني الميلادي عندما تم اختراع الورق وأصبح المصممون يستخدمونه مع أدوات جديدة لإنشاء التصاميم من الفرش والأقلام والألوان أيضًا، وتمكنوا من نقل تصاميمهم ونشرها إلى أماكن أخرى. المحارف - الصورة بواسطة Lucio Alfonsi من موقع Pixabay وكانت بدايات تطوّر التصميم عبر اختراع الخطوط المختلفة لاستخدامها في التصاميم الإعلانية أو حتى في الوسائط المطبوعة، وكان من أبرز روّاد هذا العصر ويليام أديسون دويجينز الذي صمّم محارف خطوط منذ عشرينات القرن الماضي، ولا تزال تستخدم بكثافة إلى يومنا هذا، ولعل من أشهر ما أنتج Caravan Metro، Electra، Caledonia، Eldorado و Falcon. ثم اخترع دوغلاس إنجلبارت الفأرة للحاسوب، مهّد اختراع جهاز التوجيه الدقيق هذا الطريق لما يمكن أن يكون أعظم ابتكار في أدوات التصميم لهذا الجيل. لتبرز بعدها أجهزة الحاسوب ومعها ظهرت برامج التصميم المتطورة أمثال الفوتوشوب والإليستريتور وسواها، وليتمكن مصممو هذا العصر من تقديم تصاميم عصرية مذهلة متطورة. تصميم الرسوميات في العصر الحاضر وأهميته في العصر الحالي تطوّر تصميم الرسوميات كثيرًا وتجاوز مرحلة الصور الرمزية التقليدية المرسومة يدويًا في العقود الماضية، وبات بإمكان أي شخص أن يستخدم الحاسوب وأحد تطبيقات التصميم للعمل على تصاميم مميزة. وقد استثمرت الشركات في كل أنحاء العالم في تصميم الرسوميات حيث يسعى الجميع لتحقيق الانتشار الأوسع عبر الإنترنت والوسائط المرئية الأخرى للظهور أمام العملاء بطريقة لا تنسى، والتفاعل معهم بشكل مباشر عبر علامتهم التجارية المصممة بشكل مميز ومدروس. كما غزا التسويق الالكتروني كافة مناحي الحياة، ما جعل تصميم الرسوميات أكثر أهمية وتأثيرًا، وبات لعلم النفس وسلوك الجمهور دور هام في عملية التصميم، وينظر العديد من خبراء العلامات التجارية إلى أمور خاصة مثل سيكولوجية اللون وتأثيرات الخطوط والأشكال للتأكد من أنها تنقل الشخصية المناسبة لكل عميل. ولم يعد المصممون ينتجون صورًا لمنصة واحدة فقط، بل يجب أن تعمل الشعارات وعناصر الهوية المرئية بشكل جيد على التطبيقات والأجهزة المحمولة والشاشات الأكبر أيضًا، وهذا يعني ظهور تخصصات جديدة مثل التصميم "سريع الاستجابة" أو "التصميم المتجاوب" في عالم التصميم. التصميم المتجاوب - الصورة من موقع Foter.com وبذلك تغير دور مصمم الرسوميات، من مقاول لمرة واحدة إلى جزء أساسي من أي فريق عمل. تعتمد العلامات التجارية اليوم على مصمميها، ليس فقط لإنشاء الشعارات وتصاميم منشورات وسائل التواصل الاجتماعي، بل لتأسيس وجود لهم في عالم الإنترنت وبناء الاعتراف بعلامتهم التجارية. ولم يعد تصميم الرسوميات يتعلق بالعمل الفني فقط، بل يتعلق بعملية إنشاء اتصال حقيقي بين العملاء والشركات باستخدام الكلمات والنغمات والصور والتصميم والتكنولوجيا. تنبع أهمية تصميم الرسوميات اليوم من خلال جعل العلامة التجارية تبدو جذابة، مفهومة، وترسخ في الأذهان. وسوف يستمر تغيير وتطوّر تصميم الرسوميات، على الرغم من أنه من المستحيل التنبؤ بكل التغييرات التي ستحدثها السنوات القادمة، إذ يجب وضع التطوّر التكنولوجي والتقني في الحسبان إضافة إلى تطّور الأسواق والأساليب التسويقية. مجالات العمل لتصميم الرسوميات وتخصصاته إن الحياة المهنية في تصميم الرسوميات مثيرة وتجمع بين الفن والتكنولوجيا والاتصالات. هناك حاجة إلى هؤلاء المهنيين في العديد من المشاريع وفي مجموعة متنوعة من المجالات، بما في ذلك التسويق والإعلان والنشر والاتصالات الرقمية. مجالات العمل - الصورة بواسطة Caio من موقع Pexels ينشئ مصممو الرسوميات تصاميم وتخطيطات لمجموعة متنوعة من المنتجات، بما في ذلك شعارات الشركة والمواقع الإلكترونية والملابس والكتب والألعاب وأدلة استخدام المنتج وغيرها. يجب أن يمتلك هؤلاء المحترفون معرفة قوية بنظرية الألوان وتحرير الصور وأنواع الخطوط والعديد من المبادئ الفنية الأخرى لتحديد أقوى جاذبية للسوق المستهدف للعلامة التجارية. يستخدمون مجموعة متنوعة من برامج التصميم المتخصصة لرسم تصميمات جديدة مبتكرة تجذب الجمهور المستهدف. ومن أهم هذه المجالات والتخصصات: تعديل الصور حيث توكل للمصمم مهمة ضبط وتصحيح الألوان ودمج الصور وغير ذلك للوصول إلى النتيجة النهائية، كما أن له دورًا مهمًا في تعديل وتجهيز صور المنتجات لتقديمها للسوق. مصمم ويب وهو الذي يعمل على إنشاء صفحات فردية وتصميم مخططات هذه الصفحات وتطوير رسومات الموقع إضافة إلى تصميم قوائم التنقّل والقوائم المنسدلة وهيكل الموقع. مدير فني وهو مسؤول عن توجيه رؤية فريق التصميم ككل والإشراف على جميع أعمال التصميم. وتتضمن هذه الوظيفة مهارات الإدارة والقيادة وقدرات إدارة الوقت والميزانية غالبًا بالإضافة إلى الرؤية الإبداعية. مصمم واجهة المستخدم (UI) هو المسؤول عن تصميم واجهات تطبيقات جذّابة ومحفزة بصرياً، ونموذج التصميم مناسب مع الغرض من التطبيق، ومتناسب مع شخصية التطبيق. وعليه التأكد من أن كل العناصر مترابطة، وجميلة وتؤدي الغرض. مصمم تجربة المستخدم (UX) وهو من يحدد هيكلية الواجهة ووظائفها، وكيف يتم ترتيبها ومدى ترابط كل جزء بالآخر، باختصار هو يصمم كيفية عمل الواجهة، والتأكد من أن الواجهة تعمل بشكل سلس وسهل. مصمم النشر وهو الذي يعمل على تطوير التخطيط والمظهر المرئي والرسومات لمجموعة من المنشورات المطبوعة. مصمم إعلانات وهو الذي يستخدم تصميم الرسوميات والتصوير الفوتوغرافي لإنشاء مواد تسويقية جذابة بصريًا لعلامة تجارية أو شركة. مصمم وسائط متعددة (ملتيميديا) وهو الذي ينشئ صورًا ومقاطع فيديو ورسومات متحركة باستخدام برامج الرسوم المتحركة ثنائية وثلاثية الأبعاد. ويمكن لمصممي الوسائط المتعددة العمل في مجموعة متنوعة من المجالات بما في ذلك الإنتاج التلفزيوني أو السينمائي وتصميم المواقع وتطوير ألعاب الفيديو. مصمم التغليف والعبوات والذي يعمل على تصميم العلبة والعبوة والملصق للمنتجات. مصمم الشعارات وهو الذي يصمم الشعارات والرموز بطريقة جذابة بصريًا لتمثيل شركة أو منتج أو علامة تجارية أو خدمة. مصمم الأزياء والملابس وهو الذي ينشئ صورًا ومخططات للملابس. ويطوّر فهمًا قويًا لعملاء العلامة التجارية ويضمن أن رسوماته متماسكة وجذابة بصريًا لذلك الجمهور. فنان تخطيط وهو الذي يقوم بتصميم هيكل وتخطيط الصور والنص بتنسيق ممتع للوسائط المطبوعة. يمكن أن يشمل ذلك عمل المجلات والكتيبات والنشرات والكتب والملصقات. مصمم الهوية البصرية للعلامة التجارية وهو الذي يصمم جميع عناصر مواد الشركة مثل بطاقات العمل، والقرطاسية، والمنشورات الإعلانية، والعروض الترويجية، وما إلى ذلك. وهناك العديد من التخصصات الأخرى والتي تجعل عالم التصميم واسعًا وشاملًا لمختلف مناحي الحياة. عناصر ومبادئ تصميم الرسوميات عناصر التصميم هي الوحدات الأساسية للتصميم المرئي والمكونات التي يتم من خلالها إنشاء جميع التصميمات، فإذا ما فرضنا أننا نريد بناء خزانة ملابس، ستكون عناصر التصميم هي المواد الخام، مثل الخشب والمسامير، حيث سيؤثر طريقة استخدام هذه المواد على المظهر العام والوظيفة. يساعد معرفة الغرض من المنتج والأسلوب المقصود المهندس المختص على اتخاذ قرارات صحيحة بشأن المواد. فيما يشكّل توازن أبواب الخزانة وتناظر أطرافها ومحاذاة أبوابها مثلًا، مبادئ التصميم بحيث سيظهر من خلالها خبرة وإتقان المصمم ويمكن من خلالها إبراز النمط المتبع في التصميم بشكل يميز المنتج النهائي بصفات معينة. عناصر ومبادئ التصميم - الصورة بواسطة Kristin Hardwick من موقع StockSnap كان هذا مثالًا توضيحيًّا من خلال خزانة ملابس، بحيث تتكون عناصر التصميم من عناصر أولية وأخرى مركّبة، والتي تحوي بدورها النقاط والخطوط والأشكال والأحجام والعمق والمنظور والمساحات والمسافات والإطار والنصوص والخطوط والصور وغيرها. بينما تضم مبادئ التصميم كلًّا من التكرارية والتباين والإيقاع والتوازن والبساطة والوظيفية والتقارب والهرمية والنسبة والتناسب والانسيابية والمحاذاة والتكوين والتركيز والحركة والوحدة. وباستخدام العناصر بشكل صحيح مع مراعاة المبادئ السليمة للتصميم نحصل على تصميم نهائي راقٍ ومميز وخالٍ من العيوب والثغرات. ليس من الضروري أن يحوي جميع العناصر أو أن يراعي جميع المبادئ، فلكل تصميم عناصره ومبادئه الخاصة، ولكن معرفة جميع العناصر والمبادئ أمر ضروري لكل مصمم رسوميات. أدوات تصميم الرسوميات لغير المصممين هناك العديد من التطبيقات عبر الويب أو الأجهزة المحمولة التي تساعد على إنشاء تصاميم مختلفة بدون الحاجة للمعرفة ببرامج التصميم الاحترافية، وهي عبارة عن تطبيقات وأدوات تحتوي في مجملها قوالب جاهزة لأنواع مختلفة من التصاميم، يستطيع أي شخص أن يقوم بتعديلها فقط لتتناسب مع احتياجاته قدر الإمكان. قد تساعد هذه التطبيقات الأشخاص العاديين من غير المصممين على إنجاز مستوىً معين من التصاميم، ولكن مقدار التعديلات للتصميم الجاهز يكون محدودًا ولا يستطيع العميل العادي إجراء تغييرات جذرية على التصميم، كما لا يستطيع إنجاز تصميم احترافي مخصص، حيث تعتمد هذه التطبيقات على البساطة والسهولة في التصميم بحيث لا تتوافر فيها أدوات احترافية يمكن من خلالها إنشاء تصاميم مخصّصة أكثر بحسب رغبة العميل. لكنها جيدة جدًا للتصاميم الجامدة والبسيطة، والتي قد تكون ذات فعالية جيدة، كتصاميم منشورات وسائل التواصل الاجتماعي أو أغلفة قنوات اليوتيوب أو حتى بعض التصاميم الطباعية البسيطة كالملصقات والمطويات وبطاقات المعايدة وبطاقات الأعمال. بعض هذه التطبيقات مجاني بالكامل وبعضها الآخر يقدّم أدوات وقوالب بسيطة مجانية بينما سيتوجب عليك الدفع مقابل أدوات وقوالب أكثر احترافية وهناك بعض التطبيقات غير المجانية. ولعل من أهم وأشهر هذه التطبيقات Stencil وCrello وPiktochart وSnappa وBeFunky. ويمكن تعديل الصور باستخدام برنامج شبيه بالفوتوشوب ولكنه أبسط وأسهل هو تطبيق PIXLR. أو يمكن استخدام تطبيق Vectr كبديل بسيط وسهل لبرنامج الإليستريتور بغية إنشاء تصاميم رسوميات شعاعية. أدوات تصميم الرسوميات للمصممين يحتاج المصمم لأدوات من نوعين لكي تساعده على تحقيق نتائج أفضل، النوع الأول يتمثّل في العتاد المستخدم للتصميم، والثاني يتمثّل في التطبيقات وبرامج التصميم المختلفة. العتاد من المهم أن نعلم بأن أشهر وأعظم المصممين في العالم يستخدمون القلم والكرّاسة في تخطيط النماذج الألوية للأفكار التصميمية التي يجب العمل عليها، وبعد الكثير من الخربشة والتعديل تتبلور فكرة التصميم الأفضل أمامهم لينقلوا تلك الفكرة إلى الحاسوب لاحقًا و يتابعوا العمل عليها. ومع ذلك إن لم يكن لديك رغبة في استخدام القلم والكرّاسة فلا داعي للاحباط، فهناك العديد من المصممين الرائعين الذين يعملون بشكل مباشر على البرامج التصميمية بدون اللجوء للقلم والكرّاسة، وعليه فإن أول أداة للتصميم هي الحاسوب نفسه، ولن ينفع أي حاسوب للتصميم عليه ببساطة، فكلما كان المعالج أسرع ومن جيل أحدث، كان الأداء العام للحاسوب أثناء التصميم أفضل، كما يستلزم توافر ذاكرة عشوائية كبيرة إضافة إلى سعة كبيرة لقرص التخزين، وتعتبر أقراص التخزين من نوع SSD أفضل وأسرع من نوع HDD. كما سنحتاج إلى لوحة مفاتيح وفأرة مميزة بحيث تتوافر في الأسواق فأرة بدقة حركة تصل إلى 2400dpi أو حتى أكثر مما يساعد على تحريك المؤشر أثناء التصميم بدقة أعلى وثبات أكبر. ويجب اختيار طاولة حاسوب خاصة وكرسي مريح، حيث سيضطر المصمم للجلوس ساعات طويلة يوميًا، ما قد يؤثر على صحته وبالتالي يخفف من إنتاجيته. ويجب اختيار شاشة كبيرة قدر الإمكان لكي تظهر جميع عناصر وأدوات التصميم بوضوح أكبر، وتوفير الراحة للعين أثناء النظر المستمر للشاشة. جهاز Wacom اللوحي للرسم - الصورة بواسطة Steve Buissinne من موقع Pixabay ولعل من أكثر الأدوات احترافية للتصميم هو لوح الرسم، وهو عبارة عن لوح يشبه الأجهزة اللوحية المحمولة، باستثناء أن لا شاشة لديه وإنما فقط لوح بلاستيكي وقلم. ويستخدم في الرسم اليدوي الأساسي إضافة إلى رسم المخططات للتصميم، ورسم الشخصيات وغيرها، ومن أشهر العلامات التجارية لهذه الأجهزة هي Wacom. البرامج والتطبيقات هناك العديد من البرامج الشهيرة المستخدمة في التصميم ومن أشهرها برنامج أدوبي فوتوشوب Adobe Photoshop المتخصص في معالجة الصور بشكل أساسي، ولكنه برنامج غير مجاني، وقد وفّر مجتمع البرامج مفتوحة المصدر بديلًا جيدًا ومجانيًا وهو برنامج جيمب Gimp الذي يؤدي نفس الوظائف. وعلى الرغم من أن الفوتوشوب يبقى أقوى برنامج من نوعه على الإطلاق إلا أن برنامج جيمب قدّم إمكانات رائعة وضخمة ترقى لمستوى الاحترافية. ولإنشاء الرسوميات الشعاعية (Vector) فإن برنامج أدوبي إليستريتور Adobe Illustrator هو الأفضل بلا منازع، لكن برنامج إنكسكيب Inkscape المجاني غيّر نظرة المجتمع التصميمي تمامًا، إذ قدّم مستوىً يفوق التوقعات ويرتقي للاحترافية بقوة. وتتميز الرسومات الشعاعية ( Vector) عن الرسومات النقطية (Raster) التي ينتجها الفوتوشوب أنها لا تتأثر أو تتشوه في حال تغيير الحجم سواء للتكبير أو التصغير ولهذا فهي تحافظ على دقتها العالية بثبات. برامج التصميم - الصورة بواسطة Tranmautritam من موقع Pexels ويتخصص برنامج أدوبي إن ديزاين Adobe InDesign في تصاميم النشر مثل تصميم الكتب والمجلات وأغلفة الكتب ومختلف التصاميم الطباعية، إضافة إلى الكتب الإلكترونية والكتيبات والكتالوجات. للتصميم ثلاثي الأبعاد برامج كثيرة وشهيرة منها برنامج 3D Studio MAX وبرنامج Maya وCinema 4D وغيرها الكثير، إلا أن أسعارها تفوق الخيال، يتعذّر على الفرد اقتناء أحدها، ولكن برنامج بلندر Blender حلّ هذه المشكلة لكونه مجاني وقوي ويفي بالغرض تمامًا. وبرز مؤخرًا تصميم الرسوميات البيانية المتحركة أو ما يعرف بالموشن جرافيك Motion Graphic والتي يشيع استخدامها لشرح خدمة أو تقديم منتج أو طرح قضية وحتى كمقدمة لفيديوهات قناة يوتيوب، وأقوى برنامج يقوم بذلك النوع من التصاميم هو أدوبي أفتر إفكتس Adobe After Effects ولا يقتصر عمله على هذا المجال إذ يمكن من خلاله تعديل الفيديو أيضًا. وهناك برامج أخرى بحسب الاختصاصات المتنوعة مثل برامج خاصة بتحرير الفيديو وبرامج أخرى للتصميم الإنشائي وتصاميم الديكور وبرامج لإنشاء وتحرير الرسومات الكرتونية وبرامج تصميم واجهات المستخدم وغيرها. ماهي شروط تصميم الرسوميات الجيد؟ أصبحت مهنة تصميم الرسوميات مهنة قائمة بحد ذاتها ولها تخصصات وجامعات وأكاديميات، وباتت مطلوبة بكثرة من قبل المؤسسات والشركات، كما أن لها نسبة كبيرة إن لم تكن الأكبر في وظائف العمل الحر حول العالم. ولتتمكن من الارتقاء بمهنتك هذه، يجب عليك مراعاة عدة أمور، منها أن تكون ملمًا بأحدث التقنيات المستخدمة في التصميم ومتابعًا لآخر البرمجيات والعتاد المتعلق بهذا الأمر، فالإصدارات الحديثة من إنكسكيب وجيمب تقدّم مزايا وأدوات لا تتوافر في القديمة منها. يجب أن تكون مطّلعًا بشكل دائم على اتجاهات السوق لتتمكن من مواكبة اتجاهات التصميم في كل حقبة زمنية، من الجيد التفكير خارج الصندوق وتقديم أفكار جديدة وجريئة خارج الإطار العام، لكن معظم العملاء يفضلون الاتجاهات المضمونة بغية تحقيق الهدف من التصميم. من أهم العناصر التي تشكّل الفارق بين التصميم الجيد وسواه عنصر الخط، إذ يتوجب عليك مراعاة مسألة عائلات الخطوط وتناسقها، وفهم طبيعة التصميم لاختيار الخط المناسب وحجمه وخصائصه. يجب عليك الإلمام بسيكولوجية الألوان وفهم معانيها وتأثيرها لتتمكن من توظيفها بشكل صحيح في التصميم بحسب اتجاه وهدف التصميم. كما يجب اتباع كافة قواعد التصميم الأساسية واستخدام العناصر بالطريقة الأمثل مع مراعاة مبادئ التصميم المعروفة، فالتصميم الجيد يراعي كافة النواحي ويولّد أثرًا بالغًا في الجمهور المستهدف ويرسخ في أذهانهم من خلال إيصال الرسالة وتحقيق الهدف المنشود من التصميم. ما الذي أحتاجه لأكون مصمم رسوميات؟ لن تحتاج بالضرورة إلى أن تمتلك موهبة في الرسم أو التخطيط للعمل في التصميم، حيث أن العديد من المصممين لا يملكون هذه الموهبة إلا أنهم أبدعوا باستخدام برامج التصميم وحققوا نتائج باهرة، وإن توافرت هذه الموهبة فذلك سيكون أفضل ويدفعك خطوات للأمام متفوقًا على الآخرين، ويجب أن تمتلك حسًّا فنيًّا، كما يجب أن تتقبل النقد لأن من غير الممكن أن يكون جميع عملائك متقبّلين لتوجهاتك التصميمية ورؤيتك الفنية، فقد يرفض عميل ما أحد تصاميمك ليعجب بها عميل آخر ويدفع لك بسخاء مقابلها، حصل هذا كثيرًا مع جميع المصممين. لا يجب أن يؤثر النقد سلبًا على أدائك ونفسيتك لأن ذلك سينعكس سلبًا على تصميماتك، بل يجب أن يكون هذا النقد دافعًا لك لتتحسن أكثر وتبحث في أسباب رفض ذلك العميل لتصميمك وتطوّر قدرتك على التواصل ودراسة وفهم أفكار العملاء كافة. ويجب أن تكون قادرًا على إيجاد حلول للمشاكل التي تبرز أمامك، إضافة إلى مهارات التواصل المطلوبة لتتمكن من التواصل مع أعضاء فريقك أو مع العملاء مباشرة. مصمم رسوميات - الصورة بواسطة Anthony Shkraba من موقع Pexels في الدول غير العربية سيكون حصولك على شهادة أكاديمية أحد أهم المؤهلات المطلوبة للحصول على الوظيفة إضافة إلى معرض أعمالك الذي يبرز مهاراتك ومقدراتك، ولكنها ليست شرطًا أساسيًا في العالم العربي، إلا أن معرض الأعمال مهم للغاية لإقناع الآخرين بتوظيفك. فعندما تتقدم لمشروع ما على موقع مستقل مثلًا فإن معرض أعمالك هو أكثر ما يدفع أصحاب المشاريع للتعامل معك، لذلك يجب الاعتناء بمعرض الأعمال والقيام بالتصاميم في كل وقت حتى أوقات الفراغ لإبراز المهارات، وإثراء معرض أعمالك أكثر. ويمكنك اتباع خطوات عملية لتبدأ مسيرتك في عالم تصميم الرسوميات بشكل ناجح: ابحث عن مصدر للمعلومات التدريبية الخاصة بتصميم الرسوميات ويفضّل أن تكون دراسة أكاديمية لفهم كافة نواحي التصميم وليس فقط معرفة استخدام برامج التصميم، لأن ذلك ليس كافيًا ولن يوصلك للاحترافية بسهولة، فإن استطعت إيجاد جامعة أو أكاديمية تتمكن من الدراسة بها فذلك أفضل، إذ ستتعلم أساسيات ومهارات التصميم بشكل صحيح، وستحصل على شهادة أكاديمية تساعدك على شق طريقك في عالم أعمال تصميم الرسوميات بسهولة لاحقًا. في حال عدم إيجاد مصدر أكاديمي للدراسة فسوف تبدأ بالبحث بشكل فردي عن مصادر بديلة على الإنترنت أو في المكتبات لدراسة وفهم التصميم، وهذه السلسلة هي أفضل دليل يمكنك البدء به لفهم أساسيات ومبادئ تصميم الرسوميات، كما يتوفر في أكاديمية حسوب ومواقع عربية أخرى دروس ومقالات عديدة تغطي هذا المجال. درّب نفسك ذاتيًا على استخدام أدوات وبرامج التصميم المختلفة، ويمكنك متابعة الدروس والمقالات وكذلك شروحات الفيديو لتتعلّم استخدام هذه الأدوات وإنجاز التصاميم. بعد أن تبدأ في التعلّم وتتمكن من استخدام برامج التصميم مع فهم كامل لقواعد وأساسيات التصميم، ابدأ بالعمل على معرض أعمالك، وليكن منوّعًا ومتضمنًا لتصاميم مختلفة واحرص على جعل تصاميمك احترافية ولافتة للنظر وكلما كان معرض أعمالك أكبر وتصاميمك احترافية وبارزة أكثر، زادت فرص نجاحك كمصمم رسوميات. يمكنك أن تجمع معرض أعمالك على مواقع متخصصة مثل Behance أو Adobe أو يمكنك الاستعانة بصفحة معرض أعمالك على مواقع العمل الحر كموقع مستقل . تعلّم كيفية إدارة الوقت، فبعد أن تصبح مصممًا قد تضطر للعمل على أكثر من مشروع في نفس الوقت، وحتى لا تفشل في تنفيذ كافة المشاريع قم بدراسة مشاريعك بدقة وارسم مخططًا زمنيًا للعمل عليها بغية الحفاظ على الإنتاجية العالية. من المهم جدًّا أن تتعلم اللغة الإنجليزية ولو بدرجة متوسطة على الأقل حتى تتمكن من استخدام برامج التصميم المختلفة، لأن اغلبها لا تتضمن واجهات باللغة العربية وخصوصًا البرامج الاحترافية الأهم مثل الفوتوشوب والإليستريتور وغيرها. مع أن البعض قام بتوفير ملفات تعريب واجهات تلك البرامج إلا أن التعريب ناقص ولا يشمل كافة الأدوات والقوائم، وكذلك جميع الدروس والدورات التعليمية لهذه البرامج تتضمن الواجهات الإنجليزية حتى وإن كانت الدروس باللغة العربية وهذا سيسبب ارباكًا في تعلمك وعملك على هذه البرامج. تصميم الرسوميات - الصورة من موقع PxHere خاتمة تصميم الرسوميات أو التصميم الجرافيكي مهنة مميزة وممتعة، وكأي مهنة أخرى فيها صعوبات ومشاكل، وللوصول إلى الاحترافية فيها يجب فهم كافة قواعدها وأساسياتها، ومتابعة كل جديد فيها باستمرار. لا يمكن لمصمم ما أن يدّعي أنه احترف التصميم بشكل كامل ولم يعد بحاجة لتعلّم المزيد، بل حتى أكبر وأشهر المصممين يستمرون بالتعلّم والتجريب ومتابعة آخر التطورات في عالم التصميم للبقاء مستمرين في عملهم وتثبيت موثوقيتهم على الدوام. في المقال التالي سنبدأ بالحديث عن عناصر التصميم ومن ثم مبادئ التصميم، لذلك استعد للبدء في تعلّم وفهم أساسيات تصميم الرسوميات بالطريقة الصحيحة وليس عبر تعلّم برامج التصميم بشكل مباشر دون وعي وفهم لمبادئ وأساسيات التصميم بحد ذاته.

يستمر الجدل الدائر حول سكتش وفوتوشوب منذ الأزل. وليس هناك من ينكر أنه حتى يومنا هذا، لا يزال الفوتوشوب الأداة الأكثر استخدامًا لصنع النماذج المحاكية (Mockups) لتصاميم الجوال والويب. رغم أنّه كان يُقصد بأدوبي فوتوشوب في المقام الأول أن يكون أداة للمصوّرين لتحرير الصور التي يلتقطونها، فإن ميزاته الجذّابة تمكِّن مصممي الويب من بناء مواقع ويب رائعة ومفيدة أيضًا. لا يزال هناك الكثير من المصمّمين الذين يفضّلون فوتوشوب الفوتوشوب: معول المصمم لفترة طويلة، كان الفوتوشوب أداة أساسية بالنسبة للمصممين. في الواقع، لا يزال العديد من المصممين يعتبرون هذه الأداة معولهم الخاص. يدرك العديد من عملاء مصممي الويب ما هي ملفات PSD. تتكوّن هذه الملفّات المصنوعة في فوتوشوب من طبقات يمكن فكّها ومعالجتها. يطلب العملاء عادةً من مطوّري الواجهة الأمامية (front-end developers) استخدام هذه الملفّات كمراجع، بينما يعرف مصممّو الويب كيفية تطبيقها. من السهل جدََّا تحديث هذه الملفّات ومشاركتها مع الأعضاء الآخرين في فريق التصميم. ومع ذلك، منذ وصول نسخة فوتوشوب CC 2014، أثبت فوتوشوب أنّه أكثر من مجرّد أداة لتحرير الصور لأنه يمكن أن يكون أداةََ سهلة وصديقة لمصمّمي الويب وللذين يعملون على التصميمات الرقميّة أيضًا. سنعرض فيما يلي بعض ميزات برنامج أدوبي فوتوشوب ممّا يجعله أداةََ مفيدة لتصميم الويب: المكتبات Libraries: تتمّ مزامنة الأصول مع حساب Creative Cloud الذي يمكّبن استخدامه مرة أخرى في برامج أدوبي الأخرى وفي مختلف الملفات والمشاريع المستقبلية. كائنات ذكية (Smart Objects): تمامًا مثل المكتبات، يمكن إعادة استخدام الكائنات الذكية في العديد من المواقف، سواء في ملف واحد أو مع ملفات أخرى. استخراج الأصول (Extract assets): في هذه الأيّام، أتاح فوتوشوب لمصمّمي الويب استخراج الكائنات، العناصر والصور لعناصر الويب والجوال بعد دمج ميزات أكثر شمولية. وبمساعدة إضافات مثل Cut & Slice و DevRocket، فإن تصدير هذه الأصول يغدو أمرََا سهلََا للغاية. Layer comps: تُمكّن Layer comps المصمّم من صنع أشكال مختلفة من التصميم وذلك عن طريق تعديل سمات، وتموضع وقابليّة رؤية العناصر دون مشاحنات إنشاء ملفات متعدّدة. دعنا نواجه هذه الحقيقة: لا يزال فوتوشوب أداة التصميم الأولى التي يجب على المصمّم إتقانها. فأنا أعتبر برنامج فوتوشوب أمًا لكل برامج أدوبي وتصميم الويب. كل ما تحتاجه (أو بالأحرى جلّ ما تحتاجه) موجود في البرنامج، عليك فقط أن تطلق العنان لإبداعك قليلاََ. لكن نظرًا لكونه غير كامل أيضًا، فإنّ فوتوشوب له حدوده في بعض الأحيان. فمن الممكن أحيانا، ألّا يعمل الفوتوشوب بالطريقة التي نريده أن يعمل بها. غالبًا ما يواجه المصمّمون مشاكل عندما يريدون استعمال وظائف لا يدعمها الفوتوشوب. يستدعي هذا المأزق تنزيل برامج إضافية. ما يفعله المصممون في هذه الحالة هو البحث عن برنامج آخر وتنزيله وفتحه لتلبية احتياجات خيالهم وإبداعهم. أنت كمصمّم، لديك خيارين: إمّا أن تتخلّص من فوتوشوب وتبحث عن برنامج أكثر تنوّعًا (أعتقد أنه سيكون من الصعب جدًا، إن لم يكن مستحيلًا)، أو البحث عن حلول من شأنها تحسين الفوتوشوب وتطويره. ألا وهي الإضافات. الإضافات هي ملحقات يمكنك تنزيلها وتثبيتها داخل البرنامج. بحيث توفر لك الوقت، وتحل المشكلات، وفي المدى الطويل، من شأن الإضافات حفظ أموال المصمّمين وهذا يتيح لهم مجالاََ لتوسيع قدراتهم الإبداعية. لأنني أحب فوتوشوب كثيرًا، فقد بحثت عن الإضافات التي قد تساعد المصممين في احتياجات التصميم الخاصة بهم. وها هي ذا: صنع سكيتش طريقه إلى القمة بقوّة. نهضة سكتش "أنا أحبّ سكتش (Sketch). قمت بالانتقال إليه مؤخّرََا ولم أعقّب. لقد كنت مدافعةََ عن برنامج فوتوشوب طوال حياتي العملية إلى أن أتت شركة سكتش، وخلال أسبوع، كنت قد انتقلت إلى استخدامه بالكامل، ولم أندم على الإطلاق. أعرف الكثير من المصممين الذين قاموا بالتبديل، ولكن في الواقع لا يزال هناك الكثير من المصممين الذين أتحدث معهم في المؤتمرات، والذين لا زالوا يستخدمون كلا البرنامجين (50% فوتوشوب و 50% سكتش)، سوف يتغيّرون، وسوف يرون الضوء قريبًا!". سارة بارمنتير Sarah Parmenter بعد سيطرته الكاملة لأكثر من عقدين من الزمان، تم تحدّي تفوق فوتوشوب أخيرًا مع وصول سكتش. أصبح سكتش أحد الموضوعات المفضّلة للمناقشة من قبل أولئك الذين ينتمون إلى مجتمع الويب وتصميم واجهة المستخدم. ولكن، ما الذي جعل سكتش يُبقي صناعة تصميم الويب في حالة تأهّب في الآونة الأخيرة؟ لديك كلّ ما تحتاج مقارنةً بالفوتوشوب، فإنّ تنظيم جميع المستندات التي لديك وإجراء المراجعات على سكتش أسهل بكثير، ذلك بفضل واجهة سكتش النظيفة والبسيطة. ومع ذلك، لا يأتي هذا التطبيق إلا مع أدوات يمكن تعديلها باستخدام CSS3 و HTML. على عكس فوتوشوب، فإن تطبيق سكتش لا يحتوي على أدوات 3D ومرشحات الصور وميزات أخرى يمكن أن تؤثر على سرعة التصميم عندك. باختصار، يقدم برنامج سكتش الأشياء الحيوية لمشاريع الويب وواجهة المستخدم الخاصة بك، ممّا يتيح لك إنهاء عملك بوتيرة أسرع بكثير. بالطبع، ليس كل مصممي الويب مثل هذا. للتعويض عن نقص الأدوات، يحتوي سكتش على الكثير من الإضافات التي يمكن مقارنتها مع أدوات الفوتوشوب، وقد قام مطورو التطبيق بتغطية كل ما يمكن أن يحتاجه المصمم: من ملحق بسيط يمكّنك من تبديل لون الإطار أو العنصر نفسه إلى مجموعة واسعة من مولّدات المحتوى. لوحات الرسم (Artboards) يعدّ صنع ألواح الرسم باستعمال تطبيق سكتش من أسهل ما يمكن. فبمجرد الضغط على حرف A من لوحة المفاتيح تكون قد أنشأت لوح رسم، سيعرض سكتش بعد ذلك قائمة تحوي 28 حجم مختلف من أيقونات الشاشة الأكثر استخدامََا والتي يمكنك الاختيار من بينها. وهذا مفيد تمامًا عند إنشاء تصميم متجاوب لأن الحصول على الأبعاد الصحيحة عند إنشاء نموذج محاكي سيغدو أمرََا سهلََا. لوحات المزاج (Moodboards) يسهّل عليك تطبيق سكتش إنشاء لوحات المزاج وموارد المشاريع. أولاً، لاحظ أن جميع ملفاتك يمكن أن تعيش داخل مستند واحد. يحتوي سكتش على درج صفحة في الشريط الجانبي للوح الرسم والذي يتيح لك التمرير السريع بين الملفات. بالنسبة للمشاريع الكبيرة مثل هذا المشروع، كان من الجيّد بشكل خاصّ أن تكون قادرًا على القفز سريعًا ذهابًا وإيابًا داخل شجرة الموقع، لوحة المزاج والنماذج المحاكية أثناء التصميم أو إجراء تعديلات. صندوق أدوات سكتش (Sketch Toolbox) قبل استخدام سكتش، يوصى بشدة بتنزيل صندوق أدوات سكتش Sketch Toolbox أولاً. فهذا هو مدير الإضافات الذي يتيح لك تصفّح وتثبيت الاضافات التي تريدها بشكلِِ مباشر. صندوق الأدوات هذا سيساعدك أيضََا في مراقبة الإضافات الأخرى التي تستخدمها بشكلِِ جيّد. مبنيّ على المتّجهات نحن الآن في عصر التصميم المتجاوب، ومفتاح النجاح في تصميم مواقع متجاوبة هو استخدام المتجهات (Vector) أثناء التصميم. لذلك يحتاج المصممون إلى الأخذ بالحسبان الشاشات عالية الوضوح مقابل الشاشات العادية والشاشات الضيّقة مقابل الشاشات العريضة وأشياء أخرى كثيرة عند تفكيرهم في الخروج بتصميم معيّن. من الواضح أن العمل على تصميم يتجاوب مع جميع الأشكال والتنسيقات أمر في غاية الأهمية. ومع ذلك، فإنّ الخروج بنموذج محاكي لكل مجموعة من الأبعاد هو عملية دقيقة، تتطلب الكثير من الوقت. رغم ذلك، فإنّ هذه ليست مشكلة مع تطبيق سكتش بسبب الميزات التي تمكّنك من تغيير حجم الكائنات بحرية. بإمكانك تخيّل الوقت والطاقة التي يمكنك توفيرها فقط مع هذه الميزة وحدها. إضافة (Sketch Mirror) على عكس البرامج الأخرى المبنيّة على المتّجهات، فإن تطبيق سكتش يتعامل مع البكسل أيضا. نظرًا لأن الأشكال التي تنشئها تأتي دائمًا إلى أقرب بكسل، فلا داعي للقلق بشأن الخطوط الضبابية والصور. مع الإضافة (Sketch Mirror)، يمكنك بسهولة فتح مستنداتك ومعرفة كيف سيبدو التصميم الخاص بك على جهاز iPad أو iPhone. تسمح لك هذه الإضافة أيضًا بمعاينة التغييرات التي أجريتها على الفور، مما يساعدك في إجراء تعديلات نهائية بناءً على ما يريده عميلك، خاصةً إذا كنت مع العميل وجهََا لوجه. إضافة AEFlowchart ما تحتاجه لإنشاء مواقع لمواقع الويب التي تعمل عليها هو الإضافة AEFlowchart. ستساعدك هذه الإضافة في إنشاء مخطّطات لمراقبة وتتبّع عملية تأسيس المواقع الجديدة. وستسهّل عليك هذه الإضافة الإشارة لأي شيء في التصميم الذي تعمل عليه، دون الحاجة إلى إنشاء برنامج آخر قد يستهلك الكثير من وقتك. أنماط النص في تطبيق سكتش من بين الأمور المثيرة للاهتمام حول تطبيق سكتش هو أنه يمكّنك من إنشاء عناصر نصية بكل سهولة. على سبيل المثال، يمكنك الإتيان بأنماط النص التي يمكنك استخدامها في الأنماط المضمّنة، مثل العنوانين والعناصر المجمّعة لها. وفيما بعد، يمكنك تطبيق ما قمت بإنشائه في مستندات أخرى. إذا كان عميلك لا يحب نمط الخطّ الذي قمت بإنشائه، فكل ما عليك فعله هو تحديثه مرة واحدة وسيتم تحديث النمط في كل مشروعك تلقائيًا. الأمر الأكثر إثارة للإعجاب هو استخدام سكتش لخاصية عرض النص الأصلي. هذا يعني أن النص الذي استخدمته في ملف التصميم هو نفسه بالضبط الذي سيظهر في المتصفح. سهولة التعامل مع الألوان يعدّ تغيير وتعديل ألوان المشروع الذي تعمل عليه أيضًا من أسهل الأمور التي يمكنك القيام بها مع تطبيق سكتش، حيث يمكنك ببساطة إنشاء لوحة ألوان على لوحة المزاج. سيتم سحب الألوان الأكثر شيوعًا التي تستخدمها أعلى المراجع الخاصة بك بحيث يمكنك استخدامها بسهولة في المستقبل عند العمل في مشروع آخر. علاوة على ذلك، بما أن سكتش يسمح لك بالوصول إلى جميع ملفاتك من خلال مستند واحد، سيسهل عليك نسخ ولصق الكائنات وأنماط الكائنات، بما في ذلك تدرّجات الألوان والألوان الأحادية، من جميع ملفاتك. وهذا شيء مفقود في الفوتوشوب بوضوح، وربما لا تدرك شركة أدوبي السهولة التي توفرها هذه الميزة. شبكة التطبيق المدمجة تعتبر شبكة التخطيط المدمجة في تطبيق سكتش ميزة أخرى من أبرز الميزات التي ينفرد بها هذا الأخير. فعلى عكس فوتوشوب، لن تحتاج إلى الاعتماد على إضافة أو سلسلة من الإرشادات أو الطبقات المنفصلة التي تحتوي على شبكة مؤقتة، والتي يكون من الصعب تحريرها. مع سكتش، فإنّ مهامََّا كتثبيت دليل تخطيط شفاف أو تغيير أحجام الأعمدة والمزاريب تغدو سهلة كأكل قطعة من الكعك. إذا كنت ترغب في تعديل شبكة التخطيط، فأنت تحتاج ببساطة إلى الانتقال إلى "عرض View"، ثم انتقل إلى "إعدادات التخطيط Layout Settings". وإذا كنت ترغب في إيقاف تشغيل الشبكة، فما عليك سوى الكبس على Control + L. إمكانيّات CSS غير محدودة "أنا أيضًا أحب طريقة دمج سكتش لمنطق CSS في التطبيق. هذا يجعل تحويل التصميمات الخاصّة بك إلى CSS أسهل بكثير، حيث يجب عليك استخدام منطق CSS عند تطبيق النسق. وهناك ميزة أخرى مفيدة حقًا لتسريع مجرى التصميم أو التطوير وهي "التقطيع التلقائي" دان إدواردس Dan Edwards كما ذكرنا في القسم السابق من المقال، يمكنك فعل أي شيء تقريبًا في CSS باستخدام سكتش. إذا قمت بالنقر فوق الكائن وضبط الشعاع في الشريط الجانبي، يمكنك بسهولة التوصل إلى زوايا مدورة على الزرّ الذي تريده. إذا كنت تريد تراكبات متدرّجة على الصور، فلن تحتاج إلاّ إلى نقرة واحدة لإضافتها. على الرغم من أن أدوات CSS3 الأنيقة لا تقتصر على سكتش، فقد أثبت هذا التطبيق جدارته عن طريق تمكين المصممين من نسخ تنسيقات CSS بدقة لمختلف العناصر. كل ما يتطلّبه الأمر هو النقر بزر الماوس الأيمن فوق أي كائن لك لنسخ التنسيقات واسم الطبقة كتعليق أعلى الشفرة المحددة. هذا يؤسس اتصالًا سلسًا بين التصميم والتطوير. بالإضافة إلى ذلك، يمكّنك تطبيق سكتش من تحويل مجموعة من الكائنات إلى رمز يمكن نسخه وتكراره ومزامنته لجميع المواقف مع الحفاظ على التغييرات التي تمّ إجراؤها على الكائن. إن إنشاء ونسخ تنسيقات CSS وتصميم المحتوى المنسوخ باستخدام سكتش هو بالتأكيد خالِِ من أيّ إجهاد. سكتش "رمزي" من السهل كثيرََا اللعب بحجم الصور والنصوص والألوان وإجراء التجارب عليها باستخدام الرموز في نفس الوقت، فالرموز تجعل الحياة أسهل بكثير. حتى بين القوالب، تعمل الرموز (symbols) بالشكل المرغوب فيه وأفضل. وبالتالي، إذا كنت، على سبيل المثال، ترغب في استخدام نفس التخطيط في منشور قائمة صفحات المدونة، فكل ما عليك فعله هو نسخ مثيل الرمز هناك، وستتم مزامنة التغييرات التي تجريها تلقائيًا في كلِِّ من الجهات. إذا كنت تريد إضافة محتوى حقيقي، مثل عنوان أو صورة، فما عليك القيام به هو النقر بزر الماوس الأيمن وإزالة الكائن من الرمز الأول. أليس الأمر رائعََا ؟ بالتأكيد، يمكن لرموز سكتش أن تسهّل سير عملك وتوفر عليك الكثير من الوقت. الأزرار الديناميكية هي واحدة من أبرز ميزات سكتش أزرار سكتش الديناميكية على الرغم من أن الرموز رائعة بالنسبة لقوائم المنتجات ومنشورات المدونات، إلا أن إضافات الأزرار الديناميكية تعدّ رائعة بالنسبة للأزرار الموجودة في الصفحة. صنعت هذه الإضافات لخلق رمز للزر في المقام الأول. ومع ذلك، يتم ضبط حشوة الجوانب تلقائيًا بناءً على طول النص. سيوفر لك هذا الكثير من الوقت في العمل على التصميم الخاص بك، خاصةً إذا كنت تعمل على صفحات بها عدّة أزرار. ما عليك القيام به هو مجرد إنشاء طبقة نصية تحمل نص الزر الأولي، واختر الإضافة، ثم اكبس Command + J. النتيجة؟ زر ديناميكي يمكنك استخدامه مرارًا وتكرارًا خلال التصميم إذا قمت بتغيير نص الزر. إضافة Day Player سيكون من السهل عليك ملء العناصر النائبة من خدمات الصور المختلفة إذا كنت تستخدم إضافة Day Player. وسيكون القيام بذلك أسهل بكثير إذا كنت تستخدم Lorem Pixel للحصول على الصور التي تريدها. اختر الإضافة وخدمة الصورة التي تريدها، وقم بتعديل خيارات العنصر النائب، وأدخله في مجموعة كائنات المنتج. تخيل مدى سهولة تنفيذ المهمة مع هذه الإضافة مقارنةً بالبحث عن الصول للعناصر النائبة على الويب. إضافة Content Generator إضافة Content Generator هي ما تحتاج إليه إذا كنت ترغب في إضافة المزيد من محتوى الحشو. باستخدام هذا البرنامج المساعد، كل ما عليك فعله هو تحديد صناديق العناصر النائبة للصورة لكل عضو في الفريق وتحديد صورة شخصية لذكرِِ كانت أو أنثى في خيارات الإضافة. الجيل المدمج من القوائم النقطية من بين الميزات الأخرى المثيرة للإعجاب الجيل المدمج من القوائم المرتّبة وغير المرتّبة. يمكننا اعتبارها إحدى الميزات المهمة غير الموجودة في العديد من برامج التصميم، بما في ذلك في فوتوشوب. مع هذه الميزة، ليست هناك حاجة لك لإخضاع نفسك لعملية مملّة وتستغرق وقتًا طويلاً لإنشاء نصّ منسّق جيدًا ويبدو رائعًا في المتصفح. دعم لوحات فنية متعددة على لوحة قماشية واحدة باستخدام فوتوشوب، ستحتاج إلى إنشاء العديد من ملفات PSD والتبديل بين النوافذ أثناء العمل على العديد من النماذج المحاكية. لحسن الحظ، لدى سكتش ميزة تدعم العديد من اللوحات الفنية على لوحة قماشية واحدة. وبالتالي، يمكنك رؤية نماذج سطح المكتب والجهاز اللوحي والأجهزة المحمولة في واجهة واحدة فقط. وهذا يتيح لك العمل على جميع النماذج المحاكية في نفس الوقت. إذا كنت تقوم بتعديل الرموز، أو الألوان أو أنماط النص، فيمكنك أن تلاحظ تأثير التغييرات التي تجريها على جميع النماذج المحاكية. مع هذا، يمكنك بسهولة أن تدرك تدفق المحتوى والاتصالات التي تحدث بين الأجهزة المختلفة. تصدير الأصول "التصدير مهمّة شائعة، ولكن سكتش 3 يحسّن سير هذه المهمّة من خلال السماح لك بتحديد مستويات دقة مختلفة للمكوّنات المقطوعة. هذا يعني أنه يمكنك حفظ الشريحة نفسها في العديد من الملفات التي تدعم دقة شاشات مختلفة وذلك في آن واحد. " جيوف غراهام Geoff Graham أحد الأشياء الأكثر إثارة للاهتمام حول سكتش هو أنّه يجعل تصدير جميع الملفّات أسهل بكثير. على سبيل المثال، إذا كنت ترغب في تصدير أزرار الأيقونات المستخدمة في التنقل عبر الأجهزة المحمولة، فكل ما عليك فعله هو النقر فوق مجموعة من الطبقات والنقر فوق الزر "تصدير" الموجود في الركن الأيمن السفلي. يمكنك بعد ذلك حفظ هذه الرموز للويب إما بتنسيق SVG أو PNG. تتضمّن النافدة الظاهرة كل ما يتعلق بعرض الأصول على أجهزة مختلفة. إضافة Sketch Style Inventory يغدو إنشاء قائمة بجميع أكواد HEX الخاصة بالألوان والحوامل المستخدمة في الصفحة أمرًا سهلاً باستخدام إضافة Sketch Style Inventory. ومع ذلك، فإنّ هذا لا يقتصرعلى الألوان فقط، بل يمكنك استخدامه في أنماط النص أيضًا. لكلتا الأداتين إيجابيّات وسلبيّات سكتش مقابل فوتوشوب: من هو الأفضل بالنسبة إليك؟ إذََا ما الذي يجب عليك اختياره: أدوبي فوتوشوب المشهور أو سكتش الذي لا يمكن إيقافه؟ فيما يلي قائمة بالفرق الأساسي بين هذين البرنامجين: التصيير (rendering): من حيث التصيير، فإنّ طريقة عرض سكتش قريب من الويب. ولكن لسوء الحظ، لا يمكن قول الشيء نفسه عن فوتوشوب. الاختصارات: يفوز فوتوشوب بهذه الجولة لأنه يحتوي على الكثير من الاختصارات. يفتقر سكتش بوضوح للاختصارات التي يمكن أن تسهم في تسهيل العمل أكثر. المستندات: يحتوي سكتش على مستندات صغيرة بينما مستندات فوتوشوب كبيرة. فحجم ملف المستند الصغير هو ميزة مضمونة في التطبيق المتّجهية. نظرًا لأن معظم الملفات التي تم إنشاؤها باستخدام سكتش أقل من 4 ميجابايت، فإن هذه الملفات سهلة على محرك الأقراص الثابتة وتحميلها أو العمل عليها سريع أيضََا. المكتبات: يحتوي فوتوشوب على مكتبة واحدة، بينما لا يحتوي سكتش على أية واحدة. الشبكات: يحتوي سكتش على شبكات مدمجة، بينما يجب عليك إنشاء شبكات خاصة بك في فوتوشوب. التعامل مع الألوان: لدى أدوبي فوتوشوب إدارة ألوان ممتازة، بينما نجد نقيض ذلك بتطبيق سكتش. التطبيق: تربح سكتش هذه الجولة مرة أخرى لأنها تتيح تطبيقًا أسرع مقارنةً بفوتوشوب. الرموز والكائنات: تُنسب الرموز لسكتش والكائنات لفوتوشوب. رغم أنه يبدو تعادلََا هذه المرة إلّا أنّ رموز سكتش تأتي بنفس الحجم بينما تأتي كائنات فوتوشوب بأحجام مختلفة. ألواح الرسم: يتميّز سكتش بميزة واضحة لأنه يأتي مع ألواح رسم متعددة. هذا على عكس اللوحة الفنية الفردية في فوتوشوب. القياس: من الواضح أن سكتش يفوز بهذه الميزة. فباستخدام أداة التحديد، تقوم بفتح لوحة المعلومات، ورسم المسافة بين كائنين، ويمكنك بالفعل التحقق من النتائج. هذا، في الواقع، مقياس متقدم لا يمكن إلا لسكتش أن يقدّمه. إنّه لمن الواضح أن منهج سكتش ليس فقط أكثر مباشرة ولكنه أسهل أيضًا. ولكن إذا كنت تستخدم فوتوشوب، فهذا غير ممكن لأنّ المسطرة التي يقدّمها مرهِقة. تكبير شاشة العرض: يفوز فوتوشوب بهذه الجولة تذهب لأنه يحتوي على مستويات متعددة من التكبير. أمّا سكتش فلديه مستوى واحد فقط. التغيير والتبديل: بفضل التغيير المحافظ وغير المدمّر، تتربع سكتش القمّة مرة أخرى، فكل ما عليك القيام به هو إدخال قياس الشعاع، والكل سيكون على ما يرام. أمّا في حالة فوتوشوب، فأنت تحتاج إلى إدخال الشعاع وإعادة رسم الشكل الخاص بك، وتحتاج أيضا إلى التأكد من نسخ الأبعاد بدقّة. الحجم: إنّ سكتش خفيف الحجم موازنة بفوتوشوب ثقيل الحجم. قدرات تحرير الصور: حسنًا، هذه الجولة تذهب إلى برنامج فوتوشوب لأنه أُنشئ في المقام الأول لهذا الغرض. ومع ذلك ورغم خسارتها، فإن سكتش تعوّض عن ذلك بتوفيرها لميزات من شأنها تقديم تصميمات رقمية جيدّة. سهولة الاستخدام: سكتش هو تطبيق حصري فقط لنظام التشغيل ماك. ومع ذلك، يمكن استخدام فوتوشوب لكل من مستخدمي الماك والويندوز. سكتش: تهديد حقيقي للفوتوشوب "أنا مقتنع بأن سكتش، في الوقت الحالي، هو أفضل أداة لتصميم المواقع وواجهات المستخدم والتطبيقات." براين هوف Brian Hoff يبدو وبشكل واضح، أنّه مع العديد من مزايا سكتش، فقد انتصر هذا الأخير على فوتوشوب. هل هذا يعني أنه يجب عليك أن تستعمل سكتش بدلا من فوتوشوب، لا سيما إذا كنت مجرد مبتدئ في مجال تصميم الويب؟ حسنًا، سيكون هذا سؤالًا صعبًا للغاية. صحيح أن العديد من المصمّمين يقومون بالفعل بالانتقال إلى سكتش لأنه، من ناحية، لا يكلّف سوى 99 دولارًا. ومن ناحية أخرى، يمكن أن يجعلك Creative Cloud تنفق 49.99 دولارًا للاشتراك الشهريّ. يلعب الولاء دورًا كبيرًا في استمرار فوتوشوب سكتش تطبيق رائع، ولكن ما زال العديد مخلصين للفوتوشوب "أستطيع أن أرى المشاكل التي تحدث أثناء تبادل الملفات بين المصممين إذا لم ينتقل أحدهم إلى سكتش. ومع ذلك فإن جمال عالم الويب هو أنه يمكنك إنشاء الأصول التي تريدها، لذلك ومن هذا المنظور، باستطاعة سكتش أن يقوم بإخراج ملفات PNG أو أي نوع من الملفات مثلما يفعل فوتوشوب. " خوي فان Khoi Vin ومع ذلك، في هذه المرحلة، يبدو أن الانتقال الكامل إلى سكتش غير مرجح. وذلك لسبب واحد، وهو الناس، فهم بوجه عام يقاومون التغيير، بغض النظر عن مدى عظمة هذا التغيير. لسوء الحظ، فإن العديد من الشركات غير مستعدّة للتخلص من اعتيادها وراحتها في استخدام فوتوشوب لتصميم مشاريع واجهة المستخدم. يتطلب التبديل إلى سكتش وقتًا لكل فرد في الفريق لفهم كيفية عمل هذا التطبيق حتى يصبح في النهاية مريحًا في استخدامه. يمكننا القول أنه لا يزال من الآمن متابعة استخدام فوتوشوب. بمجرد أن تتقن استخدام فوتوشوب، يمكنك البدء بعد ذلك في تعلم سكتش. بعد كل شيء، ستقع على عاتقك مسؤولية تعلم أدوات جديدة باستمرار والتكيف مع استخدامها كلما كان ذلك ضروريًا. نأمل حقًا أن تكون لديك فكرة أفضل عن كلتا الأداتين الرائعتين، والآن نريد مشاركة بعض أوراق الغش الرائعة. خلاصة ما رأيك إذََا في فوتوشوب وسكتش، أيّهما تستخدم وما هي تجربتك معهم؟ هل جرّبت أيّ من تطبيقات الويب؟ شارك معنا رأيك أو تجربتك في قسم التعليقات. ترجمة -وبتصرف- للمقال Sketch vs Photoshop: 5 Expert Designers Share Their Thoughts لصاحبه Vincent Alocada

عندما تقرِّر إنشاء متجرك الالكتروني الخاص، ستجد نفسك تائهًا وقلقًا بخصوص خطوات بناء المتجر بحدّ ذاته، و من الممكن أن تنسى واحدة من الخطوات المصيرية لنجاح متجرك، ألا وهي التّسويق. وعندما أقول التّسويق فأنا لا أقصد أنّك تحتاج فريقًًا للتّسويق الذّاتي. كلّ ما عليك القيام به هو متابعة وسائل التواصل الاجتماعي والبدء بالتدوين وانتزاع أرصدة الدعاية المجّانية للمضيفين. إنّ مظهر المتجر الإلكتروني أهمّ بكثير من إشهاره وجعله بارزًا. فإن كنت تمتلك شعارًا فريدًا من نوعه، ومحتوى تسويقي مريح للعين وموقع جميل، فسيجعلك هذا ممّيزََا في عالم التجارة الإلكترونية. ومن حسن حظِّك، فلن تحتاج أن تكون مصممًا متمرسًا كي تقوم بإنشاء تصاميم لائقة. كل ما عليك فعله هو أخذ فكرة عن أساسيات التصميم، وستكون قد بدأت فعلا برسم طريقك نحو الاحتراف. أهمية التصميم الجرافيكي من السهل البدء في التصميم الجرافيكي رغم أنه مجال صعب الإتقان. ولكن عندما يتعلق الأمر بتسويق موقع تجارة إلكترونية، أو أي نوع آخر من المواقع، فإن الاستعمال الجيد للتصميم الجرافيكي هو المفتاح. يجب على كل من متجرك، والإعلانات والصور التي تنشرها على مواقع التواصل الاجتماعي أن يحظى بمظهر أصلي و جذاب، و إلا سيضجر الزوار من متجرك سريعًا و يغادرون. المظهر يجب عليك أن تعلم أن أول شيء يجب أن تأخذه بالحسبان هو نوع المظهر الذي تريد: بسيط؟ عصري؟ فني؟ و يجب أن تعلم أيضًا أنَّ المنتج الذي تبيعه يلعب دورا مهما في اختيارك للمظهر المناسب. فمثلا المتجر الذي يبيع قطع الحواسيب أو الألعاب الإلكترونية سيحتاج مظهر داكن لكي يُكَمِّل المنتج. إن كان متجرك يبدو بمظهر جيد، فيمكنك الاحتفاظ بنفس المظهر أو يمكنك تغييره لتصميم مشابه. حاول اختيار مظهر ينجسم مع منتجاتك، أو شركتك أو شكل موقعك. أسعى وراء الأصالة والابداع قبل كل شيء، فهذا ما يجعل موقعك، أو إعلاناتك أو بريدك مختلف عن أي أحد آخر. التموضع لا يتجسد التصميم الجرافيكي في الفن وإعداد الصور فقط، كما يظن الكثير، فوضع العناصر وتنسيقها بشكل صحيح واستعمال التباعد (المساحة المتواجدة بين العناصر) الملائم بين العناصر أمور ضرورية أيضًا. ارسم أو استخدم برنامجًا لتحرير الصور لرسم موضع كل عنصر. لا داعي للقلق بشأن المحاذاة والتماثل حتى الآن. انظر فقط كيف يظهر النسق على الورق. حاول أن ترى كيف تنسجم القطع (العناصر) مع بعضها البعض، و شدّ عينيك جيدا كي تستطيع تقييم مظهر الموقع من نسقه فقط دون وجود كل التفاصيل. استخدم نصًا نائبًا وصورًا حتى تكون لديك فكرة جيدة عن شكل المنتج النهائي. إذا لم تكن مرتاحا مع فكرة البدء من نقطة الصفر، فلا تخجل من استخدام قالب. على الأقل، يجب عليك دراسة ما فعله الآخرون، سواء كنت تغيّر مظهر موقع ويب أو تنشئ إعلانًا أو تكتب منشورًا لنشره في مدونة. حاول تذكر القاعدة الوحيدة للفن: استخدم دائمًا الصور المرجعية. الخطوط والأشكال على الرغم من بساطتها، يمكن استخدام الخطوط والأشكال البسيطة بشكل كبير في الصورة. فغالبًا ما يكون التصميم المباشر والبسيط أفضل من التصميم مفرط التعقيد. يمكن للخطوط فصل المحتوى أو ربطه، ومن الممكن أن تحيط أو تميز أجزاءً مهمة من الصورة. بإمكان أشكال بسيطة رسم العين. لذلك فالجمع بين أنواع مختلفة من الأشكال يمكن أن يجعل الصورة ديناميكية وجذابة إن الصور القوية والتي يتم تحتوي على أشكال جريئة ومميزة ترسخ في أذهان العملاء. الألوان تعدُّ الألوان واحدة من أهم جوانب التصميم. اختيارك للألوان يمكن أن يخلق متعة للعينين كما يمكن أن يخلق فوضى شديدة. مما يجعل اختيارك للألوان الجيدة قرارََا قابلاََ للنقاش، ولكن هناك بعض القواعد التي يجب تذكرها: لا تستعمل الكثير من الألوان، بل حاول أن تستعمل لونين على الأقل ولا تتعدى 4 ألوان في المجمل وسيكون هذا مثالي. تباين الألوان ملفت للنظر وجيد عند استعماله بالإعلانات، ولكن يمكن أن يكون مبهرجًا ومزعجًا. الألوان المتناظرة أكثر تناسقًا، ولكنها قد تبدو باهتة دون تباين. لنأخذ بالحسبان المزاج المراد إيصاله من خلال الصورة. هل تحاول خلق الإثارة؟ سيلفت اللون الأحمر المشتعل الانتباه بالتأكيد. أم أنك من النوع الذي يفضل الألوان الهادئة بالعمل؟ الأزرق اللطيف، الأخضر والأبيض كلها ألوان مثالية لتحقيق مبتغاك. أما إذا كنت تبيع منتجات لطيفة مثل الألعاب، فقد يكون الباستيل مناسبًا. إن لم تكن متيقنا من الألوان المناسبة لمشروعك، فأفضل حل أمامك هو الحصول على نظام الألوان من أي موقع يوفر هذه الخدمة. أسلوب الخط يمكننا القول أن أسلوب الخط هو الأكثر أهمية في التصميم الجرافيكي. يُعدُّ العثور على الخط واللون والموضع الصحيح أمرًا ضروريًا إذا كنت تريد أن ينتبه الأشخاص لما تقوله الكلمات التي تكتبها. استعمل أحجام خطوط مختلفة كلما اختلف نوع النص (الترويسة، النص الأساسي، الأزرار)، ولكن احتفظ بنفس هذه الأحجام في مختلف صفحات موقعك. يجب ألا يتعدى عدد أنواع الخطوط داخل موقعك الثلاثة أنواع. الصور الصغيرة مثل البنر ستظهر بشكل رائع بخط أو خطين. لا تفرط في استخدام الخطوط الأسلوبية أو المخطوطة. تأكد من أن يكون النص سهل القراءة. وذلك باستخدامك للونِِ متباينِِ بحيث ينبثق النص ويسهل قراءته. كن حذرًا عند كتابتك للمحتوى كذلك. حاول أن تصل إلى ما ترمي إليه بسرعة، وذلك باستخدام كلمات وجمل قصيرة. قم بتضمين نصوص تشجع الناس على "النقر هنا" أو "الاتصال الآن". البساطة في عالم التصميم الجرافيكي، من الأفضل عمومًا اتباع أسلوب بسيط فهو أسهل من ناحية التنفيذ وغالبًا ما يبدو أفضل. لا تحشر كل المساحة الحرة بنصوص عملاقة وصور عشوائية أو أي فوضى أخرى. المساحة البيضاء بمثابة النعمة، فهي تلفت الانتباه نحو العناصر البصرية كما تخفف الجهد على عين الإنسان. حاول أن تستخدم الأشكال البسيطة والأساسية قبل التفكير في استعمال الصور المعقدة. عمومًا، استخدم أقل قدر ممكن من الخطوط والألوان والرسومات. حاول اختيار خطوط ولوحة ألوان صغيرة والمجموعة التي تكفيك من الصور. من الأفضل أن يطلق على إبداعك "عادي" أضعف الإيمان بدلًا من "قبيح". كيف توظف التصميم في التسويق الآن وبعد أن تعرفت على الأساسيات، كيف ومتى يتم تطبيقها؟ يمكنك الجزم بأنَّ التسويق لا يقتصر على الإعلانات وحملات البريد الإلكتروني فهو يبدأ بموقعك وكل ما تنشره عبر الإنترنت. الشعار وتصميم الموقع إن كنت تفكر في إنشاء متجرك الإلكتروني ولم تبدأ بعد بإنشائه، فإن أساسيات التصميم هذه ستخدمك بشكل جيد. ينبغي أن تكون سهولة الاستخدام والبساطة هدفك الرئيسي. إذا لم يستطع أحد العثور على متجرك وسط كل المتاجر الموجودة، فأنت تخسر المال. وبدلًا من ذلك، جرب مرة أخرى وأنشئ موقعًا يسهل التنقل فيه ويحسن النظر إليه. قد يكون استخدام منصة للتجارة الإلكترونية مثل BigCommerce هو الحل. فموقع الويب الخاص بك هو أهم جزء من استراتيجية التسويق الخاصة بك - ما فائدة الإعلان إذا كان موقع الويب الخاص بك غير متساوٍ أو منافس للمواقع الآخرى ؟ تحتوي حزمة التجارة الإلكترونية على ميزات حيوية مثل أداة إنشاء السحب والإفلات (drag-and-drop builder)، ونظام إدارة المحتوى مع إمكانية الاطلاع على التحاليل والاحصائيات، وإدارة المخزون وأدوات البيع. قد يكون من الصعب تضمين هذه الميزات دون الاعتماد على هذه الحزمة، حتى لو كنت مطور ويب بارع. و لكن الأمر يغدو سهلًا و سلسًا من خلال منصات التجارة الإلكترونية. بالنسبة للشعار، فإن استعمال الألوان الفاتحة والأشكال البسيطة لإنشائه ستكون أفضل طريقة لصنع شيء راسخ ولا يُنسَ. استخدام ثلاثة ألوان سيكون مثاليًا، فما لا تعلمه هو أن هناك بعض الشعارات الشهيرة جدا والتي تحوى لونًا واحدًا وحتى شكل أو شكلين. لا تنسَ الاهتمام بمدونة شركتك. فيجب أن لا تكون المنشورات مجرد كتلة نصية، بل عليك استخدم الصور و أسلوب خط ذكي لإنشاء مدونة أكثر جمالا. الاعلانات عندما يتعلق الأمر بالإعلانات، يجب عليك مقاومة رغبتك في صنع إعلان وامض أو مشع للغاية. فلا أحد يحب مشاهدة أحد هذه الإعلانات منبثقًا على شاشته، و ستجد نفسك في الأخير ضمن القائمة السوداء. بدلاً من ذلك، جرب أن تنشئ شييًا بسيطًا يبرز من صفحة ويب نموذجية وفي نفس الوقت يلفت الأنظار. قم بدمج حركات بسيطة لجذب الانتباه أكثر، دون تعطيل أو إزعاج المشاهدين. التسويق عبر البريد الإلكتروني قد يتم إنشاء رسائل البريد الإلكتروني في المقام الأول من الكلمات، ولكن هذا ليس عذرََا كافيًا لتجاهل كيف يبدو شكل الرسالة في الأخير. فشكل النص والصور هو الفرق بين حملة البريد الإلكتروني الناجحة وبين تلك التي ينتهي بها المطاف في سلة المهملات. استخدم الصور دائمََا، فرسائل البريد الإلكتروني التي تحوي النص العادي فقط مملة بصريا. لإنشاء تصاميم أكثر إرضاء لبريدك، فكر في استخدام خدمة مثل MailChimp. تحتوي مواقع مثل هذه على قوالب يمكنك تخصيصها وسحب الصور إليها بسهولة. مواقع التواصل الاجتماعي حتى على Twitter، يلعب التصميم الجرافيكي دورًا كبيرًا. فمثلا، الحساب المليء بالروابط و المنشورات النصية فقط هو حساب ممل و لا توجد أي متعة في تصفحه؛ ستحصل على المزيد من المتابعين إذا كانت صفحات التواصل الاجتماعي الخاصة بك ممتعة و يوجد بها التنوع. على الرغم من أن هذا يندرج تحت تحرير الصور والفيديو، فلا يزال بإمكاننا تطبيق مبادئ الألوان وأسلوب الخط السابق ذكرها. اصنع شيئًا بارزًا مع معرفتك بالتصميم وكيفية تطبيقه، يجب أن تكون قادرًا على إطلاق حملة تسويقية ناجحة وجميلة. فقط تذكر: اعتمد البساطة والألوان والأشكال القوية والمواضع الواضح والطباعة الجيدة. حاول أن تكون تصاميمك لافتة للنظر، و ليست مشتتة للانتباه في نفس الوقت. ضع هذه الإرشادات بعين الاعتبار، و سيسهل عليك إنشاء مواقع ويب جميلة دون عناء، أو تصميم لافتات إعلانية لافتة للنظر، أو حتى إنشاء تدوينات ورسائل بريد رائعة. ولن تحتاج لتوظيف مصمم مجددا! ترجمة -وبتصرف- للمقال The Marketing Design Elements Every eCommerce Website Needs لصاحبته Brenda Stokes Barron