التعديل المرئي طريقة لتغيير موقعك أو تطبيقك دون كود ودون وصف مكان العنصر بالكلمات: تضغط على الزر أو الصورة أو البطاقة في المعاينة، ثم تكتب ما تريد تغييره أو تحرّك الألوان والخطوط والمسافات مباشرة. يصلح لتعديلات الشكل والنص والصور، ولا يصلح لتغيير منطق العمل. في فنّان يعمل التعديل المرئي على معاينة تطبيقك، ترى التعديلات فوراً ولا تُعتمد حتى تضغط «تطبيق التغييرات»، وتُكتب في شيفرة تطبيقك الحقيقية. وهو متاح في الخطط المدفوعة.
- تعديل الموقع بدون كود
- كيف اعدل تطبيقي بدون مبرمج
- تغيير الوان وخطوط الموقع بسهولة
- ابغى اغير زر في موقعي
- محرر مرئي للمواقع بالذكاء الاصطناعي
- تعديل تصميم التطبيق بالضغط على العنصر
ما هو التعديل المرئي؟
جرّب أن تشرح لشخص على الهاتف أي زر تريد تغييره: «الزر الثاني في البطاقة الثالثة، لا، التي تحتها، في القسم الذي بعد الصور». ثم يغيّر زراً آخر. هذا ما يحدث كل يوم بين صاحب موقع ومبرمجه، وبين مستخدم ومساعد ذكي.
التعديل المرئي يلغي هذه الجملة كلها. تفتح معاينة تطبيقك، تضغط على العنصر نفسه، فيُحدَّد بإطار. الآن الكلام كله عن «هذا». تكتب «اجعله أكبر وبلون العلامة»، أو تحرّك شريط المسافة بيدك وترى النتيجة فوراً.
رسم توضيحي- الفكرة
- أشِر إلى العنصر بدل وصف مكانه
- يصلح لـ
- الألوان، الخطوط، المسافات، النصوص، الصور
- لا يصلح لـ
- قواعد العمل، البيانات، الصلاحيات
- المهارة المطلوبة
- أن تعرف ما لا يعجبك حين تراه
لماذا يفشل وصف العنصر بالكلمات؟
حين تبني بالمحادثة، الوصف يعمل جيداً للأشياء الكبيرة: «أضف صفحة حجز». ويتعثر عند الأشياء الصغيرة لثلاثة أسباب:
- الأسماء لا تتطابق. أنت تسميه «المربع الأخضر»، وفي الشيفرة هو مكوّن له اسم آخر تماماً.
- العناصر تتكرر. في الصفحة ستة أزرار «احجز الآن». أيها تقصد؟
- الموقع نسبي. «في الأعلى يمين» يختلف بين الجوال والحاسوب، وبين العربية والإنجليزية.
- «غيّر لون الزر في بطاقة الباقة الثانية»
- قد يتغير زر آخر أو كل الأزرار
- تعيد الشرح بكلمات مختلفة
- ثلاث محاولات لتعديل واحد
- تتعب وتقبل بنتيجة قريبة
- تضغط الزر نفسه
- التعديل يخص هذا العنصر تحديداً
- تكتب ما تريد في خمس كلمات
- محاولة واحدة غالباً
- تعدّل عشرة أشياء في جلسة
أقصر وصف لأي عنصر هو إصبعك عليه.
ما طرق تعديل موقع بدون كود، وأين يقع التعديل المرئي بينها؟
تعديل المواقع دون برمجة ليس جديداً. الطرق المعروفة لكل منها مكانها:
| الطريقة | كيف تعمل | حدّها |
|---|---|---|
| منشئ بالسحب والإفلات | تبني الصفحة من مكوّنات جاهزة وتغيّر خصائصها من لوحة | مقيّد بمكوّنات الأداة، ويثقل مع التطبيقات ذات المنطق |
| لوحة تحكم لنظام محتوى | تغيّر النصوص والصور من نماذج | الشكل يحدده القالب، وتغييره يحتاج مبرمجاً |
| طلب من مبرمج | ترسل ملاحظاتك وتنتظر | أدق نتيجة، وأبطأ دورة للتعديلات الصغيرة |
| محادثة مع منشئ ذكي | تصف التعديل فيُنفَّذ | ممتاز للكبير، ومتعب للصغير المحدد |
| تعديل مرئي فوق تطبيق حقيقي | تضغط العنصر وتطلب أو تحرّك | للشكل والمحتوى لا لمنطق العمل |
الفرق الذي يستحق الانتباه: في كثير من المنشئات المرئية أنت تعدّل داخل قالب تملكه الأداة. في التعديل المرئي فوق تطبيق مبني بالذكاء الاصطناعي، التغيير يُكتب في شيفرة تطبيقك الحقيقية لا فوقها، فيبقى التطبيق ملكك بكل تعديلاته. عن ملكية الكود اقرأ من يملك الكود في منشئات الذكاء الاصطناعي.
كيف أستخدم التعديل المرئي في فنّان خطوة بخطوة؟
- 1افتح المعاينة وفعّل «تعديل مرئي»
التعديل المرئي يعمل على المعاينة لا على النسخة المنشورة. إن كنت تشاهد «المنشور» فبدّل إلى «المعاينة».
- 2مرّر ثم اضغط
على الحاسوب يُظلَّل العنصر عند مرور المؤشر. اضغط لتحديده. إن حدّدت شيئاً أصغر مما تريد، فالسهم للأعلى يحدد العنصر الحاوي، و Esc يخرجك.
- 3تأكد مما حدّدت
تظهر لوحة فيها نوع العنصر: زر، صورة، عنوان، بطاقة، جدول، نموذج، ترويسة، وغيرها، مع مكانه في الصفحة.
- 4اطلب أو حرّك
تبويب «اطلب» لتكتب ما تريد، وتبويبات الألوان والخط والمسافات والصورة والنص لتعدّل بيدك.
- 5راجع ثم طبّق
ما تحرّكه بيدك معاينة فقط. يظهر عدد التعديلات الجاهزة، وتستطيع إزالة أي واحد أو التراجع عن الكل. اضغط «تطبيق التغييرات» ليُكتب التعديل في تطبيقك.
ما الذي أستطيع تغييره؟ أمثلة لكل نوع عنصر
خذ موقع حجز شاليهات في الطائف. هذه تعديلات واقعية تُنجز بالإشارة، مرتبة حسب العنصر:
| العنصر | تعديل مباشر باليد | طلب مكتوب بعد التحديد |
|---|---|---|
| زر «احجز الآن» | لون الخلفية من ألوان تطبيقك، استدارة الزوايا، حجم الخط | اجعله بلون العلامة الأساسي وأضف أيقونة تقويم |
| عنوان القسم | الحجم، السُّمك، المحاذاة، ارتفاع السطر | أعد صياغته ليكون أوضح وأقصر |
| بطاقة الشاليه | المسافة الداخلية، الظل، لون الحد | اجعلها أكثر فخامة ورتّب عناصرها |
| صورة الواجهة | استبدالها بصورة من مكتبة تطبيقك أو برفع صورة جديدة، وطريقة ملء الإطار | ولّد صورة أجمل لهذا المكان |
| حقل رقم الجوال | المسافات والحدود | اجعل الحقل أوضح وأسهل للكتابة |
| جدول الأسعار | المسافة بين العناصر وحجم الخط | رتّب الأعمدة بشكل أجمل وأبرز سعر نهاية الأسبوع |
بعد تحديد بطاقة الباقة: اجعل هذه البطاقة أبرز من جارتيها: حد بلون العلامة الأساسي، ظل خفيف، وشارة صغيرة في الأعلى مكتوب فيها «الأكثر طلباً». بعد تحديد صورة الواجهة: استبدلها بصورة الشاليه التي رفعتها، واجعلها تملأ الإطار دون أن تُقص من الأعلى. بعد تحديد عنوان الصفحة: أعد صياغته في ست كلمات على الأكثر تذكر الطائف والإطلالة. بعد تحديد التذييل: وسّع المسافات الداخلية، وضع أرقام التواصل في سطر واحد على الحاسوب وفي عمود على الجوال. بعد تحديد زر الحجز: كبّر الخط درجة واجعل الزر بعرض البطاقة كاملاً على الجوال فقط.
جرّبه في فنّانلاحظ أن كل طلب قصير، لأن «أي عنصر» محسوم بالتحديد. وتظهر مع كل عنصر اقتراحات جاهزة تناسب نوعه، مثل «كبّر الخط» و«أضف ظلاً خفيفاً» و«اجعل الزوايا أنعم». ولأفكار أكثر في صياغة طلبات الشكل اقرأ أوامر تصميم الواجهات.
أعدّل بيدي أم أطلب بالكلام؟
اختر ما يشبه حالتك لترى النصيحة.
عدّل بيدك. لون محدد من ألوان تطبيقك، خط أكبر بدرجة، مسافة أوسع. ترى النتيجة فوراً وتجرّب حتى تعجبك قبل أن تطبّق.
اطلب بالكلام: «اجعله أكثر فخامة»، «أهدأ»، «أبرز». هذا يحتاج قرارات متعددة معاً في اللون والمسافة والظل.
تبويب النص: تكتب وترى الكلمات تتغير على العنصر. وإن أردت صياغة أفضل فاطلب «أعد صياغة النص ليكون أوضح وأقصر».
اطلب بالكلام بعد تحديد أقرب عنصر: «أضف تحت هذه البطاقة سطراً بسياسة الإلغاء». التحديد يخبر أين، والطلب يخبر ماذا.
ونصيحة عن الهوية: إن وجدت نفسك تغيّر اللون نفسه في عشرة عناصر، فالمشكلة في لون التطبيق الأساسي لا في العناصر. غيّره من المصدر، كما نشرح في ابنِ تطبيقاً يطابق هوية علامتك.
ما حدود التعديل المرئي، ومتى لا يكون الأداة المناسبة؟
وحدّ آخر عملي: التعديل المرئي يغريك بتلميع لا ينتهي. ضع وقتاً محدداً للتلميع، ثم عُد لما يهم العميل: هل يستطيع أن يحجز ويدفع بلا عثرات؟
كيف ألمّع تطبيقي في عشرين دقيقة؟
روتين يصلح قبل كل نشر. امشِ في تطبيقك كعميل، من الصفحة الأولى إلى إتمام الطلب:
- 5 دقائقالصفحة الأولى
العنوان واضح في نظرة؟ الزر الرئيسي أبرز عنصر؟ صورة حقيقية لا عامة؟ عدّل الثلاثة بالإشارة.
- 5 دقائقالبطاقات والقوائم
مسافات متساوية، أسعار بارزة، نصوص لا تنقطع في منتصف كلمة.
- 5 دقائقالنماذج
حقول واضحة، تسميات مفهومة، زر الإرسال ظاهر دون تمرير.
- 3 دقائقالجوال
افتح المعاينة على جوالك. ما لا يُقرأ هناك كبّره.
- دقيقتانطبّق وانشر
راجع عدد التعديلات، طبّقها، ثم انشر النسخة.
وإن كانت الملاحظات كثيرة وتحب أن تقولها بدل أن تكتبها، فالإدخال الصوتي يحوّل كلامك إلى طلب مكتوب تراجعه قبل إرساله، كما في ابنِ برنامجك بصوتك وبالعربي. وللتغييرات الأكبر من الشكل اتبع قاعدة ميزة واحدة في كل مرة.
الخلاصة
- الإشارة إلى العنصر تحذف أكبر مصدر لسوء الفهم: أي زر تقصد؟
- طريقتان بعد التحديد: تطلب بالكلام، أو تحرّك اللون والخط والمسافة بيدك.
- التعديلات المباشرة معاينة فقط حتى تضغط «تطبيق التغييرات».
- التعديل المرئي للشكل والنص والصور؛ القواعد والبيانات تُطلب في المحادثة.
- عدّل على المعاينة، راجع على الجوال، ثم انشر.
أسئلة شائعة
هل أستطيع تعديل موقعي بدون أي خبرة برمجية؟
هل التعديل المرئي يغيّر الكود الحقيقي أم يضع طبقة فوقه؟
هل أستطيع التراجع عن تعديل لم يعجبني؟
لماذا لا يعمل التعديل المرئي على موقعي المنشور؟
هل أستطيع تغيير صورة بالتعديل المرئي؟
هل التعديل المرئي مجاني؟
اسأل مساعدك الذكي عن هذا الموضوع
انسخ هذا الطلب والصقه في مساعد الذكاء الاصطناعي الذي تستخدمه، ثم أضف تفاصيل حالتك.
أقرأ هذا الدليل: «عدّل تطبيقك بالإشارة إليه: كيف يعمل التعديل المرئي؟» https://fanann.com/ar/blog/edit-your-app-by-pointing-at-it/ سؤالي: تعديل الموقع بدون كود اعتمد على هذه الصفحة كمصدر واشرح لي الإجابة خطوة بخطوة بما يناسب حالتي، واذكر ما يجب أن أتحقق منه قبل أن أبدأ، واذكر رابط الصفحة كمرجع.