توضيح الويب: تفكيك الاتجاه
الرسوم التوضيحية تستولي على الويب. يقوم المصممون بإنشاء مواقع ويب تحتوي على كل شيء بدءًا من الرسوم التوضيحية بملء الشاشة إلى المخططات المرسومة يدويًا والمستخدمة في جميع المشاريع. إنه اتجاه من المرجح أن يستمر في النمو لأن الرسوم التوضيحية تجعل التصميم يبدو مألوفًا (حتى إذا لم يكن كذلك).
فيما يلي كيفية تحقيق أقصى استفادة منها في التصميم الخاص بك.
التوضيح الموقع 101
الرسوم التوضيحية هي طريقة متعددة وممتعة لإنشاء تصميم موقع مخصص. من الصور المرسومة باليد ، إلى العناصر ، إلى الحروف ، كل شيء عن صورة موضحة أو مرسومة بالكامل ، تبدو واحدة من نوعها. هذا أحد أسباب شعبيته.
ولكن هناك الكثير من الأسباب الأخرى التي تجعل المصممين يقفزون في اتجاه التوضيح:
- تسمح الرسوم التوضيحية للمستخدمين بتصوير أنفسهم في المشهد الذي تقوم بتعيينه لأنه لا يركز على أشخاص آخرين فعليين.
- هناك عنصر من النزوات لا يمكن تحقيقه إلا بالرسم.
- يمكن الرسوم التوضيحية مشواة الواقع والخيال لتصميم غير عادية.
- التخصيص سهل عندما تقوم برسم عناصر الفن.
- غالبًا ما تكون الرسوم التوضيحية ملونة جدًا ويمكن أن تساعدك في الاستفادة من الاتجاه اللوني الكبير المشرق.
- يمكن استخدام هذه التقنية حتى لو لم تكن رسماً وذلك بفضل أطقم تصميم أو حزم مليئة بالأجزاء المصورة التي يمكن استخدامها خلال المشروع.
- يمكن أن تأخذ الرسوم التوضيحية العديد من الحالات أو الأنماط المختلفة ، من الرسومات إلى الرسومات التفصيلية إلى الرسومات التي ينشئها الكمبيوتر.
الرسوم التوضيحية على غرار البطل
نظرًا لأن رؤوس الأبطال كبيرة ، تعد هذه واحدة من أسهل الأماكن لمشاهدة اتجاه التوضيح. كما يتم استخدامه أيضًا لعدد كبير من المواقع من المحافظ إلى البيع بالتجزئة إلى صفحات معاينة التطبيق.
ما هو لطيف حول صورة البطل المصور هو وجود مساحة كافية لعمل فني معقد. تحتوي التفاصيل الصغيرة والتظليل واللون والتفاعلات على مساحة للتنفس ، مما يسهل على المستخدمين استكشاف كل عنصر.
هناك بعض الحيل لكل هذا المعقد مما يوضح:
- يجب أن يكون العمل الفني جيدًا. لن يقضي المستخدمون أي وقت في البحث عن توضيح لا يحصلون عليه أو مجرد فوضى قذرة. لذا خذ وقتك واهتمام به.
- على الرغم من أن الرسم التوضيحي قد يحتوي على أعماق التعقيد ، إلا أن الرسالة الشاملة يجب أن تكون بسيطة. تعرف على ما يفترض أن تقوله الصورة وتأكد من أن العناصر تساهم في الرسالة.
- العمل مع محترف. فقط لأنك تستطيع رسم القلوب على منديل لا يعني أنك مستعد لرسم رسم توضيحي للموقع على نطاق واسع. هذه العملية تستغرق وقتا وتخطط للعمل حقا. (ويمكن أن يكون مكلفًا ، لذا تأكد من أن هذه هي الجمالية الصحيحة قبل الغوص فيها.)
إضافة الرسوم المتحركة البسيطة
في حين أن الرسم الساكن يمكن أن يكون له تأثير كبير من تلقاء نفسه ، إلا أن الويب على قيد الحياة مع الحركة هذه الأيام. يمكنك إقران رسم توضيحي يتضمن رسومًا متحركة أو تأثيرات بالتمرير لتشجيع المستخدمين على النقر.
حركات صغيرة خفية ، مثل النص الغزل في الموقع ل هوغو ، يساعد في رسم العين في التصميم. يمكن أن تساعد الرسوم المتحركة الصغيرة المستخدمين أيضًا على فهم الإجراءات التي يجب اتخاذها أثناء زيارة الموقع. يمكن أن يكون هذا صحيحًا بشكل خاص بالنسبة إلى الرسوم التوضيحية التي تتضمن الكثير من العناصر أو تحتوي على تصميم "مشغول" بشكل عام.
هذه المفاجآت الصغيرة يمكن أن تشجع زوار الموقع على إلقاء نظرة على المكان. تحريك الرسوم المتحركة هي مكافأة لطيفة خاصة للمستخدمين التي يمكن أن تخدم كأداة ممتعة والأداة الملاحية.
أيقونات مصورة أو عناصر واجهة المستخدم
إذا لم يكن تصميم موقع الويب الموضح بالكامل هو الشيء الذي تبحث عنه ، ففكر في بعض الرموز الموضحة أو عناصر واجهة المستخدم. هذه طريقة بسيطة للتخفيف من هذا الاتجاه. (وهناك الكثير من الأيقونات ومجموعات UI هناك التي تتميز بأنماط مصورة لمساعدتك على البدء.)
يمكن أن تضيف العناصر المصوَّرة لمسة من نزوة إلى موقع قد يشعر بخلاف ذلك. شيء لمحاولة هو رمز المخطط التوضيحي المصورة. من السهل إسقاط هذا النمط في أي تصميم تقريبًا ، ويعمل بشكل رائع مع الصور وأي نظام ألوان ، ويوفر مظهرًا مرئيًا ثابتًا من صفحة إلى أخرى.
إذا كنت تريد الانتقال إلى ما وراء الرموز ، ففكر في عناصر واجهة المستخدم المتضخمة. Iqor يستخدم أزرارًا مصورة بأحجام أكبر لتوجيه المستخدمين وجعل الموقع أكثر متعة. يتدفق النمط المصور من صفحة إلى أخرى بعناصر كبيرة باستخدام نفس الملوثات الثلاثة للون. والنتيجة ممتعة ومتسقة وفقط غير متوقعة من أعمال رعاية العملاء.
حروف مرسومة بخط اليد
اتجاه كبير آخر في تصميم الموقع هو الطباعة المخصصة. الجمع بين مفاهيم التوضيح والحروف لشعار مرسومة باليد ، كتلة النص الرئيسي أو عنصر الفن المطبوع. يمكن أن يكون لهذا النص المرئي تأثير كبير (خاصة عندما يكون كبير الحجم أو يستخدم كعنصر فني أساسي في التصميم).
الخدعة هنا هي الاعتدال. مع نمط الحروف المرسومة باليد ، سترغب في التمسك كتلة واحدة من النص أو عنصر النص لهذا الغرض. يمكن أن تكون الاستخدامات المتعددة لكتلة نص مخصصة مربكة للمستخدمين ويمكن أن تؤثر على قابلية القراءة. من المهم التأكد من أن الكلمات لا تزال واضحة تمامًا وأن المستخدمين لا يواجهون مشكلة في فهم الرسالة.
على حد سواء يوم الموتى و الوقوف في وجه السرطان قم بعمل رائع مع كتابة حروف يدوية لرسالة بسيطة. يستخدم Day of the Dead رسومًا إيضاحية أخرى ، ومن السهل الطباعة بدون صور وصور للمساعدة في جذب المستخدمين عبر بقية الموقع. النتيجة النهائية هي متعة وسهلة لمتابعة. يستخدم Stand up to Cancer أسلوبًا أكثر للوحات المائية يعتمد على التوضيح ، ولكنه يعتمد على المزيد من الخطوط القياسية لإمكانية القراءة. كلاهما خيارات جيدة للعمل مع أحرف نمط مخصص.
استنتاج
في حين أن اقتحام عالم الرسوم التوضيحية لمشاريع تصميم المواقع الإلكترونية قد يبدو مرهقاً بعض الشيء في البداية ، إلا أنه شيء يمكن للعديد من المصممين القيام به. من الرسم باليد إلى الحصول على مساعدة الكمبيوتر أو العمل مع مجموعة ، فإن الخيارات لا حدود لها.
إنه شيء يجب التفكير فيه عندما يتعلق الأمر بالمشاريع التي تتطلب القيام بشيء مختلف قليلاً. وهو أمر عصري بما فيه الكفاية بحيث يمكنك طرح سؤال حول إنشاء شيء في هذا النمط. لذا ، يعد هذا وقتًا جيدًا لتجديد مهاراتك في الرسم والتفكير في طرق يمكن لإطار تصميم موقع مصور أن يعمل من أجلك.