سؤال : التصميم المتجاوب

بالنسبة لي عندما أصمم موقع ما أتبع التالي :

• أصمم صفحات الموقع بإستخدام الفوتوشوب لكي يكون عندي تصوّر ومرجع أثناء عملية التكويد

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

• إذا أردت أن يحتوي الموقع على أنيمشن من عقلي ، أحاول محاكاتها بإستخدام Adobe XD .

• أكوّد الموقع ، وأثناء عملية التكويد يتم أيضًا بناء التصميم المتجاوب سواء بالرجوع إلى تصميم الفوتوشوب أو مباشرة أثناء تكويد الصفحات العادية

اخي محمد

التصميم المتجاوب كتصميم في البداية يتم التصميم للديسك توب وللموبايل والتابلت معاً بحيث يضع المصمم تصور للموقع علي الثلاث احجام.

بعد ذلك اثناء التكويد وانشاء الصفحات يتم عمل Breack points   كل واحدة يتم كتابه الكود الخاص بها وفقاً للتصميم المناسب لكل حجم

هناك  Frameworks   تسهل عملية الكود للتصميم المتجاوب اشهرهم علي الاطلاق Twitter Boostrap

وهناك ايضا

والعديم من اطارات العمل الاخري مهمتها تسهيل عملية كتابه الكود وبجودة عالية.

هذي التقنية ستجعل الصفحات متجاوبة

css

@media screen and (max-width: 400px)

يمكنك الاقتباس من تصميمي