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

ترسل الوكالات ملفات PSD في العمل واطلبها في المقابل ؛ بلوق تصميم مليء نصائح فوتوشوب والدروس والقوالب. يطلب المصممون الآخرون ملفات Photoshop التي يفترض أنهم يجب أن تكون قد استخدمت لبناء عناصر.

يكاد يكون مثل كونه مواطنا من الدرجة الثانية. إنها مثل الأداة الوحيدة التي يحلم بها المصمم المحترف حقًا هو Photoshop - وهو البرنامج المكافئ لاختيار Mac عبر الكمبيوتر الشخصي.

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

اسمحوا لي أن أكون واضحا: أنا لا أستبعد فوتوشوب أو أولئك الذين يختارون استخدامه. أنا استخدمه لكثير من المهام. التفضيل الشخصي هو أهم عامل عند اختيار أدواتك ، وإذا كنت تفضل استخدام Photoshop ، فهذا هو ما يجب عليك استخدامه.

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

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

فيما يلي بعض الأشياء المفضلة لدي وأسباب جعل Fireworks أداة التصميم الأساسية الخاصة بي:

1. Pixel-Perfect Control

Pixel السيطرة الكاملة

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

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

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

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

2. طبقة الويب

طبقة الويب

تجمع طبقة الويب تقطيع الصور ، واختيار نوع الملف الناتج والتحسين بطريقة متماسكة وبديهية. في الواقع ، قد يكون الاتصال الوحيد الذي يمتلكه الكثير من المصممين مع الألعاب النارية. يعد خيارًا بديلًا لخيارات تشريح وتصدير Photoshop أو - من خلال الأيام السابقة لـ CS3 - ImageReady.

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

3. التدرجات

التدرجات

الجميع يحب تدرج لطيف. حتى بالنسبة للإرادة القوية ، فهي شيء من الكمان في Photoshop - ولكنها بسيطة بشكل لا يصدق للتطبيق والتعديل في Fireworks.

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

4. منحنى التعلم

منحنى التعلم

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

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

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

5. أدوات مكافحة ناقلات

أدوات مكافحة ناقلات

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

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

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

6. الصفحات والرموز والأنماط

الصفحات والرموز والأنماط

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

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

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

عند الجمع ، هذه الميزات الثلاثة تبسط بشكل كبير وتبسيط عملية التصميم.

7. السعر

السعر

انها أرخص وسيلة من فوتوشوب!

استنتاج

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

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

في النهاية ، لا يوجد شيء يمكن أن يفعله Fireworks ولا يستطيع Photoshop فعله ، ولكنه يمكنه فعل الكثير من الأشياء بشكل أكثر فاعلية ، ويسمح لي بتصميم مواقع الويب بشكل أسرع وأكثر سهولة.

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


كتبه راسل ماكغفرن ، مصمم ويب من لندن. تستطيع اتبعه على تويتر .

هل هناك شخص آخر موجود في الألعاب النارية المحب؟ هل هناك أي مستخدم فوتوشوب قد يرغب في منح أخيه الصغير فرصة؟ أم يجب أن أحزمه وأن أضع المزيد من الوقت مع Photoshop؟