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

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

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

في ما يلي أكثر من ثلاثين تصميمًا رائعًا لمواقع الويب تستفيد من القوام. لا تتردد في مشاركة المفضلة لديك ، سواء ظهرت هنا أم لا ، في التعليقات ...

Kohette WebDesign

يتم وضع خلفية ذات زخرفة حجري مع تلوين دقيق في الرأس. يتكرر النسيج في جميع أنحاء الخلفية.

kohette

العناق للوحوش

يستخدم Hugs for Monsters بنية حجرية جريئة في الخلفية على موقعهم. ويؤدي دمجها في العنوان إلى إضافة الشعور بالترابط إلى الموقع.

hugsformonsters

مهرجان فورست ايد ميوزيك

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

forestedge

GO الماموث

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

gomammoth

الحمام و البيجونيت

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

pigeonandpigeonette

Benestar

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

benestar

ماري كات

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

mariecatribs

سحق + جميل

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

crushlovely

يفكر. فعل. خلق.

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

thinkdocreate

طباعة لبس

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

wearableprint

اتصال ساحلي

يجعل نسيج الورق الثقيل ، مثل الملمس المستخدم هنا ، فرقًا كبيرًا في جماليات الموقع. بدون هذا النسيج ، سيكون هذا موقعًا بسيطًا للغاية.

coastalconnection

تنافس الأشقاء

مثال آخر على موقع على غرار grunge الذي يجعل الاستخدام المكثف للورق الورق.

تنافس الأشقاء

ماذا تفعل كاتي

ما تقوم به Katie هو موقع آخر يجمع بين زخرفة ورق دقيقة ونمط متكرر (كلاهما في الخلفية والرأسية). عناصر التصميم الأخرى صدى عزر الورق.

whatkatiedoes

ال Hipstery

يستخدم Hipstery خلفية منقوشة على الورق خلف المحتوى الرئيسي ، بالإضافة إلى خلف نمط الخلفية. يضيف إلى الشعور خمر للموقع.

thehipstery

Doublenaut

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

doublenaut

Digital Podge 2009

موقع آخر يستخدم نسيج ورقي لخلفيته. خفية ولكنها فعالة.

digitalpodge2009

ما لا نهاية

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

ما لا نهاية

المحارف

خلفية أخرى على شكل مخطط بياني ، وهي خفية بما يكفي لوضعها فوقها مباشرة.

المحارف

حضانة دوتشى كورنوول

ويؤدي استخدام درجات مختلفة من الألوان على نفس بنية الخلفية بشكل فعال إلى زيادة العمق والاهتمام بالتصميم.

duchyofcornwallnursery

شخصيات مشكوك فيها

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

questionablecharacters

خدمة دليل سكاي

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

skysguideservice

بيرمون باينتر

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

bermonpainter

بول بينيت

موقع آخر يستخدم نسيجًا رقيقًا للخلفية مع وضع النص في الأعلى مباشرةً.

pmbennett

ماثيو وسارة يتزوجان

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

matthewnsara

غرفة الانتظار

تكتسب المواقع ذات الطراز العتيق الكثير من خلال استخدام الورق المتخلف والعتيق لخلفيتها.

غرفة الانتظار

كريستوفر كاليكوت

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

calicott

تطوير التصميم والسعي وراء السعادة

مثال آخر رائع على خلفية مزخرفة على الورق ، هذه المرة بنبرة رمادية أكثر من العديد من تلك التي رأيناها أعلاه.

thisisaaronslife

ايمي هيرندون التصوير

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

amyherndonphotography

ريت كانبي

يستخدم موقع Rhett Canipe مجموعة متنوعة من القوام لإلقاء نظرة على الجرونج. خلط تأثيرات الألوان المائية مع القوام يجعل التصميم أكثر ثراء.

rhettcanipe

تصاميم فيوري

تحتوي تصاميم Fiore على مجموعة متنوعة من القوام: الخلفية عبارة عن كتان من النوع grungy وتستخدم قوام الورق في جميع عناصر التصميم الرئيسية. إنها نتيجة مشوقة جدًا تبدو أنيقة للغاية وحصرية.

fioredesigns

في كل مرة أموت

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

في كل مرة أموت

ايفان ستاين استوديو الإنترنت

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

evanstein

InkByte

يستخدم موقع InkByte نسيجًا من الورق الملون لخلفيته ، والذي يبدو رائعًا دون إرباك المحتوى.

inkbyte

كاثرين ثورمان

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

kathrynthurman

فرانشيسكو Molezzi التصميم والوسائط المتعددة

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

francescomolezzi


مكتوبة حصرا ل WDD من قبل كاميرون تشابمان .

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