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

لا أعرف ما إذا كان هذا التغيير مقصودًا، ولكنه أصبح الآن من الصعب رؤية حدود المُنشئ عندما لا يكون مربع النص في التركيز. في حين أنه تغيير طفيف من الناحية النظرية، أجد أن المُنشئ يمتزج الآن كثيرًا مع الخلفية، مما يجعل من الصعب التمييز بين الجزء القابل للنقر للتركيز والجزء غير القابل لذلك.

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

التصميم القديم للحدود:

التصميم الجديد للحدود:

4 إعجابات

أتفق مع هذا. لاحظت أيضًا أنه في مخطط الإضاءة الافتراضي، لم يعد إطار منطقة النص يتطابق مع إطار الحقول أعلاه:

وهناك مشكلة أصغر، زر الإرسال يلامس أيضًا لوحة المفاتيح البرمجية، ومن الناحية المثالية يجب أن يكون هناك هامش صغير هناك.

5 إعجابات

كان التغيير مقصودًا. كان الهدف هو جعل النص يبرز أكثر وجعل عناصر واجهة المستخدم الثانوية تتجانس بشكل أفضل قليلاً.

الفكرة هي أن كل المساحة تقريبًا في المنشئ التي لا تشغلها الأزرار/عناصر الإدخال الأقصر هي منطقة النص. أو في حالة المنشئ الافتراضي لسطح المكتب، يتم تقسيمه إلى عمودين، للكتابة وللمعاينة، لذا يمكن أن يكون حتى فاصل مرئي طفيف كافيًا.

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

لم يتم تعديل لون حدود بعض الحقول. تم إصلاحه في طلب سحب متابعة. نفس الشيء مع هامش iOS.

إعجابَين (2)

كيف يبرز تغيير لون الحدود ذلك بالضبط؟

ولكن لا يزال هناك الكثير في واجهة المستخدم المحيطة بالمُنشئ والتي ليست المُنشئ نفسه ولا يمكن النقر عليها، والآن أصبح من الصعب معرفة أين ينتهي الجزء المحيط وأين يبدأ المُنشئ.

بصراحة، الآن أشعر وكأن هناك مجرد مجموعة من العناصر العائمة (أي المُنشئ وجميع الأزرار أعلاه) بدون حدود على الإطلاق لأن الحدود تفتقر إلى التباين بشكل كبير. حتى الفواصل بين (على سبيل المثال) زر الخط المائل وزر الرابط عديمة الفائدة تقريبًا الآن لأن رؤيتها شبه مستحيلة.

نعم، من الواضح أنني أفتقد نقطة التغيير، لكنني بالتأكيد أتفهم وجود فترة تأقلم. أجد هذا التغيير مزعجًا بشكل خاص لأسباب يصعب شرحها.

بالنظر إلى وحدة تحكم المطور، أرى أن الحدود انتقلت من --primary-medium (#909090) إلى --primary-low (#313131). وهو تغيير جذري للغاية. لقد جربت للتو باستخدام #616161 لتقسيم الفرق كما ذكرت، وهو تحسن كبير حقًا. إنه يوفر المزيد من التباين الذي تشتد الحاجة إليه، دون أن يلفت الانتباه بقدر ما فعل #909090 الأصلي. عند تجربة قيم مختلفة، أعتقد أن شيئًا مثل #515151 سيحقق توازنًا جيدًا حقًا بين التباين وعدم كونه مربكًا. آمل أن يكون هذا شيئًا ستأخذه في الاعتبار بعد قليل من الوقت.

(لاحظت أن هناك --primary-low-mid يصل إلى #7a7a7a. خمن أن الوقت قد حان لإضافة --primary-low-not-quite-mid لـ #515151. :ضحكة:)

إعجاب واحد (1)

نعم :sweat_smile: عندما كنت ألعب في الأصل بألوان الحدود هنا، اخترت لونًا أكثر تباينًا، لكنني اضطررت في النهاية للاختيار بين low و low-mid. ربما سأضطر إلى إضافة متغير جديد في النهاية.

ولكن أولاً، سيكون من الجيد التحقق من أماكن استخدام المتغيرين الحاليين، ومعرفة ما إذا كان يمكن تعديل هذه الألوان، أو ما إذا كانت أي من هذه الأماكن ستستفيد من متغير جديد.

وإذا كنا سنقدم لونًا جديدًا، فسيكون من المفيد النظر في نظام تسمية جديد للمتغيرات، على سبيل المثال، يعتمد على الأرقام، مثل --primary-600 (على غرار ما تستخدمه بعض أطر عمل CSS؛ tailwind على سبيل المثال)

نسخ: @awesomerobot :smiley: أي أفكار حول توسيع لوحة الألوان؟

3 إعجابات

يبدو أنه تم إصلاح لون الحدود (أزرق مثل عنوان الموضوع وزر الإرسال)، ولكن ليس الهامش السفلي لزر الإرسال (رد).

هل يمكنك من فضلك تعديل المنشور ومحاولة تحميل لقطة الشاشة مرة أخرى؟ :slightly_smiling_face:

إعجاب واحد (1)

نعم، لا يوجد هامش لأن الإصلاح لم يتم دمجه بعد. :smiley:

إعجابَين (2)

أفضل عدم القيام بذلك إن أمكن! ربما يمكن تعديل low-mid قليلاً؟ إذا كنا نستهدف ~#616161، فإن #7a7a7a قريب جدًا.

نعم، كان low-mid غريبًا منذ البداية، لست ضد إعادة التسمية طالما أعدنا تعيين المتغيرات القديمة.

إعجابَين (2)

ربما يكون ذلك منطقيًا على أي حال. في الوقت الحالي، low-mid (#7a7a7a) قريب جدًا من medium (#909090) ، لذا يبدو الأمر بلا جدوى. نقله إلى حوالي #616161 سيملأ فجوة جيدة بين low (#313131) و medium (#909090) ، مما يجعله في منتصف المسافة تقريبًا بينهما.

إعجاب واحد (1)

أردت فقط المتابعة لمعرفة ما إذا كان أي تغيير مخطط له لهذا.