ما هو الفرق بين تصميم الموقع بال CSS و التصميم بالفوتوشوب ؟

التصميم بالفوتوشوب او الاليستريتر او أدوبي اكس دي او اي برنامج اخر هو UI اما CSS هو تنسيقات اي الاشكال التي قمت برسمها او انتاجها تتم عملية تكويدها بال HTML وال CSS 
سأطرح مثال بسيط توضح سلسلة مرور الموقع
لنفرض انك العميل وانت اتيت لي
برأيك اول شيء نقوم به ماهو؟
دعني اجيب عنك 
ان اول شي افكر به انا بناء شكل مبدأي للموقع الخاص بك وهو ما يسمى UXD او UX وهو بناء الموقع على بشكل رسومي مبدأي او فقط نفكر ماذا سنضع هنا وهناك وهذا يعتمد على الزائر من جمهوري المستهدف ويجب ان يعتمد على البساطة
تاتي بعدها مرحلة UI وهو الشخص الي يحول تصميم الخريطة الخاصة بالموقع من ابيض واسود ورسوم افتراضية الى اشياء لها جمالية (اي يعطيها التفاعل ) من الوان ونصوص وايقونات واشكال وغيرها دون تغيير موضع الاخريطة UXD 
بعد عملية UI|UX تاتي التكويد
Front-End وهو الشخص الذي يحول الصورة المخرجة من الفوتوشوب الى موقع حقيقي 

اي ان افوتوشوب هو يخرج صور او ايقونات مكودة SVG عن طريق برنامج اليستريتر او ادوبي اكس دي

في الحقيقه  ، يعنى تصميم الويب (التصميم بالفوتوشوب) بالجزء الجمالي المرئي  للموقع وسهولة الاستخدام. يستخدم مصممو الويب برامج تصميم متنوعة مثل Adobe Photoshop لإنشاء التخطيط
(layout) والعناصر المرئية الأخرى لموقع الويب.
من ناحية أخرى ، يأخذ مطورو الويب تصميم موقع ويب من مصممون الفوتوشوب ويقومون بالفعل بعمل موقع إلكتروني منه, موقع فعال وليس شكل فقط ,اشكال فعاله يمكن الضغط علها والتفاعل معها. يستخدم مطورو الويب HTML و CSS و Javascript و PHP ولغات البرمجة الأخرى لتنشيط ملفات التصميم.