หากคุณกำลังจะพัฒนาซอฟต์แวร์สไตล์ Metro อยู่ และติดปัญหาในการออกแบบไอคอนสไตล์ Metro ข่าวนี้อาจช่วยให้คุณขจัดปัญหานี้ไปได้ ติดตามวิดีโอแนะนำได้ท้ายข่าว

จากกระแสของส่วนต่อประสานสไตล์ Metro นั่นเอง บริษัท Syncfusion หนึ่งในผู้คร่ำหวอดในวงการการพัฒนาเครื่องมือ รวมถึงส่วนต่อประสานต่างๆ สำหรับแพลทฟอร์ม ไมโครซอฟท์ .NET มาตั้งแต่ปี 2001 ก็ได้เล็งเห็นถึงปัญหาดังกล่าว จึงได้พัฒนาเครื่องมือแม่แบบไอคอนสไตล์ Metro และได้ออก Metro Studio 1 (เวอร์ชั่นแรก) เมื่อ 2 มีนาคม 2555 ที่ผ่านมา
และล่าสุด เมื่อ 3 สิงหาคม 2555 ก็ได้ออก Metro Studio 2 โดยมีคุณสมบัติเด่นดังนี้

• มีแม่แบบไอคอนสไตล์ Metro กว่า 1,700 ไอคอน ในราคาขาย 499 ดอลลาร์ ไปใช้แบบฟรี
• มีช่องค้นหาไอคอนที่ต้องการ
• มีเครื่องมือปรับแต่งไอคอนที่ใช้งานง่าย
• แปลงตัวอักขระต่างๆ จากฟอนต์ที่มีอยู่ให้เป็นไอคอนได้สะดวก
• จัดกลุ่มไอคอนต่างๆ ที่ปรับแต่ง ในรูปแบบของโปรเจค
• สร้างชุดไอคอนจากโปรเจคลงไฟล์รูปภาพที่เรียงต่อๆกัน สำหรับเรียกใช้จาก CSS (CSS icon sprites)
• คลิปบอร์ดไปใช้ในโปรแกรมต่างๆได้ เช่น Word, PowerPoint
• มีตัวดูดสี และปุ่มหมุนไอคอน
• แปลงไอคอนให้เป็นโค๊ด XAML ได้

สามารถดาวน์โหลด Syncfusion Metro Studio 2 ได้ ที่นี่ โดยมีเงื่อนไขง่ายๆ คือ กรอกชื่อ ชื่อสถานที่ทำงาน อีเมล์ เบอร์โทรฯ ลงทะเบียน เพื่อดาวน์โหลดโปรแกรม และรับรหัสใช้โปรแกรม ที่จะใช้กรอกตอนติดตั้งโปรแกรมนั่นเอง

ใครมีเครื่องมือพัฒนาซอฟต์แวร์จะแนะนำ ก็ลองลงข่าวหรือบทความมานะครับ เผื่อว่าจะมีซอฟต์แวร์สไตล์ Metro ขวัญใจของใครหลายๆคน หรือสไตล์อื่นๆ จากคนแถวนี้ ให้ชื่นชมบ้างนะครับ

Metro Studio 1

Metro Studio 2

ภาพประกอบ

ไอคอนจะจัดแยกตามประเภท เช่น ประเภท Brand Identity

หรือประเภท Character ซึ่งสามารถนำตัวอักขระต่างๆ มาทำเป็นไอคอนได้เลย

สำหรับการค้นหา ในตัวอย่างใช้คำว่า 2013 ซึ่งผลการค้นหาก็มีไอคอนของ Office 2013 บางส่วนอยู่ด้วย หากต้องการนำไอคอนที่ค้นหาทำเป็นโปรเจค ก็เพียงลากเมาส์คลุมแล้วลากลง ที่ข้อความ "Drop to create a project"

การทำรูปภาพแบบ CSS Sprite

ตัวอย่างรูปภาพแบบ CSS Sprite

ที่มา -
Syncfusion Metro Studio Syncfusion Blog 1,
2