باعتبارك منشئًا مؤهلًا للصفحة، تعد القدرة على "استعادة مسودة تصميم صفحة الويب" أمرًا في غاية الأهمية. يجب التركيز على ما إذا كانت الصفحة يمكن أن تكون مطابقة تمامًا لمسودة التصميم. في بعض الأحيان، يمكن للتفاصيل أن تحدد النجاح أو الفشل، ويمكن القول أن الفارق بين النجاح والفشل هو آلاف الأميال. خاصة عند إنشاء مشروع بوتيك.
1. المواصفات المرئية
في بعض الأحيان لا تكون مسودات التصميم التي نحصل عليها من المصممين دقيقة بالضرورة، على سبيل المثال: نص عنوان الوحدة من نفس النوع هو 13PX في مكان واحد و14PX في مكان آخر؛ للعين المجردة ولكن قيمة اللون الفعلية مختلفة؛ ارتفاع سطر كل فقرة مختلف؛ نفس النوع من المربع المنبثق له أحجام متعددة، وما إلى ذلك... في هذه الحالة، لا يمكننا استعادة مسودة التصميم من أجل ذلك لاستعادة مسودة التصميم.
من أجل تقليل تكلفة التواصل مع المصمم، كان على مهندس إعادة البناء أن يحث المصمم على وضع مواصفات مرئية للموقع بأكمله في مرحلة مبكرة، وكتابة بعض المحتوى المتفق عليه علنًا في شكل مستند، والتنفيذ الصارم ذلك في مرحلة لاحقة.
من الأفضل للمصممين تعيين المواصفات المرئية قبل البدء في إنشاء الصفحة، وهذا يمكن أن يقلل بشكل كبير من تكلفة التصحيح المشترك بعد الإنتاج للصفحة. بالإضافة إلى ذلك، يمكن لإنتاج الصفحة إنشاء مواصفات موحدة للأشياء القالبية في المرحلة المبكرة، مثل الخطوط والأيقونات والحدود وألوان الخلفية والمسافات وما إلى ذلك، وإنشاء واجهات فئة موحدة بمجرد إصلاح مواصفات التصميم في المرحلة اللاحقة. سيكون من السهل تعديل أي تغييرات.
2. يجب أن يتطلب التعليق التوضيحي لمسودات التصميم
من المصممين تحديد المسافات المختلفة والعروض والخطوط الخاصة وألوان الخطوط الخاصة وارتفاعات الخطوط الخاصة وما إلى ذلك في مسودة التصميم، وبهذه الطريقة، ليست هناك حاجة لإعادة القياس عند إنشاء الصفحة. كما تم تحسين عملية الاستعادة بشكل كبير كما تقلل دقة مسودة التصميم من تكلفة الاتصال بالمصمم وتكلفة تصحيح الأخطاء المشتركة في مرحلة ما بعد الإنتاج. هنا مثال:
3. أداة مسطرة صفحة الويب (FastStone Capture)
بوصلة للملاحة، ومقياس حرارة للأطباء، وشريط قياس للنجارين... العديد من المهن لديها أدوات قياس خاصة بها، لذلك عندما نصنع الصفحات، يجب علينا أيضًا قياس المسافة، والعرض، والارتفاع، اللون... والبيانات الأخرى، فهل يجب أن يحتوي إنتاج الصفحات أيضًا على أداة احترافية لقياس الصفحات بدقة؟
إليك برنامجًا يمكنه قياس صفحات الويب بدقة، FastStone Capture. على الرغم من صغر حجم البرنامج، إلا أنه يحتوي على كل شيء الأساسيات.
4. برنامج تعليمي بسيط لـ FastStone Capture
1. افتح أداة القياس
انقر على الأيقونة الموجودة في أقصى يمين لوحة التحكم ، افتح وحدد "مسطرة الشاشة"، سيتم عرض المسطرة كما هو موضح أدناه على الشاشة لتسهيل قياس المنظور، يمكن ضبط المسطرة على شفافة أو نصف شفافة:
2.
بالنسبة للقياس الأفقي، يتم وضع المسطرة الافتراضية أفقيًا. يمكنك الضغط على المفاتيح لأعلى ولأسفل ولليسار ولليمين على لوحة المفاتيح لتحريك المسطرة بمقدار بكسل واحد تكون عدسة مكبرة في الزاوية اليمنى العليا من الشاشة لعرض منطقة القياس. اسحب الماوس لقياس طول المستوى بدقة. اسحب الحافتين الأفقيتين للمسطرة لتطويلها أو تقصيرها.
3. للقياس عموديًا،
انقر فوق أيقونة الزر كما هو موضح على المسطرة. لجعل المسطرة رأسية: أو انقر نقرًا مزدوجًا فوق المسطرة لجعل المسطرة رأسية.
إن طريقتي القياس الرأسي والقياس الأفقي متشابهتان، لذا لن أكررهما هنا.
4. لقياس نقطة إلى نقطة،
انقر فوق الرمز الموجود على المسطرة: ، ستعرض العدسة المكبرة الموجودة في الزاوية اليمنى العليا من الشاشة طول الخط.
استخدم الماوس لسحب الخط المستقيم من النقطة أ إلى النقطة ب وقياس المسافة بين النقطتين.
5. قياس المستطيل
لسوء الحظ، لا يحتوي البرنامج على مربع محدد أو بوصلة، مما يجعل من الصعب قياس المستطيل. لا تقلق، يمكنك استخدام طرق أخرى بدلاً من ذلك. هنا نستخدم وظيفة لقطة الشاشة.
انقر على أيقونة المسطرة أغلق المسطرة، ثم عد إلى لوحة تحكم البرنامج، ثم انقر فوق الرمز الثالث (التقاط منطقة مستطيلة):
اسحب الماوس لقياس الوحدة المستطيلة لصفحة الويب التي تريد قياسها، وستعرض العدسة المكبرة الموجودة في الزاوية العلوية اليسرى (أو اليمنى) من الشاشة w*h=value*value، w is العرض، وh هو الارتفاع.
6.
انقر فوق الرمز الموجود على الجانب الأيمن من لوحة تحكم البرنامج لتحديد لون صفحة الويب: ، يظهر مربع منسدل، حدد "Screen Color Picker"، وستظهر أيقونة الشافطة، وحرك الإحداثيات التي أشارت إليها الشافطة وانقر للحصول على قيمة اللون في أي مكان على الشاشة.