সিনট্যাক্স-হাইলাইট করা রঙের স্কিম স্টাডি


39

সিন্ট্যাক্স-হাইলাইট করার জন্য রঙিন স্কিমগুলির জন্য বেশিরভাগ প্রোগ্রামারদের নিজস্ব ব্যক্তিগত পছন্দ রয়েছে তবে আমি ভাবছিলাম, সেরা রঙের স্কিমটি কী হবে সে সম্পর্কে কেউ কি কখনও কোনও বৈজ্ঞানিক গবেষণা করেছেন? আমি ধারণা করি যে এই ধরনের অধ্যয়নটি কোডের পঠনযোগ্যতার মতো বিষয়গুলিতে নজর রাখবে, প্রোগ্রামারের চোখ সর্বাধিক গুরুত্বপূর্ণ অংশগুলিতে আঁকা কিনা etc.

সম্ভবত এটি ইতিমধ্যে ডিফল্ট ভিজ্যুয়াল স্টুডিও থিমের মতো কোনও কিছুর জন্য করা হয়েছিল, তবে আমি জানতে চাই যে সেখানে কোনও সার্বজনীনভাবে উপলব্ধ স্টাডি রয়েছে এবং তারা কী খুঁজে পেয়েছে।


আমি মনে করি না যে কেউ বিশেষভাবে সিনট্যাক্স রঙিন স্কিমগুলি অধ্যয়ন করেছে, তবে অন্যান্য ক্ষেত্রের নীতিগুলি এখনও বহন করে। উদাহরণস্বরূপ, রঙ লাল দৃষ্টি আকর্ষণ করতে ঝোঁক।
ম্যাক্সপাম

+1 আমি অ্যাপ্লিকেশনগুলির একই বা রঙীন স্কিমগুলি ওএসকে আসলে ভাবছিলাম।
6:20

উত্তর:


17

নির্দিষ্ট রঙের স্কিমগুলি অন্যান্য সমস্ত রঙের স্কিমের চেয়ে উদ্দেশ্যমূলকভাবে ভাল হতে পারে না, তাদের র‌্যাঙ্কিং স্বাদ এবং সাংস্কৃতিক কারণের ভিত্তিতে স্বতন্ত্রভাবে ব্যক্তিগত হবে।

তবে পাঠযোগ্যতা / স্পষ্টতা, নির্দিষ্ট পরিবেষ্টিত আলোক পরিবেশ ইত্যাদির জন্য নির্দিষ্ট কিছু বিধি ... প্রযোজ্য, এগুলি গ্রাফিক ডিজাইন / টাইপোগ্রাফি, মানব কম্পিউটার ইন্টারফেস এবং অন্যান্য সম্পর্কিত স্টাডি থেকে বহন করবে।

ইথান শুনোভারের সোলারাইজড প্রকল্পটি কাজের একটি আকর্ষণীয় অংশ: http://ethanschoonover.com/solariised


উদ্দেশ্যমূলকভাবে সেরা রঙিন স্কিম, বা কমপক্ষে গ্রুপ-বিষয়গত হওয়া সম্ভব। যখন আমরা "সেরা" বলি তখন আমাদের অর্থ গড় জনসংখ্যার বা আমাদের উপ-সংস্কৃতি / জনসংখ্যার জন্য। আমাদের কেবলমাত্র আইটেমগুলি অর্ডার করার এবং স্পষ্টির উত্তর দেওয়ার কিছু উপায় রয়েছে ('এক্সটি সর্বোত্তমভাবে ওয়াই দেওয়া হয়েছে')। অন্যথায় "সেরা" অর্থ হারায়। সেরা রঙ-পরিকল্পনার জেনারেটরগুলির আসল সম্ভাবনাও রয়েছে, যা আপনার মস্তিষ্ক (ভবিষ্যতের দশকগুলি) স্ক্যান করে প্রতিটি স্বতন্ত্র তাত্পর্যকে বিবেচনা করে।
আনান

@ অন্নান: গড় হিসাবে এটি একটি গোষ্ঠী জুড়ে করা যদিও এমন একটি অভিজ্ঞতার দিকে পরিচালিত করে যা দৃly়তার ভিত্তিতে মানুষের জন্য বর্ণালীটির প্রান্তের দিকে কেবল মধ্যযুগের চেয়ে স্থিরভাবে বিশ্ব OR মস্তিষ্কের স্ক্যানিং ... হ্যাঁ এটি দুর্দান্ত হবে তবে আমি আগেই ডব্লুডব্লু 3 এর আগে হওয়ার সম্ভাবনা দিয়েছিলাম।
ড্যারেন রিঞ্জার 13

7

তারা কেবলমাত্র সামান্য সাম্প্রতিক গবেষণা যা আমার জানা বিষয়গুলির সাথে দূরবর্তীভাবে সম্পর্কিত, এটি হল হল এবং হানার দ্বারা "পাঠযোগ্যতা, ধারণ, নন্দনতত্ব এবং আচরণগত অভিপ্রায়" ওয়েব পৃষ্ঠার পাঠ্য-পটভূমির রঙ সংমিশ্রণের প্রভাব " । তবে এটি কোডের জন্য নয় ওয়েব পৃষ্ঠাগুলি এবং একমাত্র রঙিক স্কিম যা তারা বিবেচনা করে তা হল অগ্রভূমি এবং পটভূমির রঙ।

আমি স্কেপিক্স.এস.ই. তে প্রোগ্রামারদের জন্য সম্পর্কিত রঙিন স্কীম সম্পর্কিত গবেষণা সম্পর্কে প্রশ্ন জিজ্ঞাসা করেছি: "কম্পিউটার স্ক্রিনের জন্য হালকা অন- গা dark় রঙের স্কিমগুলি প্রোগ্রামারদের জন্য আরও ভাল?" । এখন প্রায় 2 বছরে এটির উত্তর দেওয়া হয়নি, যখন সাধারণত সেখানে এই ধরণের প্রশ্নের উত্তর খুব দ্রুত পাওয়া যায়। যা আমাকে বিশ্বাস করতে পরিচালিত করে যে এ জাতীয় বৈজ্ঞানিক গবেষণা নেই।


7

আমরা সম্প্রতি কোড উপস্থাপনাগুলিতে একটি ব্যবহারকারী অধ্যয়ন করেছি যা সিনট্যাক্স হাইলাইটিংয়ের চেয়ে দৃশ্যমান সমৃদ্ধ। যদিও এটি সিনট্যাক্স হাইলাইটিং স্কিমগুলির উপর সম্পূর্ণ অধ্যয়ন নয়, আপনি এটি অন্তর্দৃষ্টিপূর্ণ মনে করতে পারেন:

ডি আসেনভ এবং ও হিলিজেস এবং পি। মুলার - কোড বোঝার বিষয়ে রিচার ভিজুয়ালাইজেশনের প্রভাব এবং সিএইচআই 2016 এ 10 মিনিটের আলোচনার ভিডিও এখানে রয়েছে ।

আমরা ভিজ্যুয়াল অতিরিক্তগুলির সাথে কোডের আরও সমৃদ্ধ উপস্থাপনার সাথে স্ট্যান্ডার্ড এক্সিলিপ সিনট্যাক্সের তুলনা করেছি:

  • কোঁকড়া ধনুর্বন্ধনী পরিবর্তে রূপরেখা
  • তালিকার উপাদানগুলি পৃথক করার জন্য কমা পরিবর্তে ব্যাকগ্রাউন্ডের রঙগুলি পরিবর্তন করা
  • কিছু কীওয়ার্ডের পরিবর্তে আইকনগুলি
  • কিছু বিবৃতি এবং প্রকাশের জন্য অতিরিক্ত পটভূমি রঙ colors

সমীক্ষায় দেখা গেছে যে উপস্থাপনার ভিজ্যুয়াল বৈচিত্র্য বাড়ানোর ফলে গতিতে তার পরিবর্তে বড় প্রভাব পড়েছিল যার সাহায্যে ডেভেলপাররা কোড কাঠামো বুঝতে পারে - সময়টি 75% পর্যন্ত হ্রাস পেয়েছিল। এটি লক্ষ করা গুরুত্বপূর্ণ যে এটি কোড কাঠামো সম্পর্কিত সাধারণ প্রশ্ন সম্পর্কে (যেমন "পদ্ধতিতে নেস্টেড লুপগুলি রয়েছে?")। আমরা জটিল কাজগুলির জন্য প্রয়োজনীয় কাজগুলির পরীক্ষা করি নি (উদাহরণস্বরূপ "এই পদ্ধতিটি কী করে?"), কারণ কোড উপস্থাপনার প্রভাবগুলির চেয়ে ব্যক্তির দক্ষতায় এগুলি প্রাধান্য পায়।

আমাদের গবেষণা থেকে একটি উত্সাহব্যঞ্জক গবেষনার যে আমরা করেনি না ধনী দৃশ্য কারণে কোনো চাক্ষুষ জমিদার পালন। যদিও অনেক অংশগ্রহনকারী বলেছেন যে তারা কিছু ভিজ্যুয়াল ওভারলোড বা বিভ্রান্তি অনুভব করেছে, আমরা যে তথ্য সংগ্রহ করেছি (উত্তর দেওয়ার সময় এবং এটি সঠিক কিনা) কেবল সমৃদ্ধ ভিজ্যুয়ালাইজেশনের মাধ্যমে উন্নতি দেখিয়েছে।

সিনট্যাক্স হাইলাইটিংয়ের ক্ষেত্রে, আমাদের অনুসন্ধানগুলি পরোক্ষভাবে পরামর্শ দেয় যে আরও ভিজ্যুয়াল বৈচিত্র (যেমন আরও বেশি রঙ এবং আরও ধরণের প্রোগ্রামিং কনস্ট্রাক্টের জন্য রঙ) ব্যবহার করা উপকারী হবে। যেমন অন্তর্নির্মিত ধরণের, নিয়ন্ত্রণ-প্রবাহের কীওয়ার্ড এবং কীওয়ার্ডের বাকী কীওয়ার্ডগুলির জন্য পৃথক রঙের একটি থিম কিছু ক্ষেত্রে কোড কাঠামোর বোঝার উন্নতি করতে পারে, একটি সাধারণ থিমের তুলনায় যা একক রঙ ব্যবহার করে সকলের জন্য কীওয়ার্ড।


2

আমি মনে করি না যে এই ধরনের অধ্যয়নের অস্তিত্ব আছে। অনুশীলনে, যখন কোনও সংস্থা একটি নতুন আইডিই তৈরি করে, সিন্ট্যাক্স হাইলাইটিং রঙের স্কিমটি অন্যান্য আইডিইগুলির বিদ্যমান স্কিমগুলির উপর ভিত্তি করে তৈরি হয়

উদাহরণস্বরূপ, ডিফল্ট ভিজ্যুয়াল স্টুডিও থিমের নতুন বা মূল কিছুই নেই । পুরানো অ্যাডা আইডিই সহ, বছরের পর বছর ধরে কীওয়ার্ডগুলির জন্য নীল রঙ ব্যবহার করা হত। সবুজ মন্তব্যের জন্য একই জিনিস। কিছু রঙ কমবেশি "নতুন" ছিল যেমন শ্রেণীর নামগুলির জন্য টিল, তবে আপনি সহজেই এই রঙগুলির চয়ন করার পিছনে কারণটি বুঝতে পারবেন: নীল থেকে দূরে নয় এমন একটি রঙ সেট করা যুক্তিসঙ্গত হবে (যেহেতু সেগুলি সুরক্ষিত শব্দের মতো প্রায়: Int32নেট।, intসি # এর জন্য) ইত্যাদি।

এখন, অন্ধকার পটভূমিতে জনপ্রিয় হালকা পাঠ্যের মতো বিকল্প প্রকল্পগুলি কী? এগুলি কোনও বিজ্ঞানী দ্বারা তৈরি করা হয়নি যিনি বছরের পর বছর ধরে এই বিষয়টি অধ্যয়ন করেছিলেন এবং সঠিক নিখুঁত ম্যাচটি পেতে কিছু জটিল ক্যালকুলাস তৈরি করেছিলেন। পরিবর্তে, একজন বিকাশকারী একটি স্কিম তৈরি করে যা তার জন্য পঠনযোগ্য। তিনি এটি একটি ওয়েবসাইটে শেয়ার করেন এবং এটি জনপ্রিয় হয় । এটাই সব ম্যাজিক।

শেষ কথা: পাঠযোগ্যতার বিধি আছে কি? খুব বেশি না.

  • বেশিরভাগ অংশে, এটি বিষয়গত কিছু : আপনি নীল কিওয়ার্ডটি বেগুনি কীওয়ার্ডের চেয়ে বেশি পঠনযোগ্য এমন যুক্তি দিতে পারবেন না, কারণ তার মনিটরে কেউ তার চেয়ে উত্তর দিতে সক্ষম হবে, বেগুনি কীওয়ার্ডটি নীল বর্ণের চেয়ে অনেক বেশি পঠনযোগ্য ।

  • অন্য অংশের জন্য, এটি কেবল যৌক্তিক । একটি কালো-সাদা স্কিম ডিফল্ট হিসাবে পড়ার মতো হবে না। একই পদ্ধতিতে, আপনি কীওয়ার্ডগুলি হালকা হলুদ হতে এবং #eeeসাদা পটভূমিতে হালকা ধূসর (কমেন্ট ) বলার জন্য মন্তব্যগুলি সেট করতে পারবেন না কারণ এটি অপঠনযোগ্য এবং কেন এটি আপনাকে ব্যাখ্যা করতে হবে না। ওয়েবসাইট তৈরি করার সময় বা কোনও বই প্রিন্ট করার সময় বা যা কিছু এই নিয়মগুলি।


1

এক ধরণের রুক্ষ অধ্যয়ন হিসাবে, নীচের স্ক্রিনশটগুলি এক্সএসএলটি হাইলাইট সিনট্যাক্সে ব্যবহৃত 3 টি রঙিন থিম দেখায়। আমি এক্সএসএলটি বেছে নিয়েছি কারণ এটি বিপুল সংখ্যক ভাষার উপাদানগুলির কারণে একটি বিশেষ চ্যালেঞ্জ তৈরি করে - এবং কারণ অনেক বিকাশকারী এটি কুরুচিপূর্ণ হিসাবে বর্ণনা করে।

Solarized

এখানে চিত্র বর্ণনা লিখুন

টমমরো নাইট

এখানে চিত্র বর্ণনা লিখুন

GitHub

এখানে চিত্র বর্ণনা লিখুন

পর্যবেক্ষণ

নমুনায় ব্যবহৃত রঙের সংখ্যা বিভিন্ন ভাষার উপাদানগুলিকে আলাদা করতে সহায়তা করে তবে এটি কোনও বিকাশকারীকে বিভ্রান্তিকর প্রমাণ করতে পারে।

এটি ভাষার আরও নিরপেক্ষ অংশগুলির জন্য ঠান্ডা রঙ ব্যবহার করে, সম্ভব হলে ঠান্ডা থেকে উষ্ণ বর্ণগুলিতে অগ্রগতি করতে সহায়তা করে। একটি বিকল্প হ'ল পেস্টেল শেডগুলি থেকে আরও সুস্পষ্ট আকারে স্থানান্তরিত করা (হিউ স্যাচুরেশন)।

পটভূমির রঙ অগ্রভাগের রঙগুলির উপলব্ধিতে বিশাল পার্থক্য করে।

কিছু সংলগ্ন অগ্রভাগের রঙগুলি খারাপ সংঘর্ষের কারণ হতে পারে যা চোখকে বিঘ্নিত করে, বিশেষত লাল এবং সবুজ এক সাথে ভালভাবে যায় না বলে মনে হয়।

একটি অন্ধকার ব্যাকগ্রাউন্ডের সাথে একে অপরের এবং পটভূমির সাথে পর্যাপ্ত বৈপরীত্য সহ বিস্তীর্ণ অগ্রভাগের রঙ সরবরাহ করা সহজ।

শেষ অবধি, পরিবেষ্টনের আলো এবং মনিটরের গুণমান এবং ক্রমাঙ্কনের মতো বাহ্যিক উপাদানগুলি একটি বিশাল পার্থক্য করে।

উপসংহার

রঙিন থিমগুলি সেট করার একটি বাহ্যযোগ্য উপায় সরবরাহকারী সরঞ্জামগুলি ব্যবহার করা সবচেয়ে ভাল কারণ কোনও একক রঙের থিম সমস্ত বিকাশকারীদের প্রয়োজনীয়তা পূরণ করবে এমন সম্ভাবনা খুব কম এবং এমনকি একই বিকাশকারী বিভিন্ন কারণের উপর নির্ভর করে প্রায়শই তাদের পছন্দ পরিবর্তন করতে পারে।


0

ঠিক আছে, আমি অনুমান করি প্রথম প্রশ্নটি সাদা পটভূমি এমন দুর্দান্ত ধারণা কিনা তা নয়। কেবল কারণ এটি আসল কাগজের নিকটে আসে এবং আমরা আজকাল ইন্টারনেটে যে কোনও জায়গায় সন্ধান করতে পারি এটি অগত্যা এটি একটি ভাল (বা আমি নিখুঁত বলতে পারি) পছন্দ করে না।

আমার মনে আছে (বহু) বহু বছর আগে আমাদের কেবল হলুদ-অন-কালো "রঙের স্কিম" ছিল। এবং আমি এটাও মনে করি যে এটি খারাপ ছিল না। এটি কালো এবং সাদা হিসাবে বিপরীতে নেই। খুব বেশি দিন আগে আমি শিখেছি এটি মানুষের চোখের চেয়েও ভাল।

কখনও কখনও আমি সত্যিই আশ্চর্য করি যে রঙিন স্কিমগুলি কে ডিজাইন করে, যেমন অপারেটিং সিস্টেমের সাথে চালিত হয়। আমি সাধারণত এগুলি উপেক্ষা করি তবে আমি মনে করি গোলাপী এবং সবুজ এবং হোয়াট নোটের দারুণ মিশ্রণগুলি দেখেছি। ঠিক আছে, আমি ড্রাগ না ...

রঙগুলি আপনার অবচেতনতায় কী করে সে সম্পর্কে কিছু স্টাডি রয়েছে (শান্ত হোন, আগ্রাসনের কারণ হোন ...)। আমি ভাবছি যে সাধারণত ব্যবহৃত রঙীন স্কিমগুলি এর উপর ভিত্তি করে কিছুটা। সম্ভবত তারা কেবল পাঠযোগ্যতা যুক্ত করেছে। কোডিং কোনও আত্মঘাতী মিশন হওয়া উচিত নয়।

তবে যতক্ষণ না বর্তমান আইডিইগুলির রঙীন স্কিম সম্পর্কিত, আমি এটির সাথে ঠিক আছি। আসুন এটির মুখোমুখি হোন: এর পিছনে থাকা সহজ ধারণাটি হ'ল সাধারণ "কোড শোরগোল" থেকে আলাদা কিছু খুঁজে পাওয়া সহজ করে তোলে। এবং সত্য কথা বলতে কি আমি সেগুলিকে অনুমতি দেওয়ার জন্য কোন রঙগুলি ব্যবহার করে তা সত্যিই আমি চিন্তা করি না। এটি কেবল আমার চোখকে আঘাত করতে বা কোডের কিছু অংশ আমার মাথার পিছনে পোড়াতে হবে না, সবুজ রঙের কিছু সুরে এক চমকপ্রদ লাল রঙের মতো।

কোডিং শিথিল হওয়া উচিত। আর এটাই আমার কাছে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.