تصميم لغير المصممين

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

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

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

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

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

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

1. تعرف نقاط قوتك

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

2. شكل فريق

بغض النظر عن مدى رغبتك في أن تكون أو الجشع الذي تشعر به ، فإن تلك النصيحة التي تلقيتها في مرحلة ما قبل المدرسة والتي تشعر بأنها جيدة لمشاركتها هي في الواقع قوية للغاية. ضعها على هذا النحو: هل تريد العمل على موقع ويب واحد شهريًا مقابل 2000 $ أو هل ترغب في العمل على مواقع 20 شهريًا للحصول على حصة 20٪ من $ 40,000؟ يعني وجود فريق موهوب من زملاء العمل أنه يمكنك إنجاز المزيد في وقت أقل ، شريطة أن تتمكن جميعًا من العمل بشكل جيد (وهذا هو الشيء الآخر الذي تعلمناه في مرحلة ما قبل المدرسة).

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

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

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

أي نوع من الأماكن؟ وفيما يلي بعض الاقتراحات:

  • StackOverflow للمبرمجين
  • ProBlogger لكتاب المحتوى
  • شبكة الفنانين المستقلين للرسامين
  • Toptal لمصممي UI و UX و Visual

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

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

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

3. في قرصة ، يمكنك دائما تتبع

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

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

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

دعونا نرى هذه التقنية في العمل

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

هناك طريقة جيدة للبدء وهي التقاط صورة للماوس.

ثم قم بتحرير الصورة في GIMP أو PhotoShop لتغيير حجمها إلى حجم أكثر عملية وإخراج جميع معلومات الألوان. لقد وجدت أن التشبع مع إعداد Luminosity أعطى أفضل نتيجة من حيث تقليل الظل.

قم بتصدير الصورة بتنسيق JPG جديد وأغلق المحرر. افتح الصورة الجديدة في InkScape.

انقر على الصورة لتحديدها ثم اضغط على Ctrl + X لإرسالها إلى الحافظة.

الآن حدد Layers من قائمة Layer وانقر فوق الزر لإضافة طبقة جديدة ، والتي يمكنك تسميتها "الخلفية".

اضغط على Ctrl + Alt + V لتنفيذ عملية "Paste in Place". يؤدي ذلك إلى إعادة الصورة في نفس الموضع الذي قمت بقصه منه (إذا قمت بلصق لصق عادي ، فقد يتم إزاحته).

الآن قم بتعيين عتامة الطبقة على قيمة منخفضة مثل 40 أو حتى 30 ، ثم انقر أيقونة القفل لقفل الطبقة من أي تعديلات أخرى.

أضف طبقة جديدة ، والتي يمكنك تسميتها "تتبع".

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

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

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

إخفاء أو حذف طبقة الخلفية وحفظ هذا القالب بتنسيق SVG.

الآن يمكنك أن تلعب مع الصورة قليلا. ربما تضيف بعض اللون.

ثم نسيج.

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

الآن ببساطة إضافة بعض القطع الأثرية الشعار ، مثل ذلك:

إت فويلا! تحفة الانتهاء. عادة ما تكون هذه هي النقطة التي يتصل بها العميل الغاضب ويشتكون من وضع فأرة كمبيوتر عندما يريدون حقًا ماوس كرتون. هذا موضوع لمقالنا التالي ، التعامل مع العملاء الصعبين.

رأس الصورة مجاملة من Ramotion

بوجدان رانسيا

بوجدان هو أحد الأعضاء المؤسسين لشركة Inspired Mag ، حيث اكتسب خبرة تقرب من سنوات 6 خلال هذه الفترة. يحب في وقت فراغه دراسة الموسيقى الكلاسيكية واستكشاف الفنون البصرية. انه مهووس جدا مع إصلاحات كذلك. يمتلك 5 بالفعل.