قصة كيف قمنا بتغيير أيقونة PVS-Studio



يمثل الإصدار 7.0 علامة فارقة جديدة في تاريخ محلل PVS-Studio - التحليل متوفر الآن ليس فقط للكود المكتوب بلغات C و C ++ و C # ، ولكن أيضًا في Java. بالإضافة إلى هذا التحسن العالمي ، يتم تحسين وتحسين بعض الآليات الحالية للتحليل ، ويتم إضافة قواعد التشخيص. كان هناك تغيير مهم آخر لا يمكن تفويته. غيرنا الرمز.

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

لماذا قررنا القيام بذلك؟ كل شيء مثير للاشمئزاز. الأيقونة الحالية قديمة بالفعل ولم يتم تغييرها لسنوات عديدة. لماذا لا تنزعج مع تحديث الإصدار المؤثر؟ لذلك تم تسوية أننا بحاجة إلى الخروج بشيء للإصدار التالي 7.0 .

ربما لديك سؤال - كيف انتهى بك الأمر لديك الآن ، مع وجود تلك الحروف الخضراء ثلاثية الأبعاد؟ للحصول على فهم أفضل ، يجب اتباع تاريخ التغييرات ، والذي سيتم وصفه أدناه.

بالمناسبة ، ربما لاحظ القراء الذين يتابعون منشوراتنا ، وكذلك أولئك الذين يتواصلون معنا في المؤتمرات ، بعض التغييرات في السمات ذات الصلة ، على سبيل المثال ، في حيداتنا. الآن يتم تصويرهم في كثير من الأحيان في وضع مستقيم ، ومعظمهم يرتدون قمصان زرقاء ، وقد ارتفع عددهم.

الآن دعنا نعود إلى السؤال - لماذا احتجنا أبدًا لتجربة الأشكال الهندسية ، إذا كان في يونيكورن في المقالات وفي المؤتمرات هو رئيس المعرض؟ لماذا لا تستخدمه كرمز؟

نعم ، يربط يونيكورن الآن بقوة PVS-Studio ، لذلك قبل إجراء التجارب على الأيقونة الجديدة ، فحصنا ، كيف سيبدو أيقونة.

تستطيع أن ترى بعض الأمثلة أدناه.

نافذة المثبت:



جزء من قائمة السياق ، تسمى من Solution Explorer:



لا تبدو جميلة ، أليس كذلك؟ وأصغر كان الرمز ، وكانت أسوأ الأمور. في عملية هاكر ، على سبيل المثال ، بدا يونيكورن غير لائق على الإطلاق. بالمناسبة ، أطلقنا على هذا الرمز اسم "banana" لأنه في حجم 16 × 16 يستحيل التمييز بينه وبين الموز.

لذلك قررنا عدم تجربة رسم حيدات جديدة للأيقونات بشكل خاص ومحاولة تغيير الحرف الموجود (الحروف الخضراء "PVS"). في الواقع ، لقد جربنا بالفعل مع وحيد القرن كرمز ، قبل بضع سنوات. ثم طلبنا المهنية للقيام بذلك. لقد تم إلقاء نتيجة العمل ببساطة.

في البداية ، تقرر جعل الأيقونة أكثر بساطة (إزالة الأبعاد الثلاثة) وتغيير الألوان. قررنا استخدام اللون الأزرق كقاعدة أساسية: يتم رسم بعض العناصر على الموقع بهذا اللون ؛ ترتدي حيدات القميص الأزرق ، الذي يمكننا رؤيته على الموقع ، في المقالات والنشرات وفي قاعات المؤتمرات.

ووجهنا 3 الرموز للاختيار.



تم حذف المخطط الثاني من التصويت على الفور وتقسيم الأصوات بين الأول والأخير. بعد نزاع قصير ، رفضنا من الرمز الأول - كان الأمر بسيطًا جدًا.

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



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



أصبح القرار الرئيسي ، الذي أثر بشدة على العمل الإضافي ، وكذلك عكس النتيجة النهائية ، هو موقع الحرف "V" على النحو التالي:



بالنسبة للحرف "V" ، لم يكن لدينا المزيد من الأسئلة ، كانت مناسبة بشكل مثالي (على الرغم من أنها تبدو كعلامة). لا يزال لدينا بعض الأسئلة حول الحدود بين الأحرف "P" و "S" ، نظرًا لأن ذلك لم يبدو رائعًا ، فقد بدأ من "لا مكان" وذهب إلى "لا مكان". مقارنة بـ "V" ، التي بدأت خطوطها وانتهت في زوايا الشكل الذي بدا حزينًا.

بعد ذلك اقترح زميلي (مرحبًا ، Paull ) فكرة من هذا القبيل ، والتي حددت عملية تصميمنا الإضافية (وليس كلمة للكلمة اقتباس): "لماذا نحتاج إلى هذه الوظيفة الإضافية على مثلث؟ دعنا نرميها بعيدًا ، ثم يتم وضع الخط الحدودي بين الأخضر والأزرق بشكل طبيعي بنفس الطريقة مثل "V". لقد ضرب عين الثور!



لطيفة ، أضيق الحدود ، تم تعيين الحدود بالطريقة التي أردناها! واصلنا التجارب - بدا الأمر رائعًا. بالرضا عن النتيجة ، قررنا حتى استدعاء هذا النموذج الأولي كشيء خاص "نهاية العمر". عند المقارنة بالآخرين ، كان واضحًا على الفور ، أيهم كان المفضل هناك. حسنا ، لقد حصلت عليه ، مقارنة محايدة :)

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

وكان الزملاء مطالبة أخرى. يمكن التعرف على الأحرف "P" و "V" ، ولم يعد "S" مقروءًا. ربما يمكن أن يكون "مكتمل" ، لكن يجب أن يكون لديك خيال رائع للقيام بذلك.

لذلك ، انتقلنا من مثلث. بتصميم النماذج الأولية لحل المشكلة المشار إليها أعلاه ، غيرت Ekaterina ( Kate_Milovidova ) (نعم ، مرحبًا بك أيضًا :)) هندسة الشكل بشكل طفيف ، من خلال إضافة زاوية أخرى وتحويلها من مثلث إلى ... مثلث ممتد ومقطع؟ مهما بدا الأمر ، بدا الأمر متجددًا!

رسم الشكل الجديد:



هكذا بدا الأمر بتنسيق رقمي:



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



كما ترون ، الخط فاقم الأمر. الآن العنصر الرئيسي الذي برز عن البقية والذي ركز الانتباه على نفسه ، كان "السهم" المظلم.

ومع ذلك ، فإن فصل الأشكال عن ثلاثة مكونات مقسمة بوضوح حل المشكلة. بدا الإصدار النهائي تقريبًا كما يلي:



لقد سررت بالنتيجة. وكذلك كان الزملاء. الآن يمكنهم رؤية الحروف "PVS" بشكل أكثر وضوحًا (كيف على الأرض تفعل ذلك؟!).

كان رد فعل Evgeniy ( EvgeniyRyzhkov ) ، الرئيس التنفيذي لدينا (مرحبًا بك أيضًا :)) ، في البداية على النحو التالي: "رائع ، ولكن أين" PVS "هنا؟" مدهش ، ولكن بعد فترة ، بدأ أيضًا في رؤية الرسائل ...

مزيد من التحسينات المتعلقة بتعديل صغير للألوان وتسوية التباعد بين العناصر - لا ينبغي أن تبدو كبيرة للغاية عندما يتم عرض الصورة على نطاق واسع ، لكن لا ينبغي أن يكون الخط قد ظهر كخط شريط مرئي بالكاد على الصور الصغيرة ، على سبيل المثال ، بحجم 16x16.

في النهاية ، اخترنا البديل التالي ، الذي أصبح نهائيًا.



إذا كنت تستخدم الإصدار 7.0 من برنامج PVS-Studio ، فربما تكون قد شاهدت هذا الرمز بالفعل ، ولكن في حالة ، إليك بعض الأمثلة عن كيفية ظهوره في أماكن مختلفة.

نافذة المثبت:



جزء من قائمة السياق ، تسمى من Solution Explorer:



انظر إلى نافذة تقدم التحليل عند تبديل النوافذ المفتوحة:



مثال عن كيفية عرض الأيقونة الجديدة عند البحث:



أود تقديم طريقة قصيرة من الأيقونة القديمة إلى الجديدة أدناه:



حسنًا ، لقد نجحت جيدًا ، ما رأيك؟ بالمناسبة ، لا يسعني إلا أن أتساءل ، هل ترى "PVS" في الأيقونة الجديدة؟

الخاتمة


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

بالنسبة لأولئك المهتمين بمثل هذه القصص ، أوصي أيضًا بقراءة هذه المقالة (في حالة فقدانها ) " مشروع PVS-Studio - عشر سنوات من الإخفاقات والنجاحات ". ومع ذلك ، لقد تغير الكثير منذ ذلك الحين (على الأقل ، انتقلنا إلى المكتب الجديد) ، لذلك لدينا بالتأكيد شيء لنخبره ...

Source: https://habr.com/ru/post/ar441044/


All Articles