3 طرق لتعلم كيفية الحصول على عين أفضل للتصميم

مرحبًا بكم في الجزء الأول من سلسلتنا المصغرة "مبادئ تصميم ويب Divi الفعالة" حيث نستكشف ممارسات التصميم الفعالة للمساعدة في تمكين مصممي الويب الجدد وأولئك الذين يتعرفون على أنهم أشخاص ليس لديهم "عين للتصميم".

في العصر البصري اليوم ، أصبح التصميم أكثر أهمية من أي وقت مضى. يمكن أن يؤدي التصميم الجيد إلى نجاح عملك أو كسره عندما يتعلق الأمر بتحويل العملاء المحتملين إلى عملاء. يمكن أن يكون الفرق بين إجراء عملية بيع أو جعل عميل محتمل ينقر على موقع الويب الخاص بك بحثًا عن خدمة أو منتج أكثر احترافًا. وعلى الرغم من أن مصممي الويب والمطورين الجدد غالبًا ما يدعون أن لديهم "عينًا للتصميم" ، فهناك بعض مبادئ التصميم الأساسية التي يمكن للجميع تطبيقها للمساعدة في تحسين جزء "التصميم" من تصميم الويب!

مقدمة السلسلة:

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

إليك مخطط تفصيلي للسلسلة المصغرة بينما نتطلع إلى الأمام:

• الجزء 1 - 3 طرق لتعلم كيفية الحصول على عين أفضل للتصميم
• الجزء 2 - 3 مبادئ فعالة لتصميم الويب لغير المصمم
• الجزء 3 - 3 مجالات تصميم مهمة للتركيز عليها في كل بناء موقع

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

لذا ، إذا وجدت نفسك تقول أيًا مما يلي ؛

• "أنا فقط لا أملك عين للتصميم."
• "ليس لدي عظم إبداعي في جسدي."
• "يمكنني البرمجة ولكن لا يمكنني التصميم."

ثم هذه السلسلة لك! دعنا ندخله.

3 طرق للتحضير وتعلم كيفية الحصول على عين أفضل للتصميم

في عالم تصميم الويب ، يميل الأشخاص إلى التماهي مع واحدة من مجموعتين:

مصمم الويب - من المحتمل أن ينجذب مصمم الويب ، المعروف أيضًا باسم (مصمم الواجهة الأمامية) إلى التصميم والألوان والتخطيط وجماليات تصميم الويب. من المحتمل أن يأتوا من خلفية تصميم رسومي أو ربما من وسيط مرئي أكثر مثل التصوير الفوتوغرافي أو الفنون الإبداعية الأخرى. إذا كنت مهتمًا بشكل أكبر بكيفية ظهور الأشياء وشعورها بدلاً من سرعة تحميلها ، أو مدى نظافة الشفرة أو التخصيصات التي تم إدخالها في ملفات php و css ، فأنت على الأرجح في هذا المركب

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

كلاهما مفتاح لتصميم موقع ويب ناجح ، وفي رأيي ، يحتاج مصمم الويب الناجح إلى مزيج صحي من المعرفة في كلا العالمين. شخصيًا ، بينما أنا الآن على دراية جيدة بالتصميم والتطوير ، ما زلت منجذبًا إلى جانب التصميم للأشياء. أحتاج إلى العمل بجدية أكبر لمراعاة أوقات التحميل والشفرة والوظائف النظيفة بدلاً من التركيز المستمر على التصميم والتخطيط والشكل والمظهر. ولكن بالنسبة لمن هم عكسهم ، من المهم بنفس القدر التركيز على التصميم الجذاب للعين بدلاً من موقع الويب الرهيب المظهر الذي يتم تحميله بسرعة برمز نظيف.

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

باختصار،

المطور = Left Brain Thinker
المصمم = المفكر الصحيح للعقل

يقودنا فهم ذلك إلى النقطة الرئيسية الأولى.

1) تحضير طريقة تفكيرك

إذا كنت أكثر إبداعًا ، فمن المرجح أن تضطر إلى العمل بجدية أكبر في الترميز والجانب اللوجيستي لتصميم الويب والعكس صحيح ، إذا كانت ميولك تميل نحو الجانب الأيسر من الدماغ ، سوف تضطر إلى العمل بجهد أكبر قليلاً لتطوير عين جيدة للتصميم. كما ذكرنا أعلاه ، أنا أكثر من مفكر عقلي صحيح ومبدع. بينما أحب CSS ويمكنني الآن أن أصبح خطيرًا مع PHP دون التعرق كثيرًا ، لم أبدأ بهذه الطريقة. كان علي أن أعمل بجد في مجالات تصميم الويب التي لم أكن أجيدها.

لكنها بدأت من عقلي. كنت أعرف المجالات التي كنت قويًا فيها وأيها يحتاج إلى عمل. أريد أن أشجعك على هذه النقطة مرة أخرى ، يمكنك تعلم مبادئ التصميم الجيدة ويمكنك تطوير عين للتصميم إذا كنت جديدًا أو إذا كنت مطورًا بدون عظمة إبداعية في جسمك.

في هذه المرحلة ، ربما تقول "كل هذا رائع ، ولكن ما الذي يمكنني فعله لإعداد عقلي لتعلم تقنيات التصميم الجيدة؟" بينما نتعلم جميعًا بشكل مختلف ، سأخبرك بما نجح معي وما أعرفه قد نجح مع العديد من مصممي Divi الآخرين حول المجتمع.

2) كيف تتعلم وتطور عين للتصميم الجيد

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

للحصول على الإلهام المتعلق بـ Divi ، يمكنك العثور على بعض الأمثلة الجيدة للتصميمات بشكل متكرر هنا على مدونة ET عبر عروض الموقع الشهرية مثل هذا ، من خلال أمثلة Divi Theme أو باتباع مصممي Divi المفضلين لديك ورؤية ما توصلوا إليه!

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

تعلم من خلال البناء من مكتبة Divi - أحد أكثر الأشياء السحرية حول تصميم موقع باستخدام Divi هو أنه يأتي مع مكتبة كاملة من التخطيطات والتصاميم التي أثبتت جدواها والفعالية التي يمكنك البناء عليها. إذا كنت جديدًا في التصميم و Divi أو كنت تشعر بأنك عالق في النظر إلى لوحة قماشية فارغة ، فيمكنك تحميل أحد المخططات المعدة مسبقًا من المكتبة وتغيير الألوان واستبدال الصور والحصول على بداية سريعة! شاهد كيف ستبدأ إعادة صياغة تصميم احترافي بالفعل في تدريب عقلك على مشروعك التالي.

تعلم عن طريق تنزيل حزمة Divi Layout الأسبوعية المجانية والبناء عليها - إذا كنت عضوًا جديدًا في The Elegant Themes أو لم تكن على علم بالفعل ، فهناك حزم تخطيط Divi مصممة بشكل احترافي يتم طرحها أسبوعيًا هنا على المدونة مجانًا للتنزيل. هذه ليست فقط مصدرًا رائعًا للتعلم والإلهام إذا كنت مهتمًا بالتحسن في التصميم ، ولكن مثل عناصر المكتبة المذكورة أعلاه ، فهذه نقاط انطلاق رائعة إذا كنت جديدًا في التصميم!

3) احصل على تعليقات ونقد بناء على عملك

أخيرًا ، تتمثل إحدى أفضل الطرق لتحسين أجزاء التصميم في الحصول على تعليقات من الآخرين. في كثير من الأحيان ، عندما تكون جزءًا من مشروع ما ، من السهل أن تفقد اتجاهاتك فيما يبدو جيدًا وما يبدو سيئًا. الحصول على ردود الفعل والنقد البناء على عملك هو المفتاح لتصبح أفضل في التصميم.

فهمت الآن ، قول هذا أسهل من فعله. وربما ترغب في تجنب التعرض للدمار أو الإحباط خاصة إذا كنت لا تزال تتعلم ، ولكن إذا كنت تستخدم Divi ، فستتمكن تلقائيًا من الوصول إلى المجتمع الأكثر مشاركة وداعمة ومساعدة عبر الإنترنت. هناك العديد من المنافذ للتواصل مع دولة Divi لكن تفضيلي الشخصي هو مجموعات Divi Facebook. لقد أنشأت عن قصد مجموعة Divi Web Designers على Facebook بهدف أساسي هو القدرة على نشر العمل للحصول على انتقادات وتعليقات احترافية ومفيدة لمساعدتنا جميعًا على أن نصبح مصممين ويب Divi أفضل. إذا كان لديك أي عائلة أو أصدقاء موثوق بهم أو ربما زملاء زملاء في تصميم الويب يتمتعون بنظرة جيدة للتصميم ، فإنني أوصي بشدة بالحصول على أفكارهم إذا كنت لا ترغب في الحصول على تعليقات عبر الإنترنت.

أجد أنه من المفيد جدًا الحصول على تعليقات لأنه غالبًا ما يشير إلى التصميم السيئ الذي يتم تجاهله أو مجالات التحسين أو أكثر. على سبيل المثال ، المنطقة التي لا أملك فيها موهبة طبيعية رائعة وأحتاج إلى العمل الجاد فيها هي الطباعة. منذ وقت ليس ببعيد ، عملت على موقع اعتقدت أنه يبدو رائعًا من الرأس إلى أخمص القدمين ، وعند تلقي التعليقات ، قيل لي إن النوع الذي استخدمته لا يبدو أنه يتناسب مع "إحساس" الموقع. بعد تجاهل بعض كبرياء المصمم الأولي ، أدركت أنه لا يمكن أن يكونوا أكثر صوابًا. النوع في الواقع لا يتوافق مع شعور الموقع. منذ ذلك الحين ، تعلمت أن أكون أكثر وعيًا بالمحارف التي أختارها في محاولة لجعلها تتطابق مع الشكل والمظهر المناسبين للموقع بدلاً من التمسك بـ "go to".

لذلك إذا كنت تشعر بالشجاعة الكافية للحصول على بعض الانتقادات البناءة ، فنحن نرحب بك للحضور للقيام بذلك في مجموعة Divi Web Designers على Facebook أو أي مجتمعات Divi أخرى عبر الإنترنت إذا كانت تلتزم بإرشادات المجموعة. وكملاحظة جانبية ، إذا كنت شخصًا يقدم ملاحظات ، أود أن أشجعك على أن تكون أكثر حرصًا في كلماتك وكيف تقدم النقد البناء. عند إبداء الرأي ، تذكر أن تحاول بناء الشخص وليس هدمه.

في الختام

آمل أن تكون هذه المقدمة لمبادئ تصميم ويب Divi الفعالة قد ألهمتك وضختها لبقية السلسلة! مرة أخرى ، كان هذا المنشور الأول بمثابة مقدمة وتحضير لما هو قادم ولكنه مع ذلك مهم لأنه قبل أن تتحسن في التصميم ، يبدأ بإعداد عقلك للتعلم.

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

غدًا: 3 مبادئ فعالة لتصميم الويب لغير المصمم

الآن بعد أن غطينا التحضير والتعلم كيفية الحصول على نظرة أفضل للتصميم ، حان الوقت للدخول في بعض مبادئ التصميم العملية والقابلة للتنفيذ والتي ستساعد في نقل لعبة التصميم الخاصة بك إلى المستوى التالي! حتى ذلك الحين!

تأكد من الاشتراك في النشرة الإخبارية عبر البريد الإلكتروني وقناة YouTube حتى لا يفوتك إعلان كبير أو نصيحة مفيدة أو Divi freebie!