ما هي أفضل برامج تصميم الصفحات

مرحبا،

ما هي أفضل برامج التصميم المرئي visual design للصفحات التي يمكنها تصميم صفحة أو موقع بغض النظر عن اللغة التي سيتم استخدامها لاحقا في بناء الموقع، حيث نتيجة التصميم تكون صفحات HTML و CSS و javascript مع الصور فقط.

سؤالي بصيغة أخرى.

لو أتى أحد ما ويريد تصميم صفحة بسرعة كبيرة، وهو غير ملم بالتقنية ولا يعلم HTML CSS JAVASCRIPT فما اسهل برنامج تصميم يمكننا اعطاءه له لتصميم صفحة ما حيث يمكن اعطاء تصميمه لمبرمج ليكمل العمل بربط التصميم ببيانات حقيقية ودوال وقواعد البيانات.

وبالرغم من عدم إلمام المصمم بمبادئ اي لغة لكن نتيجة التصميم يجب أن تكون صفحات HTML و CSS و javascript والتي يتم توليدها آلياً من خلال برنامج التصميم.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

أفضل برامج التصميم هي على الترتيب

1- Adobe Photoshop

2- Gimp (open source)

بالنسبة لمشروع الموقع بالكامل فيعمل عليه

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

ui design وهو المختص بتحويل الشكل الذى توصل اليه السابق الى صورة مرئية تكون على هيئة ملف psd

ui developer وهو المختص بتحويل ملف ال psd الى كود html css js

back end developer وهو المبرمج الذي سيقوم ببرجمة الموقع النهائي لكي يعمل بشكل ديناميكي

اذا كنت تريد تصميم موقع على شكل ملف psd فأفضل البرامج لهذا العمل هو الفوتوشوب

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

نعم بالضبط هذا ما أقصده

يبدو البرنامج رائع...

كأنه يدعم بوستراب و فاونديشن

نعم و هو من أروع البرامج

اول مرة اعرف البرنامج ده،

بدايةً كده يبان بجد انه رائع ...

انا بحمله وهابدأ استخدمه ^_^

شكراً جزيلاً

حسوب I/O هو مجتمع عربي، رجاءً شارك باللغة العربية الفصحى فقط

إن فهمتُ سؤالك بصورة صحيحة فأنت تبحث عن محرر WYSIWYG. وأقدم الحلول في هذا المضمار هو برنامج FrontPage من مايكروسوفت، وقد أعادت مايكروسوفت طرحه من جديد تحت اسم Expression Web.

في مستودعات لينكس ثمة برنامج من هذا النوع يدعى GWrite، لكنه بدائي جداً.

أيضاً انظر:

، يتميز بواجهة غير مميزة إطلاقاً :)

قرأت سؤالك مرة أخرى، أظن أنك ستجد ضالتك ببساطة في برنامج فوتوشوب!

فهو يحول التصاميم المرئية إلى شيفرات HTML/CSS,

لم أكن أعلم ذلك 

فاجئتني بهذه المعلومة.

أي اصدار يدعم ذلك؟

لا أعلم، شخصياً لا أستخدمه، ريما يفيدنا أحد الحاضرين أو العابرين هنا :)

مجهول
  • حذف بواسطة المستخدم

لكن في الأخير يجب أن تعرف ولو أساسيات html,css

أنت أيضا لم تعطني جواب.

أنا أسأل عن برنامج للتصميم لايستهدف المبرمجين، 

تماما كما في ردي السابق

يحقق سرعة في التصميم بعدها ستكون مسؤوليتي الكود.

لم انتبه للرابط

شكرا لك

برنامج WYSIWYG Web Builder 10 يوفر ادوات متكاملة لتصميم مواقع متجاوبة و متوافقة مع الهواتف كما يوفر ادوات لانشاء نظام اعضاء و انظمة ادارة محتوي و كابتشا و انظمة مدونات و كل ذلك دون الحاجة الي خبر برمجيا نهائياً

(قائمة بمميزات البرنامج كاملة (

البرنامج غير مجاني ولكن متوفر بنسخة تجريبية مجانية

لمزيد من التفاصيل

تصفحت الموقع

المزايا التي يقدمها رائعة لكن الأدوات يوفرها كإضافات بحاجة لرقم تسلسلي، هل يمكن تنزيلها في حال كانت النسخة تجريبية؟

البرنامج متوفر فى نسخة تجريبية مجانية لمدة 30 يوم بعد ذلك سيطلب منك الشراء او التوقف عن استخدام البرنامج

يمكنك الحصول عليه من هنا

كما ان البرنامج متوفر ايضاً لنظام Linux و Mac ويمكنك الحصول عليه من هنا

تكون أكواد مثل هذه البرامج كالاسباغيتي ، لو اعطيتها لمستقل مبرمج سيتعذب معها أكثر مما ستساعده

-1

لكن لم تعطني مثال عن احد تلك البرامج، وأتوقع أن يختلف الخرج بين كود نظيف وكود السباغتي باختلاف البرنامج المستخدم.

سأعطيك أنا مثال والذي ابحث عن شيء مشابه له.

مثلا لتصميم صفحة بوتستراب بشكل مرئي يمكن استخدام الموقع 

هذا ما أبحث عنه، لكن مع بعض التحكم بشكل أكبر، وهنا لاحظ أن من يقوم بالتصميم لايعلم شيء عن البوتستراب .

دعه يستعمل خدمة ك

او صانع مواقع ك wix.com

تصميم الويب دون تكويده وهي سهلة .

او اطلب من مستقل فعله :)