مقدمة
بفضل الله أنتهيت من كتاب Refactoring UI للمرة التانية وحابب اشارك معاكم ازاي الكتاب ده هيفيدك بشكل كبير لو انت ديفلوبر وعايز تصمم UI يكون شكله جميل بدون وجود Designer معاك وبدون ما تكون مبدع بالفطرة أو مولود بجينات مصممين! 😄
الكتاب ومن هو مؤلفه
أولا الكتاب من نفس المطور اللي عمل Tailwind CSS. وقبل ما نكمل حابب أسالك: هل حاولت قبل كده تصمم website / application بنفسك وكان التصميم مش أفضل حاجه ومش مبهر على عكس مثلا لما تعتمد على تصميم جاهز عامله ديزاينر؟ أنا حصل معايا كده، وAdam Wathan حصل معاه كده (واحد من الناس اللي عملوا Tailwind ومؤلف الكتاب اللي بنتكلم عليه) وناس كتير حصل معاها كده!
كيف يساعدك الكتاب؟
كل اللي انت محتاجه هو الكتاب ده. الكتاب مكتوب من وجهة نظر Developer، بيديلك Tips & Tricks عشان تخلي التصميم بتاعك يكون جميل. الموضوع عامل بالظبط زي ما تكون بدأت لعبة ولسه Newbie وبعدين تستخدم Hack يخلي قدراتك عالية جدا بدون ما تتعب، وده بالظبط اللي انت هتعمله في الـ UI Design عن طريق الكتاب.
محتوى الكتاب
الكتاب حجمه حوالي 220 صفحة بس معظمه صور. فأنت حتى لو ملكش في الكتب، هتلاقي الكتاب خفيف ولغته سهلة. الكتاب هيمر معاك بكل المراحل من أول ازاي تبدأ وتصمم System للـ Color, Font Size, Spacing ..إلخ، الى كل الأمور التانية اللي بتحتك بيها وانت بتصمم زي الـ Hierarchy والـ Layout وكل ما يخص التعامل مع الـ Text, Images, Color, Shadows وغيرهم.
الفيديوهات التطبيقية
بيجي مع الكتاب فيديوهين تطبيقيين عشان تطبق اللي اتعلمته، واحد عن تصميم Form والتاني عن تصميم Dashboard.
رابط الكتاب
لينك الصفحة الرسمية للكتاب: