هل هناك من يستخدم Visual Design ويقوم بتحويله لـ HTML

لا أدري ما الفرق الذي تحاول إظهاره بين النقطة الأولى والثانية إلا إذا كنت تقصد حرفيا تقطيع الصفحة وتصديرها على شكل ملفات PNG مثل العقد الماضي

سأفترض أنك تتكلم عن wireframing والتصميم العادي، حسنا بالنسبة للتصميم العادي

ذلك خيار مناسب إذا كنت ستبني مشروعا جديدا، في الأغلب سيتطلب منك الأمر إنشاء guide style جديد داخل التصميم، سيكون من الصعب تطبيق الأمر إذا بدأت مباشرة

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

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

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

سيكون هذا جيدا إذا كنت قد بنيت صفحة رئيسية من قبل عبر HTML وهذه صفحة فرعية مشابهة لها، سنتقل نفس الأمور ونفس الستايل لها حتى تحافظ على هوية واحدة بين الصفحات

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

بالنسبة لرسمه كاملا، ثم استخدام إطار عمل فهذا ما أقوم به أنا، أصمم التصميم كاملا عبر فوتوشوب، مثلا

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