فوتوشوبينغ فريد نموذج الاتصال
21 مايو 2008 من قبل · chriscoyier 6 تعليقات
هناك بعض أشكال جميلة تبحث هناك اتصال على شبكة الإنترنت ، ولكن عن طريق شبكة الإنترنت وأشكال واسعة من مستنقع التخلف ، على غرار الشبكة العالمية القبح. هذا له علاقة ، في جزء منه ، وذلك بسبب المراوغات عبر المتصفح وصعوبة بعض عناصر التصميم في شكل متصفحات معينة. ولكن في الحقيقة ، انه ليس من الصعب أن الأشكال والأنماط هو المزيد عن مصمم / مطور الكسل من أي شيء آخر.
أنه من المحزن حقا ، لأن مثل هذه النماذج هي أجزاء أساسية من المواقع. ومن النماذج على ذلك لانكم تطلبون من الاهتمام حميمة جدا مع المستخدمين. كنت قد وفرت مساحة لهما على التواصل مع الموقع أو بأخرى. هذا هو دائما مرغوب فيه ، وقيمة. تصميم النموذج وينبغي تعزيز هذه التجربة ، لا ينتقص منه.
وأعتقد أن أفضل طريقة للحصول على نموذج عظيم هو تصميم لأول مرة ، من دون التفكير في القيود التي تفرضها أتش تي أم أل & المغلق. لذلك دعونا فوتوشوبينغ!
1. إنشاء خلفية
إنشاء لجنة جديدة فوتوشوب الوثيقة الحجم المطلوب من منطقتك شكل من الأشكال. الألغام هي 800 × 600px. انقر نقرا مزدوجا على خلفيتك الافتراضي لطبقة "فتح" عليه.

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


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

الشكل هنا هو الآن في وثيقتنا :

دعونا نضيف بعض الأنماط طبقة إلى الشكل لالتوابل عنه قليلا :


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


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

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

أكثر الأساليب طبقة! تقدمت بطلب لسكتة دماغية منقوشة (نفس نمط كخلفية) ، والانحدار ، وقليلا من شبح الهبوط.

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

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

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








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