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

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

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

سرعة التحقق من كلمة مرور Basecamp

معسكر القاعدة هي أداة على شبكة الإنترنت لإدارة المشاريع. منذ تقديمه ، كانت السرعة والكفاءة هي الأهم.

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

01_Basecamp_Screen-snap_782x540

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

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

02_Neoteric-Design_Screen-snap_782x540

شبكة مطبعية متعددة الاستخدامات من Berger & Föhr

وقد دافع المصمم الرائد ماسيمو فينيلي ، الذي توفي في أيار / مايو 2014 ، عن شبكة الطباعة ، التي وصفها بأنها "الملابس الداخلية للكتاب" (من موقع برين ماخينغ "ماسيمو فينيلي على سر تصميم الكتاب العظيم"). يُعد ربط الشبكة الأساسية وسيلة محسّنة للحفاظ على ترتيب الموقع بدقة.

ومن الواضح أن البنية القائمة على الشبكة واضحة في إعادة تصميم Berger & Föhr للموقع متحف بولدر للفن المعاصر . التمييز الظاهر هو المدى الذي يتم فيه تطبيق الشبكة المطبعية بشكل كامل على محتوى الموقع: فهو ثابت بشكل واضح من نموذج البحث ، إلى القوائم المنسدلة الملاحية ، إلى مشاهدات التقويم ، إلى نصوص ووصلات النص. أكثر من ذلك ، تظل فائدة الشبكة متناسقة في الحالات المستجيبة للموقع.

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

03_Boulder-المتحف من بين المعاصرة-Art_Screen-snap_782x540

الاحتفال في مكان تحتفل به صانعة الصف

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

04_Makers-Row_Screen-snap_782x540

الوصول المباشر من TWLOHA إلى وسائل الإعلام الاجتماعية

في حين أنه من المعتاد عرض سلسلة من الرموز التي تربط بين وجهات الوسائط الاجتماعية ، TWLOHA يستخدم اسم الموقع بأكمله بدلا من ذلك. الفهم هو فوري. فائدة واحدة واضحة: لا خلط بين الرموز بين "t" من Twitter و "t" من Tumblr.

05_TWLOHA_Screen-snap_782x540

الرغبة عن طريق MINIMAL للاتصال

غالبًا ما تتضمن مواقع الويب صفحة تحمل علامة الاتصال. أستوديو التصميم أدنى يريد الاتصال. كلمة مختلفة تستدعي نغمة مختلفة (يمكن أن تساعد في صنع كل الفرق لدعوة فرصة).

"الاتصال" يبدو أكثر جاذبية من "الاتصال". أكثر إنسانية ، أقل رتابة.

06_Minimal_Screen-snap_782x540

دفع للوصول إلى مشروع

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

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

07_Draft_Screen-snap_782x540

ألوان CreativeMornings

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

بطرق جوهرية ودقيقة ، فإن موقع CreativeMornings منسق بشكل أنيق بالألوان.

08_CreativeMornings_Screen-snap_782x540

تسجيل الدخول الفائق من البكرة

تم إنشاؤها بواسطة نفس المجموعة التي تصنع السوق الإبداعية ، Big Cartel ، للممارسين المبدعين لعرض منتجاتهم ومنتجاتهم وبيعها ، بكرة ، هو تطبيق التجارة الإلكترونية لبيع التنزيلات الرقمية.

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

09_Pulley_Screen-snap_782x540

قصص مشروع سحق جميل

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

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

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

10_Crush-Lovely_Screen-snap_782x540

مشاريع جانبية من Knoed Creative

وترمز فئة " عنا" إلى الوصف الأساسي لمن وما هي الشركة التي قد تشمل مهمتها / رؤيتها / غرضها. Knoed الإبداعية أدخل قسمًا من Beyond Nine to Five يشترك في العمل الذي يقومون به على الجانب. ينقر على ظاهرة (وضرورة) المشاريع الجانبية. كما أنه ينوع ما يتوقع أن تظهره "حولنا".

يتحدث كلا الجانبين إلى طابع استباقي للإبداع ، يمتد إلى ما بعد يوم العمل المعتاد والفضاء.

11_Knoed-Creative_Screen-snap_782x540