กราฟิกไอคอนของเครื่องมือ PuTTY

 (chiark.greenend.org.uk)
1 คะแนน โดย GN⁺ 2025-03-14 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • ไอคอนของ PuTTY ยังคงรักษาสไตล์แบบเก่าที่สร้างขึ้นในช่วงปลายทศวรรษ 1990 ถึงต้นทศวรรษ 2000 เอาไว้ และถูกเรนเดอร์ใหม่หลายครั้งให้สอดคล้องกับขนาดหน้าจอและความต้องการของแพลตฟอร์มที่เปลี่ยนไป
  • เวอร์ชันแรก ๆ เป็นภาพขนาด 32×32 ที่วาดทีละพิกเซลในตัวแก้ไขไอคอนของ MSVC และสะท้อนข้อจำกัดในยุคนั้น เช่น พาเลต 16 สีที่ Windows แนะนำ และไอคอนขาวดำ
  • องค์ประกอบอย่างคอมพิวเตอร์สองเครื่อง สายฟ้า เอกสาร หมวก กุญแจ และประแจ ถูกใช้เพื่อแยกบทบาทของแต่ละเครื่องมือ ขณะเดียวกันก็ทำให้ยังดูเป็นตระกูลผลิตภัณฑ์ PuTTY
  • ราวปี 2007 เมื่อ Windows แสดงไอคอน 48×48 แล้วคุณภาพของการขยายจาก 32×32 ดูแย่ลง จึงเริ่มสร้างเวอร์ชัน 48×48, 32×32, 16×16 และขาวดำด้วยสคริปต์อัตโนมัติ
  • หลังจากนั้นมีการทำสคริปต์สร้าง SVG เพื่อชดเชยข้อจำกัดของสคริปต์บิตแมปในขนาดใหญ่ แต่สำหรับไอคอนขนาดเล็ก สคริปต์เดิมยังให้ผลลัพธ์ที่ดีกว่า

จุดเริ่มต้นของไอคอน PuTTY

  • ในเดือนมีนาคม 2025 อีเมลที่ถามถึงที่มาและพัฒนาการของ “โลโก้” ซึ่งเป็นไอคอนของไฟล์ปฏิบัติการ PuTTY บน Windows กลายเป็นจุดเริ่มต้นของการสรุปเรื่องนี้
  • โครงหลักของดีไซน์ไอคอนปัจจุบันถูกสร้างขึ้นในช่วงปลายทศวรรษ 1990 และต้นทศวรรษ 2000 และหลังจากนั้นก็ยังคงอยู่โดยแทบไม่มีการเปลี่ยนสไตล์ครั้งใหญ่
  • เมื่อเวลาผ่านไป ไอคอนต้องถูกเรนเดอร์ใหม่ภายใต้ข้อจำกัดหลายอย่าง จึงเป็นทั้งปัญหาด้านกราฟิกดีไซน์และปัญหาทางเทคนิคไปพร้อมกัน

ยุคที่ลงพิกเซลด้วยมือ

  • ในช่วงแรกยังไม่ได้คาดว่าจะต้องใช้ไอคอนหลายขนาด จึงวาดกันโดยตรงในตัวแก้ไขไอคอนของ MSVCโดยไม่มีระบบอัตโนมัติ
  • โปรแกรม Windows GUI หากไม่มีไอคอนจะจำแนกได้ยาก จึงจำเป็นต้องมีไอคอนเฉพาะตั้งแต่ช่วงต้นของ PuTTY

  • ตัว PuTTY เอง

    • ไอคอน PuTTY ที่เก่าที่สุดที่ยังเหลืออยู่คือเวอร์ชันที่ใช้ในต้นปี 1999 ส่วนประวัติการจัดการซอร์สไปจนถึงช่วงเริ่มโครงการในฤดูร้อนปี 1996 ไม่ได้หลงเหลืออยู่
    • ไอคอนมีขนาด32×32 พิกเซล และใช้พาเลตจำกัดที่ประกอบด้วยสีหลักและโทนเทา
    • ในช่วงกลางทศวรรษ 1990 จอที่ไม่ใช่ truecolour ยังพบได้ทั่วไป และ Windows แนะนำให้ไอคอนใช้พาเลต 16 สีแบบคงที่
    • แนวคิดคือให้ไอคอนทั้ง GUI ใช้ 16 รายการในพาเลตเดียวกันซ้ำ เพื่อใช้ทรัพยากรสีของหน้าจอน้อยลง
    • มีเวอร์ชันขาวดำให้ด้วยตามคำแนะนำในยุคนั้น
    • แม้จะจำไม่ได้ว่าเคยเห็นมันบนจอขาวดำจริง ๆ หลัง Win95 แต่ก็น่าจะเกี่ยวข้องกับ Win32s ซึ่งช่วยให้ Windows 3.1 สามารถลองรันโปรแกรม 32 บิตได้
    • ดีไซน์เป็นคอมพิวเตอร์สองเครื่องในรูปแบบจอ CRT และกล่องเครื่องที่พบได้ทั่วไปในทศวรรษ 1990 เชื่อมกันด้วยสายฟ้า
    • สายฟ้าสื่อถึงการสื่อสารทางไฟฟ้า
    • เหตุผลที่ใช้สายฟ้าสีเหลืองและหน้าจอสีน้ำเงินไม่ได้มีบันทึกไว้อย่างชัดเจน
    • หน้าจอสีน้ำเงินไม่ได้หมายถึง Windows Blue Screen of Death และในการใช้งาน PuTTY ทั่วไปก็มักมีเพียงฝั่งเดียวที่เป็น Windows และไม่มีฝั่งใดล่ม

  • PSCP และ PSFTP

    • ในปี 1999 มีผู้ร่วมพัฒนาส่ง implementation ของ SCP เข้ามา ทำให้เกิดPSCPขึ้น และมีการวาดไอคอนแยกต่างหากด้วย
    • PSCP ใช้งานไม่ได้หากไม่มีอาร์กิวเมนต์บรรทัดคำสั่ง จึงแทบไม่มีความจำเป็นเชิงปฏิบัติที่จะรันจาก GUI หรือใช้ระบุใน Start Menu
    • ไอคอนของ PSCP เปลี่ยนคอมพิวเตอร์ด้านหนึ่งในไอคอน PuTTY ให้เป็นเอกสาร และเชื่อมเอกสารกับคอมพิวเตอร์อีกเครื่องด้วยสายฟ้า
    • ต่อมาเครื่องมือรับส่งไฟล์อย่างPSFTPก็ใช้ไอคอนเดียวกันนี้ต่อ
    • PSFTP แม้จะรันโดยไม่มีอาร์กิวเมนต์บรรทัดคำสั่ง ก็ยังใส่ปลายทางการเชื่อมต่อได้ผ่านพรอมป์ตแบบโต้ตอบ จึงใช้ไอคอนนี้ได้อย่างมีประโยชน์มากกว่า PSCP
    • การที่สองเครื่องมือใช้ไอคอนเดียวกันทำให้ต้องระวังเวลาแยกดูใน Explorer แต่ก็ไม่พบวิธีง่าย ๆ ที่จะแสดงความต่างทางภาพ

  • Pageant

    • Pageantเป็น SSH agent โดยในตอนแรกตั้งใจจะวาดหน้าเจ้าหน้าที่ลับเป็นไอคอน
    • แม้การวาดใบหน้าจะไม่สำเร็จ แต่หมวกปีกกว้างที่วาดได้อย่างน่าพอใจก็ถูกเก็บไว้ในรูปของหมวกที่วางอยู่บนคอมพิวเตอร์แบบ PuTTY
    • การใช้ดีไซน์คอมพิวเตอร์เดิมซ้ำทำให้เข้ากับตระกูลผลิตภัณฑ์ทางภาพ และยังเหมาะกับแนวคิดที่ว่า agent ของ Pageant ไม่ใช่มนุษย์ แต่เป็น agent แบบคอมพิวเตอร์
    • ไอคอนยุคแรกของ Pageant ไม่มีเวอร์ชันขาวดำ แต่ต้องมีไอคอนเล็ก 16×16สำหรับ System Tray
    • เมื่อ Windows ย่อไอคอน 32×32 ลงมา คุณภาพไม่ดีนัก จึงมีการทำ anti-aliasing ของแถบหมวกและเส้นขอบจอภาพด้วยมือในขนาดเล็ก
    • เส้นขอบด้านนอกยังคงใช้สีดำเพื่อให้แยกจากพื้นหลังได้ชัดเจน

  • PuTTYgen

    • ไอคอนของPuTTYgenเป็นการผสมระหว่างคอมพิวเตอร์ สายฟ้า และกุญแจ
    • กุญแจเป็นมุกภาพแบบเบา ๆ ที่สื่อว่าเป็นเครื่องมือสำหรับสร้างและจัดการกุญแจเข้ารหัส
    • PuTTYgen ไม่ได้สื่อสารผ่านเครือข่ายจริง ๆ ดังนั้นสายฟ้าจึงไม่ตรงกับหน้าที่นัก แต่ถูกใส่ไว้เพื่อให้เกิดความสอดคล้องทางภาพว่าเป็นเครื่องมือในตระกูล PuTTY
    • ต่างจาก PSCP ตรงที่ทิศทางการจัดวางคอมพิวเตอร์กับวัตถุสลับกัน ทำให้แยกสองไอคอนนี้ได้ง่ายขึ้น

  • กล่องโต้ตอบการตั้งค่า

    • รายการ taskbar ของกล่องโต้ตอบการตั้งค่า PuTTY ใช้ไอคอนหน้าต่างมาตรฐานของ Windows ซึ่งดูไม่สวยงามนัก
    • แทนที่จะนำไอคอนหลักมาใช้ซ้ำตรง ๆ จึงวาดไอคอนที่ซ้อนประแจขนาดใหญ่เข้าไปเพื่อสื่อถึงการตั้งค่าและการปรับแก้
    • ไอคอนนี้มีเวอร์ชันขาวดำกลับมาอีกครั้ง ซึ่งอาจเป็นเพราะแก้ต่อจากไอคอนเดิมที่มีเวอร์ชันขาวดำอยู่แล้ว

ไอคอนที่วาดใหม่ด้วยสคริปต์

  • ราวปี 2007 เริ่มมีเสียงบ่นว่าไอคอน 32×32 ดูไม่สวย
  • เมื่อจอใหญ่ขึ้นและ Windows ใช้การแสดงผลไอคอน 48×48เป็นค่าปริยาย ไอคอนแอปที่มีแค่ 32×32 ก็ถูกขยายให้ใหญ่ขึ้น
  • เนื่องจาก 48 ไม่ใช่พหุคูณของ 32 Windows จึงขยายไอคอนแบบไม่สม่ำเสมอ และผลลัพธ์ยิ่งดูแย่ลง
  • แทนที่จะวาดชุดไอคอนใหม่ทั้งหมดด้วยมือ จึงเขียนสคริปต์สร้างที่วาดองค์ประกอบแต่ละชิ้นของไอคอนด้วยโปรแกรม
  • สคริปต์นี้สร้างไอคอน 48×48, 32×32, 16×16 ให้กับทุกเครื่องมือโดยอัตโนมัติ
    • ความไม่สอดคล้องที่บางไอคอนมีเฉพาะเวอร์ชันเล็กหรือเวอร์ชันขาวดำก็หายไป
    • ทุกไอคอนมีครบทุกเวอร์ชัน
  • ส่วนที่ยากที่สุดคือไอคอน 16×16
    • ต้องถ่ายทอดการตัดสินใจเรื่อง anti-aliasing ที่เคยทำด้วยมือใน Pageant ให้ออกมาเป็นโค้ด
    • และต้องใช้แนวทางเดียวกันกับองค์ประกอบกราฟิกทุกชนิด
  • ผลลัพธ์จากสคริปต์ไม่ได้เหมือนภาพวาดมือดั้งเดิมทุกพิกเซล
    • ไอคอน PuTTY ออกมาใกล้เคียงมาก ต่างกันเพียงไม่กี่พิกเซล
    • ไอคอน Pageant ต่างออกไปมากกว่า ทั้งในเรื่อง anti-aliasing ของแถบหมวกและขนาดของคอมพิวเตอร์
  • สคริปต์ยังถูกทำให้สร้างไอคอนขาวดำได้ด้วย
    • ในปี 2007 ก็น่าจะยิ่งพบการใช้ Windows บนจอขาวดำได้น้อยมากแล้ว
    • แต่ด้วยระบบอัตโนมัติ จึงสามารถสร้างไอคอนขาวดำขนาด 48 พิกเซลได้ด้วย

pterm และไอคอน X11

  • ในปี 2002 โค้ดของ PuTTY ส่วนสำคัญถูกพอร์ตไปยัง Linux และเกิดทั้ง GUI PuTTY สำหรับ Linux และ X11 terminal emulator อย่างpterm
  • โปรแกรม X11 สามารถตั้งค่า icon bitmap ไว้ในคุณสมบัติของหน้าต่างได้
    • ตัวจัดการหน้าต่างสามารถนำไปใช้เป็นไอคอนตอนย่อหน้าต่าง รายการ taskbar หรือไอคอนบนกรอบหน้าต่างได้
  • ในปี 2002 เข้าใจกันว่า GTK 1 ไม่รองรับการตั้งค่าไอคอนหน้าต่าง และการต้องเตรียมไฟล์บิตแมปหลายฟอร์แมตก็ยุ่งยาก จึงไม่ได้ทำไอคอนขึ้นมา
  • หลังจากมีสคริปต์สร้างแล้ว การส่งออกหลายฟอร์แมตไฟล์ก็ทำได้ง่ายขึ้น และยังพบว่า GTK 1 ก็สามารถตั้งค่าคุณสมบัติไอคอนได้เช่นกัน
  • ไอคอนของ pterm เป็นภาพคอมพิวเตอร์เครื่องเดียวขนาดใหญ่โดยไม่มีสายฟ้า เพราะไม่ได้สื่อสารผ่านเครือข่าย
  • กล่องโต้ตอบการตั้งค่าของ pterm ใช้โอเวอร์เลย์ประแจซ้ำเหมือนไอคอนการตั้งค่าของ PuTTY
  • ในปี 2021 เริ่มสามารถสร้าง pterm ที่ทำงานบน Windows ได้ และไอคอนนี้ก็ถูกนำมาใช้กับ pterm บน Windows ด้วย

ไอคอนตัวติดตั้งและการจัดการสี

  • สคริปต์สร้างสามารถส่งออกไอคอน true colour ได้แล้ว จึงไม่ต้องยึดติดกับพาเลต 16 สีเดิม
  • ไอคอนตัวติดตั้งของ PuTTY มีภาพกล่องกระดาษลูกฟูกที่เปิดอยู่ และมีสายฟ้าพุ่งออกมาหาคอมพิวเตอร์
    • ตั้งใจให้เป็นภาพว่า “PuTTY กระโดดออกจากกล่องมาสู่เครื่องของผู้ใช้”
  • กล่องกระดาษลูกฟูกต้องใช้สีน้ำตาล แต่สีน้ำตาลไม่มีอยู่ในพาเลตไอคอน 16 สีมาตรฐานของ Windows เดิม
  • ในไอคอน true-colour จึงสามารถใช้สีน้ำตาลจริงได้
  • ถึงอย่างนั้นก็ยังคงเก็บไอคอน 16 สีไว้เพื่อความเข้ากันได้ย้อนหลัง
    • ผสมสีแดงเข้ม #800000 กับดำ #000000, เหลืองเข้ม #808000 และเหลือง #ffff00 อย่างละ 50:50 เพื่อสร้างสามเฉดที่ใกล้เคียงสีน้ำตาล
    • ในแบบ true-colour ใช้สีเฉลี่ย ส่วนในเวอร์ชัน 16 สีใช้การสลับพิกเซลของสองสีในพาเลตเป็นhalftoneเพื่อแสดงผล

ชุดไอคอนที่สร้างใหม่ด้วย SVG

  • สคริปต์ไอคอนเดิมทำงานได้ดีที่ 32×32 และ 48×48 และการย่อเป็น 16×16 ก็ใช้ได้ แต่เมื่อขยายให้ใหญ่กว่านั้น คุณภาพจะไม่ดีนัก
  • ระหว่างความพยายามพอร์ตไป Mac ที่ไม่สำเร็จ มีความต้องการไอคอน 128×128สำหรับ MacOS dock และผลลัพธ์จากสคริปต์เดิมในขนาดนี้ไม่น่าพอใจ
  • แม้การพอร์ตไป Mac จะถูกละทิ้งไปในทางปฏิบัติ แต่ไอคอนที่ขยายได้เต็มรูปแบบก็ยังมีประโยชน์ในงานอื่น
    • สามารถใช้ในบริบทนอกเหนือจากไอคอน GUI ได้
    • เช่น ทำเสื้อยืดหรือสติกเกอร์ติดโน้ตบุ๊ก
  • สคริปต์สร้างไอคอนตัวที่สองจึงถูกทำขึ้นโดยเลียนแบบแนวคิดของสคริปต์เดิม แต่ส่งออกเป็นไฟล์ SVGแทนบิตแมป
  • เวอร์ชัน SVG ปัจจุบันประกอบด้วยไอคอน 8 แบบ ได้แก่ PuTTY, การตั้งค่า PuTTY, pterm, การตั้งค่า pterm, PSCP, Pageant, PuTTYgen และตัวติดตั้ง
  • สำหรับไอคอนขนาดเล็ก SVG ไม่รู้วิธีตัดสินใจเรื่อง anti-aliasing จึงเรนเดอร์ได้แย่กว่าสคริปต์เดิม
  • แต่สำหรับไอคอนขนาดใหญ่ โดยเฉพาะเมื่อจำเป็นต้องได้บิตแมป true colour ขนาดใหญ่ แนวทางที่แนะนำคือเรนเดอร์จาก SVG

เหตุผลที่ยังคงสไตล์เก่าไว้

  • สถานะปัจจุบันของชุดไอคอน PuTTY คือการคงสไตล์ยุค 1990 เอาไว้ พร้อมเพิ่มวิธีเรนเดอร์หลายแบบเข้าไป
  • แม้จะมีคนคัดค้านสไตล์ทั้งชุดแบบยุค 1990 และเสนอชุดดีไซน์ใหม่เข้ามา แต่ก็ยังไม่มีข้อเสนอใดที่ถูกใจมากพอจะรับมาใช้
  • สไตล์ยุค 1990 ถูกมองว่าเป็นองค์ประกอบที่ทำให้ PuTTY ดูเก่าแบบชวนอุ่นใจ
  • ความเป็นไปได้ที่จะมีการออกแบบใหม่ครั้งใหญ่ดูต่ำมาก และคาดว่าไอคอนปัจจุบันหรือสิ่งที่ใกล้เคียงจะยังคงอยู่ตลอดอายุของโครงการ

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-03-14
ความคิดเห็นจาก Hacker News

  • ผมชะงักไปนิดตรงประเด็นที่บอกว่าสายฟ้าเป็นสีเหลืองแล้วดูแปลก เพราะสำหรับผม สีเหลืองรู้สึกเหมือนเป็นสีที่ “แน่นอนอยู่แล้ว”
    ลองค้นรูปดูก็พบว่า สายฟ้าสีเหลือง เป็นสัญลักษณ์ที่ใช้แทนไฟฟ้าแพร่หลายที่สุด และยังชวนให้นึกถึงป้ายเตือนอันตรายมาตรฐานสีดำ-เหลืองด้วย
    ผมไม่รู้ว่าการสื่อแบบนี้มีประวัติยาวนานแค่ไหนและมีต้นกำเนิดจากที่ไหน แต่ดูเหมือนจะใช้กันอย่างแพร่หลายในคอมิกและการ์ตูนมาตั้งนานแล้ว

    • Simon Tathum เป็นคนอังกฤษ และผมจำไม่ได้ว่าเคยเห็นสายฟ้าสีฟ้าอมเขียวที่นี่
      ป้ายเตือนอันตรายถึงชีวิตจากไฟฟ้าช็อต ในอังกฤษก็เป็นสีดำบนพื้นเหลือง ไม่ใช่พื้นดำ: https://www.hse.gov.uk/electricity/nearelectric.htm#signs
      แต่ถ้าค้นรูปสายฟ้าดู ก็จะเห็นตัวเลือกอยู่ไม่น้อย เช่น สีฟ้าอมเขียวบนสีน้ำเงินแบบราชวงศ์ สีม่วง สีแดง
    • โดยเฉพาะอย่างยิ่ง ไอคอน WinAmp ในตอนนั้นก็เป็นสายฟ้าสีเหลือง และแทบทุกเครื่อง Windows PC ในยุค 90 ก็มีติดตั้งไว้
    • ตรงนี้ผมก็สะดุดเหมือนกัน ผู้เขียนยังตั้งคำถามด้วยว่าทำไมหน้าจอถึงเป็นสีน้ำเงิน
      น่าจะเป็นเพราะช่วงปลายยุค 90 การเลือกสีแบบนี้เป็นเรื่องธรรมชาติมาก และเป็นไปตาม ขนบการออกแบบของ Windows จนตอนนั้นคงไม่ได้คิดลึกอะไรกันนัก แต่ผู้เขียนอาจลืมไปแล้ว
    • เดาล้วน ๆ แต่สายฟ้าสีเหลืองของไอคอน PuTTY อาจเป็นสัญลักษณ์ที่ยืมมาจากป้ายเตือนความปลอดภัย จึงคงเป็นสีเหลืองต่อมา
      สีเหลืองเป็น สีที่มองเห็นเด่นชัด ซึ่งเป็นที่นิยมมานาน และบนตัวถังอุปกรณ์อุตสาหกรรมก็น่าจะดูเป็นภาพสัญลักษณ์ที่บอกอันตรายจากไฟฟ้าช็อตได้ชัดเจนโดยไม่ขึ้นกับภาษา
      สุดท้ายแล้วสายฟ้าสีเหลืองก็คงถูกคงไว้ด้วยแรงเฉื่อยทำนองว่า “ก็ทำกันมาแบบนี้ตลอด”
    • ช่วงนี้ผมก็คิดเรื่องนี้เหมือนกัน รถยนต์ไฟฟ้าหรือปลั๊กอินไฮบริดมักใช้ จุดเน้นสีฟ้าอมเขียว เพื่อสื่อว่าตัวเองเป็นรถไฟฟ้า แต่ถึงอย่างนั้น สีที่ให้ความรู้สึกเป็นไฟฟ้าก็ยังเป็นสีเหลืองอย่างเป็นธรรมชาติมากกว่า

  • หนึ่งในเหตุผลที่ PuTTY ดึงดูดใจก็คือตรงนี้แหละ แอปพลิเคชันที่ดูเหมือน PuTTY ให้ความรู้สึกอุ่นใจบางอย่าง
    ไม่รู้ว่าเป็นเพราะรูปลักษณ์เก่า ๆ ที่ไม่เปลี่ยนแปลงให้ ความรู้สึกมั่นคง หรือเพราะใช้ส่วนประกอบพื้นฐานของระบบปฏิบัติการเลยดูสอดคล้องกว่า
    ในทางกลับกัน แอปที่มีสุนทรียะแบบ “สมัยใหม่” ยิ่งมี Material Design, มุมโค้ง, เอฟเฟกต์เปลี่ยนผ่าน, คอนทราสต์ต่ำ และพื้นที่ว่างขนาดใหญ่ มากเท่าไร ก็ยิ่งทำให้ไม่ไว้ใจและกังขามากขึ้นเท่านั้น
    ผมไม่มีคุณสมบัติจะวิเคราะห์เชิงจิตวิทยา แต่การที่มีกลุ่มคนชอบดีไซน์แบบ PuTTY ก็คงบอกได้ว่าการตีความแบบนี้ไม่น่าจะหายากนัก

    • ซอฟต์แวร์ที่ใช้ องค์ประกอบกราฟิกพื้นฐานของ Win32 นั้นเร็วอย่างเหลือเชื่อจริง ๆ
      รูปลักษณ์แบบนั้นไม่ได้รับประกันว่าต้องเร็วเสมอไป มันอาจเสียเวลาไปที่อื่น หรือแค่เลียนแบบรูปลักษณ์นั้นอย่างประณีตก็ได้ แต่ก็มีโอกาสที่จะเป็นของจริงที่ตอบสนองทันทีเหมือน Notepad สมัยก่อน
      ผมคิดถึง Notepad แบบที่ “แค่โยนไฟล์ใส่ text control แล้วไม่สนใจเรื่อง \r หรือ \n อะไรทำนองนั้น” มันเป็นโปรแกรมที่ไม่ได้เสแสร้งเป็นอย่างอื่น และทำหน้าที่ของตัวเองอย่างตรงไปตรงมา
      เหมือนเคยเห็นคนทำ Notepad ขึ้นใหม่ด้วยแอสเซมบลีมาก่อน โค้ดกาวที่เชื่อมการเข้าถึงไฟล์เข้ากับ text control กินไปประมาณครึ่งหน้าจอ และอาจมีเมนู ctrl+h กับไดอะล็อกด้วย
      คล้ายกับโค้ดกาวที่ Python ชอบอวด แต่เป็นแอสเซมบลีล้วน ๆ และไม่มี dependency อื่นนอกจาก DLL สำหรับเข้าถึงไฟล์กับชุด standard control ขั้นต่ำ
    • คิดถึงยุคที่ใช้ ซอฟต์แวร์ Win32 มันเรียบง่าย วาดหน้าจอเร็ว สะอาดตา และมีความหนาแน่นของข้อมูลสูง
      ตอนนี้ทุกอย่างไม่ใช้วิดเจ็ต “Windows สมัยใหม่” ขนาดใหญ่ ก็แย่กว่านั้นคือใช้ Electron
    • PuTTY กับ Winamp เป็นซอฟต์แวร์ที่ผมใช้บน Windows มา เกิน 20 ปี แล้ว แต่ก็ยังให้ความรู้สึกเหมือนเดิม ไม่ได้รู้สึกล้าสมัยหรือเชย
    • หนึ่งในหลักการของ Material Design ดูเหมือนจะเป็นว่า สี่เหลี่ยมไม่ควรเปิดเผยตัวตนของมันจนกว่าจะถูกคลิก
      มันอาจเป็นปุ่มก็ได้ อาจเป็นกล่องข้อความก็ได้ หรืออาจเป็นแค่สี่เหลี่ยมก็ได้

  • ประโยคที่ว่า “ผมตระหนักว่าถ้ารอจนกว่าจะวาดไอคอนที่อยากได้ Pageant ก็คงไม่ได้ออกสู่สาธารณะเลย” โดนใจมาก
    โปรเจกต์หลายอย่างที่อยากลองทำมักหยุดอยู่กับ อุปสรรคที่สร้างขึ้นเอง แบบนี้
    สำหรับผม ตัวอย่างชัด ๆ คือไปติดอยู่กับการตั้งชื่อ repository หรือชื่อโฟลเดอร์ระดับบนสุด

    • ต้องมีเดดไลน์
      ในวัฒนธรรมแฮกเกอร์ การจัดการโปรเจกต์ มักถูกมองข้ามว่าเป็นเรื่องสิ้นเปลืองเสมอ แต่การหาวิธีทำให้โปรเจกต์เดินหน้าได้นั้นเป็นบทบาทที่มีคุณค่า
    • ส่วนตัวแล้ว หนึ่งในด้านที่ LLM ช่วยได้มากที่สุดคือการข้ามกำแพงเรื่องการตั้งชื่อ
      ผมเป็นคนที่ตั้งชื่อ repository, ตัวแปร, struct อะไรพวกนี้ได้แย่อย่างประหลาด
    • ผมลองวาดไอคอนแอปที่กำลังทำอยู่ แต่ เส้นโค้ง SVG ยากจริง ๆ
      สุดท้ายได้โลโก้ที่เรียบง่ายกว่าที่ตั้งใจไว้มาก แต่สมเหตุสมผลกว่า
    • ที่เรียกกันว่า bikeshedding นั่นแหละ

  • เขาบอกว่าจำไม่ได้ว่าทำไมถึงเลือกหน้าจอเป็นสีน้ำเงิน แต่ในไอคอนของ Win 3.x และ Win95 เวลาสื่อถึงหน้าจอ สีน้ำเงิน เป็นสีมาตรฐานอยู่แล้ว จึงดูเหมือนแค่ทำตามขนบนั้น

    • EDIT.COM และโปรแกรมติดตั้ง MS-DOS ก็ใช้พื้นหลังสีน้ำเงิน
      จริง ๆ แล้วสีน้ำเงิน หรือก็คือ สี CGA หมายเลข 1 เป็นสีพื้นหลังที่ได้รับความนิยมมากในเครื่องมือจำนวนมาก
      ใน Turbo Pascal, Turbo C และสิ่งทำนองนั้น ธีมสีที่พบบ่อยคือพื้นหลังสีน้ำเงินกับตัวอักษรสีขาว ส่วน Borland dBase ใช้พื้นหลังสีน้ำเงินและฟ้าอมเขียวผสมกันในหลายหน้าจอ
      เพราะสีที่ใช้ได้ในตอนนั้นมีจำกัด สีน้ำเงินจึงเป็นหนึ่งในไม่กี่สีพื้นหลังที่สบายตา
      ผมจำได้ว่า Windows 3.1, 95, 98 ฯลฯ ก็ใช้สีน้ำเงินเป็นสีหน้าจอในไอคอนที่แทนคอมพิวเตอร์
      ในไอคอนที่มีคอมพิวเตอร์สองเครื่องอย่าง “Network Neighborhood” หน้าจอหนึ่งเป็นสีน้ำเงิน อีกหน้าจอหนึ่งเป็นสีฟ้าอมเขียว
    • ในหน้านี้มีตัวอย่างไอคอนคอมพิวเตอร์หลายอันที่แทบเหมือนกับที่ PuTTY ใช้: http://toastytech.com/guis/win31.html
      ผมต้องซูมดูเพื่อเช็กว่าไม่ใช่ไอคอนเดียวกันหรือเปล่า
    • ผมว่าเวอร์ชันขาวดำก็สมเหตุสมผลเหมือนกัน เพราะตอนนั้นน่าจะยังมี คอมพิวเตอร์พกพาจอขาวดำ ใช้งานอยู่ไม่น้อย

  • ทำให้นึกถึงความหลัง ราวปี 2000 ผม fork PuTTY แล้วทำเวอร์ชันชื่อ “RedBrick PuTTy” ใส่ปุ่มสำหรับ SSH เข้า redbrick.dcu.ie ได้ในครั้งเดียว
    redbrick.dcu.ie เป็นเทอร์มินัลเซิร์ฟเวอร์ของ Dublin City University Networking Society และตอนนั้นจำไม่ได้แล้วว่าผมเป็นผู้ดูแลระบบหรือเว็บมาสเตอร์กันแน่
    แต่จำได้ว่าแก้โลโก้ด้วยมือแล้วใส่ อิฐสีแดง เข้าไป
    พอจะเห็นได้ในภาพนี้: https://wiki.redbrick.dcu.ie/images/b/b8/Putty_configuration...
    fork เล็ก ๆ โง่ ๆ นี้ทำให้อัตราการใช้ SSH แทน Telnet เพิ่มจากประมาณ 5% ไปเป็นแทบ 100%
    ขอบคุณ Simon ที่ใช้ไลเซนส์ซึ่งทำให้เรื่องแบบนี้เป็นไปได้

  • ประโยคที่ว่า “เขียนโค้ดที่วาดองค์ประกอบทุกอย่างของภาพไอคอนแต่ละอันด้วยวิธีเชิงโปรแกรม” เป็นตัวอย่างที่สะท้อนวิธีที่ Simon เข้าหาปัญหาได้ดีมาก
    ช่วงทศวรรษ 2000 ผมได้ใช้เวลากับ Simon ค่อนข้างมาก และได้เรียนรู้อะไรมากมายในสารพัดหัวข้อ วิธีแบบนี้รู้สึกเป็นตัวเขามากจริง ๆ

  • นึกถึงตอนนั้นที่การแสดงไอคอนเริ่มต้นบน Windows ไม่ใช่ 32×32 แต่กลายเป็น 48×48 และ MacOS ต้องการไอคอน 128×128 ใน Dock
    หนึ่งในเหตุผลที่ผิวเผินที่สุด แต่ก็ทรงพลังที่สุด ที่ทำให้ผมย้ายจาก Windows ไป Mac OS X ในยุคนั้น ก็คือ ไอคอน 128×128 นี่แหละ
    ไอคอนที่เป็นจุดเริ่มเข้าใช้งานแอปใน Finder หรือ Dock ดูน่าดึงดูดกว่า และสวยกว่าอย่างเป็นธรรมชาติ
    โดยเฉพาะไอคอนแอปบน Windows มักใช้สีน้อยกว่าแอปบน Mac
    แน่นอนว่าเหตุผลที่เปลี่ยนมีหลายอย่าง แต่ตอนเห็นเดสก์ท็อป Mac ครั้งแรก ไอคอนสร้างความประทับใจแรงพอที่จะทำให้ผมอยากดูให้ลึกขึ้น

    • ไม่รู้ว่า OS X ตอนนั้นเป็นอย่างไร แต่สิ่งหนึ่งที่น่าหงุดหงิดจริง ๆ ในแอปพลิเคชันบน Windows คือไอคอนส่วนใหญ่ดูแย่มาก
      ดูเหมือนแทบไม่มีใครใส่ใจทำไอคอนให้ดีเลย
      บางรายแม้ขนาดเริ่มต้นจะเปลี่ยนเป็น 48×48 แล้วก็ยังไม่อัปเดตไอคอน ทำให้เบลอจากการขยาย หรือบางรายใส่ทุกขนาดไว้ก็จริง แต่เป็นการย่อภาพที่ดูดีเฉพาะขนาดใหญ่ลงมา
      พอเป็นขนาดไอคอนทั่วไป รายละเอียดทั้งหมดก็เละรวมกันไปหมด
      เพราะไม่อยากเห็นไอคอนน่าเกลียดบนเดสก์ท็อปหรือแถบงาน ผมเลยมักทำ ไอคอนกำหนดเอง แล้วใช้ resource editor เปลี่ยนไอคอนในไฟล์ executable เอง

  • พอย้ายจาก bitmap ไปเป็น SVG ก็มีบางอย่างที่สูญเสียไป
    ความหยาบเป็นเม็ดของ bitmap มีเสน่ห์เฉพาะตัว

    • pixel art ดีกว่า แต่ผมว่าไม่ใช่แค่นั้น
      จะย้ายแบบ 1:1 แล้วคาดหวังผลลัพธ์ที่ดีไม่ได้ แถมในความจริงก็ไม่ได้ 1:1 ด้วย เพราะใน SVG เส้นขอบบางลงมาก
      ในภาพความละเอียดต่ำ จินตนาการจะช่วยเติมช่องว่างให้
      ยิ่งความละเอียดสูงขึ้น คุณภาพที่ต้องการก็ยิ่งสูงขึ้นตามไปด้วย งาน vector art ตามนิยามแล้วคือ ความละเอียดไม่จำกัด นั่นเอง

  • ผมสงสัยว่าไอคอนหมวก “Agent” อาจได้แรงบันดาลใจจาก Forté Agent ซึ่งคิดว่าเป็นซอฟต์แวร์ Usenet สำหรับ Windows ที่ได้รับความนิยมที่สุด
    ใช้ motif ที่คล้ายกันมาก: https://archive.org/details/forte-agent-1.6
    ดีที่ได้อ่านจากคนที่สร้างประวัติศาสตร์แบบนี้โดยตรง

    • แปลกดีที่ทำให้นึกถึง Carmen Sandiego
      แม้แต่เวอร์ชันสมัยใหม่ปี 2014 ก็ยังมีนักสืบฟิล์มนัวร์อยู่ตำแหน่งเดียวกัน และไอคอนแอปพลิเคชันก็ยังเป็นผู้หญิงสวมหมวก: https://youtu.be/h-_UNm_gycU?t=94
    • มาจากการ์ตูน Spy vs. Spy
    • แม้จะมีในคำตอบอื่นแล้ว แต่ถ้อยคำในบทความแทบจะบอกโดยตรงว่าอ้างอิงจาก Spy vs. Spy
      ผมไม่รู้ลิงก์ทางการที่บันทึกเรื่องนี้ไว้ แต่ถ้าค้นหารูปที่ https://www.google.com/search?q=spy+vs+spy&udm=2 จะเห็นภาพจำนวนมากที่เป็นแรงบันดาลใจของหมวกใบนี้