قوة القلم والورق الرسم

هل تحتاج إلى تصميم شيء ما؟ قد يكون من المغري البدء بأداة تعتمد على الكمبيوتر ، مثل برامج التخطيط الشبكي مثل Balsamiq ، أو أدوات التصميم مثل Photoshop أو Figma. هذه لها مكانها ، لكنني أوصي بالتراجع والبدء بالقلم والورقة المتواضعين.

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

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

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

احصل على ورقة وقلم ، ولنبدأ!

لماذا تبدأ بالورق

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

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

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

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

إذا لم تكن معتادًا بالفعل على أدوات التصميم مثل Photoshop أو Sketch أو Figma ، فقد يكون الأمر صعبًا بمجرد البدء وتعلم طريقة التعامل مع الأداة. بدلاً من العمل من خلال العديد من الأفكار ، ينتهي بنا الأمر بقضاء وقتنا في معرفة الزر الذي يفعل ماذا.

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

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

كرر على نفسك: فضفاض ، سريع ، لا يجب أن يكون مثاليًا

لقد رأينا جميعًا رسومات "التصميم" التي تبدو رائعة ومفصلة. هذه ليست المعيار لقياس نفسك. تجاهلهم. يجب أن تكون رسوماتنا سريعة بدون تفاصيل كثيرة.

بدلاً من ذلك ، سنستخدم خطوطًا ومربعات سريعة حقًا ، مع الحفاظ على رسوماتنا صغيرة وسريعة.

يمكننا استخدام هذه الرسومات الصغيرة لتجربة إصدارات متعددة من تخطيط الصفحة الرئيسية:

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

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

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

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

استخدم الإلهام لمساعدة الرسم الخاص بك وتوليد الأفكار

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

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

• Dribbble ، وهو مفيد بشكل خاص للبحث عن أفكار تصميمية للعناصر ، مثل نموذج تسجيل الدخول.
• SiteInspire ، لمعرفة الاتجاهات الحالية في التصميم الحديث.
• كتاب الأرض ، لإلهام تصميم الصفحة المقصودة.
• كوميرس كريم ، لإلهام تصميم مواقع التجارة الإلكترونية.
• Pttrns ، لإلهام تصميم تطبيقات الجوال.

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

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

تذكر أن تمارس!

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

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

دعنا نراجع ما غطينا:

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

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

مزيد من القراءة في مجلة Smashing

• "رسم الصور طوال اليوم" ألما هوفمان
• "الرسومات اليدوية: أشياء لم تكن تعرفها يمكن أن تحققها رسومات الشعار المبتكرة" ، لورا بوش
• "كيف تصنع سيارة بورش 911 برسم تخطيطي" ، نيكولا لازاريفيتش
• "الانتقال من Photoshop و Illustrator إلى الرسم: بعض النصائح لمصممي واجهة المستخدم ،" Lachezar Petkov
• "حروف الفرشاة: إنها تتحسن فقط بعد الممارسة" ألما هوفمان
• "الرسم التوضيحي الحديث في منتصف القرن: إنشاء غلاف كتاب باستخدام الرسام و InDesign" ، مانويلا لانجيلا
• "رسم مباشر لرحلة زائر موقع لإنشاء خريطة موقع مع عميلك" ، مات أورلي
• "الانتقال من Sketch إلى Figma: دراسة حالة لترحيل أنظمة التصميم" ، Buzz Usborne
• "إطلاق العنان للإمكانيات الكاملة للرموز في الرسم ،" خافيير كويلو