30 أمثلة ملهمة للتوضيح في تصميم المواقع
هناك طرق عديدة لإعطاء موقع ويب مظهرًا فريدًا ، ولكن لا يوجد ما هو أكثر فعالية من إنشاء بعض العناصر الموضحة الرائعة لهذا الموقع. الرسوم التوضيحية يمكن أن تعطي الكثير من السمات لتخطيط موقع الويب الخاص بك, شريطة أن تعرف كيفية استخدامها بشكل صحيح.
لا يهم إذا كانت خلفية مصورة بالكامل أو خطًا مرسومًا أو أيقونة مرسومة يدويًا ، فستوفر التصميم الخاص بك شعورًا فريدًا طالما أن أسلوبك في إدراج هذه العناصر في التصميم الخاص بك هو الصحيح.
اليوم ، سنشاركك معك بعض الأمثلة الرائعة للعناصر الموضحة في تصميم المواقع. نأمل أن تلهمك في إنشاء شيء فريد لموقع الويب الخاص بك أو المشاريع.
شريط لاصق وبريق
إنه استوديو للتصميم ، لذلك من الطبيعي أن يرغب هؤلاء المصممون في إنشاء شيء فريد لاظهار مهاراتهم. واستخدام العناصر المصورة ساعد بالتأكيد قضيتهم.
O3
استوديو تصميم آخر يستخدم خلفية مصورة لزيادة الجاذبية المرئية لموقعه على الويب.
ترينت والتون
يستخدم Trent Walton كلاً من الخلفية الموضحة والرموز المرسومة باليد لإنشاء إحساس فريد للتخطيط.
القابلة للنشر
أيقونات Postable المرسومة باليد والخطوط الأنيقة ملزمة حقًا لتخطيط موقع الويب هذا.
AppGear
يساعد استخدام بعض الرسومات المصورة الرائعة من ألعابهم AppGear على إنشاء موقع ويب فريد لأنفسهم.
Aggregift
رسومات مصورة كبيرة ورموز مرسومة باليد تجعل موقع Aggregift موقعًا جذابًا.
سيدي جون يوم
الرسوم التوضيحية من الدرجة الأولى وحقيقة أنها تفاعلية تجعل زيارة Sir John a Day تجربة ممتعة.
بابل
احتاج بابل ، الذي تم إنشاؤه من أجل جمهور شاب ، إلى العناصر المصورة لالتقاط خيالهم.
بارانورمان
ستحتاج إلى عناصر مصورة في موقع الويب الخاص بك إذا كنت تحاول الترويج لفيلم رسوم متحركة وهذا بالضبط ما فعله ParaNorman.
اعجاب البطريق
مثال على مقدار ما يمكن تحقيقه من خلال الاستخدام المناسب للعناصر الموضحة ووضعها.
SoleilNoir
موقع ممتاز يحتوي على بعض العناصر الموضحة الرائعة وخط مرسوم.
شاي لوهسي
الخط المخصص والعناصر الموضحة تجعل من Luhse Tea حلوى حقيقية للعين.
inTacto 10 سنوات
بفضل الرسم الموضح في هذا الموقع ، يسهل على المستخدم معرفة إنجازات inTact خلال العقد الماضي.
إلهام المؤتمر
يقوم هذا الموقع المصور بالكامل بعمل رائع في الترويج للمؤتمر الملهم الذي سيعقد الشهر المقبل في ليدن ، هولندا.
وقال المتحدث
يحتوي هذا الجهاز على كل ما يمكنك طلبه ، وخلفية مصورة ، وأيقونة مرسومة باليد ، وخط مخصص ، ولكن ما يجعله مميزًا هو الموضع المناسب لهذه العناصر.
دليل استهلاك الطاقة في المملكة المتحدة
العناصر الموضحة تجعل شرح الإحصائيات الصعبة للمستخدم العادي أسهل بكثير ، وهذا الموقع هو مثال مثالي لذلك.
سوموس لا بيرا ليمونيرا
يستخدم استوديو التصميم هذا بعض الرسوم التوضيحية الرائعة لإنشاء مظهر جديد لموقعه على الويب.
Muffi
توضح جودة العناصر الموضحة المستخدمة في هذا الموقع الإلكتروني الكثير عن مدى جودة استوديو التصميم هذا.
شكل
أعتقد أن استوديوهات التصميم فقط أحب الرسوم التوضيحية.
ConvergeSE
موقع آخر للترويج لمؤتمرات التصميم باستخدام عناصر مصورة لجذب انتباه المستخدم.
WWF
دعونا نواجه الأمر ، معظمنا ليسوا قراء عظماء. ويفهم الرجال في WWF ذلك ، لذا فقد استخدموا عناصر مصورة لتوصيل رسالتهم.
الشعب الكبير الملتحي
جوش ويليس يعرف بالتأكيد كيف يروج لنفسه.
بوكس مسابقة
يمكن أن تكون العناصر الموضحة ميزة كبيرة لموقع ويب يتعامل مع جمهور شاب ، ألق نظرة على Boks Quiz للحصول على دليل على هذا البيان.
رواية الجرافيك Hybrid4
يحتوي هذا الموقع على بعض الرسومات المصورة الأكثر تفصيلا.
هذه هي الأشياء
الرسوم التوضيحية رهيبة حقا ، وأنها في حاجة إليها كذلك ، لأنهم يبيعون المصور “أشياء” من خلال هذا الموقع.
DIY
خلفيات مصورة وأيقونات مرسومة باليد بالإضافة إلى منهج لطيف تجاه وضع هذه العناصر وستحصل على فائز مثل DIY.
اليكس بوجا
من خلال النظر إلى العناصر الموضحة في موقعه على الويب ، يمكن للمرء أن يعرف على الفور مدى جودة مصمم أليكس.
Explanimate
موقع آخر تقريبا يتضح تماما.
أكثر من عشرين
الخلفية الموضحة والخط المخصص يخلق تناغمًا لطيفًا في تخطيط أكثر من عشرين.
Pieoneers
غالبًا ما لا تكون استوديوهات التطوير في عناصر مصورة ، ولكن عندما يقررون استخدامها ، قد تكون النتيجة رائعة مثل Pieoneers.
ملحوظة المحرر: هذا هو مكتوب من قبل بابار ل Hongkiat.com. بابار هو مصمم مستقل من باكستان متخصص في تصميم الموقع والواجهة.