أمثلة لتصميم الويب المستند إلى البطاقة 25

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



في الماضي ، كانت البطاقة مرادفة لـ Hallmark. اليوم ، إنه تصميم ويب. البطاقة ، المعروفة أيضًا باسم البلاط أو الصورة ، هي تصميم يتحول بسرعة إلى اتجاه على الإنترنت ، بفضل Google و Facebook و Twitter.

543 المعنى

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

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

من الممكن إنشاء تصميم ويب مستند إلى البطاقة بنفسك. لكن عليك التأكد من أنك تحصل على هذه العوامل الثلاثة بشكل صحيح:

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

إن كيفية ترتيب كل محتوى على البطاقة هو المفتاح في جعل التصميم مناسبًا لجميع المستخدمين. تستخدم معظم البطاقات عبر الإنترنت المربعات (المربعات والمستطيلات) لفصل محتوى عن آخر.

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

فيما يلي 25 مثالًا جيد الصياغة للتصميم المستند إلى البطاقة.

جدول المحتويات

موقع العمارة من قبل Oliur

موقع العمارة من قبل Oliur

بطاقة درجة الحرارة من برونو باسوس

بطاقة درجة الحرارة من برونو باسوس

استكشف القسم باتريك أداس

استكشف القسم باتريك أداس

مفهوم الصفحة الرئيسية لـ Linkedin بواسطة Emerson McIntyre

مفهوم الصفحة الرئيسية لـ Linkedin بواسطة Emerson McIntyre

صفحة اختبار الجوال بواسطة روزي مانينغ

صفحة اختبار الجوال بواسطة روزي مانينغ

قالب مجلة بواسطة Oliur

قالب مجلة بواسطة Oliur

الحافظة بواسطة Oliur

الحافظة بواسطة Oliur

تصميم مجلة مدونة البراعة من قبل Oliur

تصميم مجلة مدونة البراعة من قبل Oliur

حبر- محتوى WordPress بواسطة Kyril Ku

حبر- محتوى WordPress بواسطة Kyril Ku

تصميم بطاقات جوجل لرضوان رزاق

تصميم بطاقات جوجل لرضوان رزاق

حدد بطاقة كوري هاغارد

حدد بطاقة كوري هاغارد

Etiolate Tumblr الموضوع من قبل Oliur

Etiolate Tumblr الموضوع من قبل Oliur

جوجل الان

جوجل الان

دريبل

Dribbble - إظهار وإخبار المصممين (20150729)

مفهوم عميل البريد بواسطة رومان شكولني

مفهوم عميل البريد بواسطة رومان شكولني

احصائيات بسيطة لينا بو

احصائيات بسيطة لينا بو

بينتيريست

Pinterest-اكتشف وحفظ الأفكار الإبداعية (20150729)

سيلكتريكي

سيلكتريكي

تطبيق Newsfeed المجاني من Edi Gil

تطبيق Newsfeed المجاني من Edi Gil

ريلينك بايبر لوسون

ريلينك بايبر لوسون

تطبيق للسياح في دبي من قبل فولوديمير كورباتوف

تطبيق للسياح في دبي من قبل فولوديمير كورباتوف

تنظيف مومباي بي بواسطة راهول بهادوريا

تنظيف مومباي بي بواسطة راهول بهادوريا

بطاقات الائتمان على المحفظة بواسطة Gleb Kuznetsov

بطاقات الائتمان على المحفظة بواسطة Gleb Kuznetsov

مجلة يدوية / تخطيط محتوى مدونة بواسطة Oliur

المجلة اليدوية: تخطيط محتوى المدونة بواسطة Oliur

تسوق تطبيق التفاعل 360 من بودي تانريم

تسوق تطبيق التفاعل 360 من بودي تانريم

شارك الموضوع مع أصدقائك:

بوسوم المعنى الروحي