استخدام فايرفوكس لإنشاء نماذج بالأحجام الطبيعية البسيطة

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

لماذا نقوم بإنشاء إطارات سلكية؟

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

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

الشروع في العمل مع قلم رصاص

تنزيل قلم رصاص من صفحة إضافة قلم رصاص.بعد تثبيت القلم الرصاص، يمكن الوصول إليه من "أدوات" & غ؛"رسم قلم رصاص".

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

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

إنشاء مستطيل

الخطوة الأولى لإنشاء شكل إطار سلكي هي سحب شكل من القائمة "مجموعات الشكل" على لوحة الرسم.

قم بتغيير حجم المستطيل إلى عرض مناسب وارتفاع.

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

انقر فوق علامة التبويب "الحدود" وقم بتعديل خصائص الحدود.تعيين لون الحدود إلى اللون الأسود( # 000000) وتغيير وزن الحدود إلى 1.

تسمح لنا خصائص خصائص النص بتخصيص نوع الخط وحجمه ونمطه ووزنه ولونه وسطوعه وتعتيمه.

إنشاء علامات التبويب

علامات التبويب الرئيسية، المسودة، الصورة هي ثلاث علامات تبويب مكدسة فوق بعضها البعض.اسحب ثلاثة "لوحة علامات التبويب" في المستطيل.تغيير حجم كل علامة تبويب بحيث تظهر كل علامة تبويب جنبا إلى جنب.

افتح شاشة خصائص النص لضبط لون الخط من علامة التبويب "صور" و "مسودة".تعيينه إلى اللون الرمادي( # 989898).

إنشاء نص

اسحب الشكل "تكست" على لوحة الرسم لإنشاء كل قائمة من القوائم.يمكننا ضبط مظهر النص عن طريق الوصول إلى نافذة خصائص النص.

نصائح مفيدة لتغيير اللون

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

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

الاستنتاج

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

وصلات
تحميل قلم رصاص
تحميل كولورزيلا
W3C هتمل لون ورقة الغش