11 كتاب أساسي لتصميم الويب

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

اشترك في قناتنا على اليوتيوب

11 كتابًا لتصميم الويب يمكن استعارتها أو شراؤها

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

ملاحظة: التسعير للنسخة الأقل تكلفة من الكتاب في وقت كتابة هذا التقرير ، مقربًا إلى أقرب دولار.

تعلم تصميم الويب: دليل المبتدئين إلى HTML و CSS و JavaScript ورسومات الويب بواسطة Jennifer Robbins

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

تشمل الفصول البارزة ما يلي:

• إنها تأخذ قرية (أدوار إنشاء موقع الويب)
• تشريح صفحة الويب
• الحاجة إلى السرعة (أداء الموقع)
• عندما تصبح الصفحات الجيدة سيئة
• تسطير و "زينة" أخرى

السعر: 12 دولارًا للإيجار | معلومات اكثر

مبادئ تصميم الويب الجميل بقلم جيسون بيرد وأليكس ووكر وجيمس جورج

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

تشمل الفصول البارزة ما يلي:

• تعريف التصميم الجيد
• نظرية اللون 101
• نسيج المبنى: أنماط قديمة ، منقوشة ، بالية ، وحنين إلى الماضي
• اختيار الخطوط الصحيحة
• مصادر الصور المشروعة

السعر: 17 دولارًا للإيجار | معلومات اكثر

UX Design 2020: الدليل النهائي للمبتدئين لتجربة المستخدم بواسطة Theo Farrington

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

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

تشمل الفصول البارزة ما يلي:

• ما هي تجربة المستخدم؟ (واجهات ، منتجات ، محتوى ، خدمات ومساحات)
• القواعد الذهبية السبع لتصميم تجربة المستخدم
• وجهة نظرك مقابل وجهة نظر المستخدم
• سلوك الإنسان ودوافعه
• ماذا يفعل مصمم UX؟

السعر: 10 دولارات | معلومات اكثر

قوانين تجربة المستخدم: استخدام علم النفس لتصميم منتجات وخدمات أفضل بقلم جون يابلونسكي

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

تشمل الفصول البارزة ما يلي:

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

السعر: 27 دولار | معلومات اكثر

ملعب تصميم الويب: HTML + CSS الطريقة التفاعلية بواسطة Paul McFedries

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

تشمل الفصول البارزة ما يلي:

• العناصر العائمة وتحديد المواقع
• إنشاء الصفحة المقصودة
• جعل صورك وطوبوغرافياك تستجيب
• إضافة دفقة من الألوان إلى تصميمات الويب الخاصة بك
• إنشاء صفحة المحفظة

السعر: 34 دولار | معلومات اكثر

أساسيات تصميم الويب: HTML و CSS بواسطة Terry Felke-Morris

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

تشمل الفصول البارزة ما يلي:

• تحت غطاء صفحة الويب
• ممارسة مع العناصر الهيكلية
• جمهورك المستهدف
• منظمة الموقع
• اختر مضيف الويب

بصدق ، لا تغطي أمثلة هذه الفصول نصفها. على سبيل المثال ، هناك قسم من الكتاب يسمى Responsive Layout Basics ، ويحتوي على ما يقرب من 20 موضوعًا فرعيًا موجودًا تحته. تتضمن هذه الموضوعات الفرعية CSS Flexible Box Layout و CSS Grid Layout وتخطيط الشبكة المستجيب مع استعلامات الوسائط. النقطة؟ يمكنك الدخول في تفاصيل موضوعات HTML و CSS المختلفة. نعم ، لا يزال هذا الكتاب يعتبر مقدمة للمجال ، لكنه مقدمة شاملة ومدروسة للغاية.

السعر: 63 دولار للايجار | معلومات اكثر

CSS في العمق بواسطة Keith J. Grant

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

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

تشمل الفصول البارزة ما يلي:

• جعل الشعور بالطفو
• الرسم المتجاوب
• مكتبات الأنماط
• الخلفيات والظلال وأنماط المزج
• التباين واللون والمسافة

السعر: 42 دولار | معلومات اكثر

أسرار CSS: حلول أفضل لمشاكل تصميم الويب اليومية بقلم Lea Verou

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

تشمل الفصول البارزة ما يلي:

• معايير الويب: صديق أم عدو؟
• تأثيرات نصية واقعية
• اختيار المؤشر الأيمن
• عرض عمود ترويض الجدول
• الرسوم المتحركة إطار بإطار

السعر: 9 دولارات للايجار | معلومات اكثر

تصميم شامل لعالم رقمي: التصميم مع مراعاة إمكانية الوصول بقلم ريجين إم جيلبرت

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

تشمل الفصول البارزة ما يلي:

• النموذج الطبي / الاجتماعي للإعاقة
• ما هي التكنولوجيا المساعدة؟
• خلق ثقافة الشمولية / الوصول
• استخدام تقنيات الواقع الافتراضي
• الذكاء الاصطناعي وإمكانية الوصول

السعر: 9 دولارات للايجار | معلومات اكثر

تصميم الويب: تطور العالم الرقمي 1990 - اليوم بواسطة روب فورد

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

تشمل الفصول البارزة ما يلي:

• 2000: الويب يأتي إلى الحياة
• 2004: عام الموقع الفيروسي الأصلي
• 2007: وصول فيديو ملء الشاشة للعام - جنبًا إلى جنب مع iPhone
• 2014: أصبحت متصفحات الأجهزة المحمولة في العام قوية مثل أجهزة الكمبيوتر المكتبية
• 2017: العام الذي تطور فيه الويب خارج الويب

السعر: $ 31 | معلومات اكثر

تنويه مشرف: اسرق مثل فنان لأوستن كلاون

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

تشمل الفصول البارزة ما يلي:

• لا تنتظر حتى تعرف من أنت لتبدأ
• السر: قم بعمل جيد وشاركه مع الناس
• كن لطيفًا: العالم مدينة صغيرة
• كن مملًا: إنها الطريقة الوحيدة لإنجاز العمل
• الإبداع هو الطرح

السعر: 8 دولارات | معلومات اكثر

كيفية اختيار كتب تصميم الويب

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

اختر الكتب ذات تواريخ النشر الحديثة

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

انتبه للتخطيط والقراءة

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

حدد ما إذا كان الموضوع مغطى تمامًا

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

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

قل "لا" لمشاركات المدونة المعاد تجميعها ككتب

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

الأفكار النهائية على كتب تصميم الويب

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

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

صورة مميزة عبر [اسم الفنان] / shutterstock.com