تعرف على "التوجيه الفني للويب" ، كتاب محطم جديد من تأليف آندي كلارك

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

لقد أتاحت لنا تقنيات الويب الحديثة مثل CSS Grid و Flexbox و Shapes تنفيذ تصميمات الطباعة المميزة غالبًا ، وأصبح الويب الآن مليئًا بالبرامج التعليمية حول كيفية استخدامها. لكن السؤال الأهم ليس "كيف" يمكننا استخدام تقنيات التوجيه الفني لتحسين تصميماتنا للويب ، ولكن بدلاً من ذلك "متى" و "لماذا".

هذا هو السبب في أن آندي كلارك كتب كتابه الجديد Art Direction for the Web. هذا كتاب عن سبب أهمية التوجيه الفني وكيف يمكنك توجيه تجارب فنية مقنعة وفعالة عبر الأجهزة والأنظمة الأساسية.

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

يكتب آندي ،

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

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

ستساعدك Art Direction for the Web على جعل مواقعك أكثر فاعلية في الاتصال والإقناع والبيع. إذا قمت بتطوير منتجات ، فإن هذا الكتاب سيجعلها أكثر إقناعًا وإمتاعًا في الاستخدام. اقرأ الفصل المقتطف ←

جدول المحتويات

الجزء 1: شرح التوجيه الفني

• ما يعنيه التوجيه الفني
  اسأل عما يعنيه الاتجاه الفني للمطورين ، وقد يجيبون: استخدام عنصر <picture> أو سمة sizes في HTML للصور المتجاوبة ؛ تقديم المحاصيل أو التوجهات أو الأحجام البديلة بأحجام شاشات مختلفة. ولكن هناك المزيد.
• مائة عام من الإخراج الفني
  Bradley و Brodovitch و Brody و Feitler - معًا ، تبدو أسمائهم مثل وكالة إعلانات في عصر Mad Men. في هذا الفصل ، سوف نلقي نظرة على أعمالهم المميزة ، من الثلاثينيات إلى الثمانينيات.
• تجارب الإخراج الفني
  سواء كنا نكتب حقيقة أو خيالًا ، أو نبيع أو نصنع المنتجات ، فإن طريقة إشراك الناس ، وخلق الرغبة ، وإسعادهم ، وتشجيعهم على البقاء على هذا النحو ، هي من خلال إنشاء القصص. إذن ما الذي نحتاج إلى مراعاته عند القيام بذلك؟
• الإخراج الفني والفرق الإبداعية
  دعنا نلقي نظرة على كيفية تبني التعاون وتشكيل فرق تتبع استراتيجيات مبنية على أهداف مشتركة.

الجزء 2: تصميم الإخراج الفني

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

الجزء الثالث: التطوير للإخراج الفني

• تطوير التخطيطات باستخدام شبكات CSS
  يوفر لنا CSS Grid بالإضافة إلى المحتوى المدروس والموجه بالفن أفضل فرصة حتى الآن لإنشاء مواقع ويب أفضل في التواصل مع جماهيرنا. في هذا الفصل ، يشرح آندي الخصائص والتقنيات الأكثر ملاءمة لاتجاه الفن.
• تطوير المكونات مع Flexbox
  في حين أن Grid مثالية لتنفيذ التخطيطات الموجهة بالفن ، غالبًا ما يكون Flexbox مناسبًا بشكل أفضل لتطوير الجزيئات والكائنات الحية مثل روابط التنقل والصور والتعليقات التوضيحية ومدخلات البحث والأزرار. يستكشف هذا الفصل كيفية الاستفادة منه.
• تطوير الطباعة
  من التخطيط متعدد الأعمدة وترتيب الكتابة مع أوضاع الكتابة إلى اتجاه النص والطباعة الزخرفية ، يغوص هذا الفصل بعمق في جانب الكود من النوع.
• التطوير بالصور
  كيف تلائم صورك الموجهة بالفن لإطار عرض المستخدم؟ وماذا تخبئ أشكال ومسارات CSS لتصميمك؟ دعنا نكتشف ذلك في هذا الفصل الأخير.

تحطيم ندوات التلفزيون عبر الإنترنت

لمرافقة هذا الكتاب ، يقدم Andy أيضًا سلسلة من الندوات عبر الإنترنت على Smashing TV. الندوات عبر الإنترنت مجانية مع عضوية Smashing ، والتي تكلف فنجانين من القهوة شهريًا (يمكنك الإلغاء في أي وقت).

عن المؤلف

آندي كلارك مصمم مشهور واستشاري تصميم وموجه. لقد تم استدعاؤه كثيرًا منذ أن بدأ العمل على الويب. يحب غروره مصطلحات مثل "سفير لـ CSS" و "نبي الصناعة" و "ملهم" ، لكنه فخور جدًا بأن جيفري زيلدمان وصفه ذات مرة بأنه "لقيط ثلاثي المواهب".

أسس آندي مع زوجته ، سو ، Stuff & Nonsense في عام 1998. لقد ساعدوا الشركات في جميع أنحاء العالم على تحسين تصميماتهم من خلال تقديم الاستشارات وخبرات التصميم.

كتب Andy عدة كتب شهيرة عن تصميم وتطوير مواقع الويب ، بما في ذلك Hardboiled Web Design: 5th Anniversary Edition ، Hardboiled Web Design ، و Transcending CSS: The Fine Art Of Web Design . إنه متحدث شهير ويلقي محاضرات حول التوجيه الفني والموضوعات المتعلقة بالتصميم في جميع أنحاء العالم.

الشهادات - التوصيات

لقد كان هدفنا جعل الكتاب ملهمًا وعمليًا ومفيدًا قدر الإمكان ، ونشعر بالفخر لأننا تلقينا بالفعل مثل هذه المراجعات الإيجابية.

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

- ترينت والتون ، المؤسس المشارك لشركة Paravel Inc.

لماذا هذا الكتاب لك

يعتمد محتوى هذا الكتاب على خبرة Andy التي استمرت عشرين عامًا في العمل مع العملاء ، بالإضافة إلى خبرة مديري الفن والمصممين الذين قابلهم. سوف تتعلم :

1. ما يعنيه اتجاه الفن ، ولماذا يهم ، ومن يمكنه القيام بذلك.
2. كيفية جعل التوجيه الفني يعمل مع المنتجات والمواقع الرقمية.
3. كيفية تحسين التحويلات وإحياء رحلات عملائك.
4. كيفية الحفاظ على قيم العلامة التجارية ومبادئ التصميم من خلال ربط نقاط الاتصال عبر التسويق وتصميم المنتج والمواقع الإلكترونية.
5. كيفية استخدام مؤشرات الاتجاه الفني مثل التخطيط والطباعة والنسب والنسبة والشبكات بطريقة أكثر إبداعًا لتوصيل ما تحاول القيام به بشكل أفضل.
6. كيفية تنفيذ تصميماتك على أي منصة بأحدث HTML و CSS.
7. ... بالإضافة إلى ذلك ، سوف نستكشف التصميمات المتميزة من 100 عام من الوسائط والنشر المطبوع للحصول على بعض الإلهام الإضافي لاتجاه الفن.

تفاصيل تقنية

• 344 صفحة ، 14 × 21 سم ( 5.5 × 8.25 بوصات)
• رقم ال ISBN: 978-3-945749-76-0 (طباعة)
• غلاف صلب عالي الجودة مع تجليد مخيط وعلامة صفحة على الشريط.
• الكتاب الإلكتروني متاح في ملفات PDF و ePUB و Amazon Kindle.
• شحن مجاني للبريد الجوي في جميع أنحاء العالم من ألمانيا. ابتداء من منتصف ابريل . (انظر مواعيد التسليم.)
• متوفر كغلاف مطبوع عالي الجودة وكتاب إلكتروني.