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



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

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

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

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

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

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

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

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

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



جزء من قائمة السياق تم استدعاؤها من Solution Explorer:



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

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

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

تم رسم 3 رموز ، والتي كان علي الاختيار منها.



تم إسقاط النسخة الثانية من التصويت فورًا ، ولكن تم تقسيم الأصوات بين الأول والثالث. بعد نقاش قصير ، تم التخلي عن الأيقونة الأولى - كانت بسيطة للغاية.

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



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



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



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

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



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

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

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

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

رسم لشخصية جديدة:



وهكذا بدا بعد نقله إلى تنسيق رقمي:



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



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

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



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

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

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

نتيجة لذلك ، استقرنا على الخيار التالي ، الذي أصبح الخيار الأخير.



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

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



جزء من قائمة السياق تم استدعاؤها من Solution Explorer:



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



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



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



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

الخاتمة


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

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



إذا كنت ترغب في مشاركة هذه المقالة مع جمهور يتحدث الإنجليزية ، فالرجاء استخدام الرابط الخاص بترجمة: Sergey Vasiliev. قصة كيف قمنا بتغيير أيقونة PVS-Studio

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


All Articles