Tags:

หากคุณกำลังจะพัฒนาซอฟต์แวร์สไตล์ 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

No Description

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

No Description

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

No Description

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

No Description

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

No Description

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

Get latest news from Blognone

Comments

By: benwrk
Windows PhoneWindows
on 10 August 2012 - 01:23 #456192
benwrk's picture

ซู๊ดดยอดดด.. ต้องลอง

By: PaPaSEK
ContributorAndroidWindowsIn Love
on 10 August 2012 - 09:22 #456266
PaPaSEK's picture

เอาครับ

แล้วเอาไปใช้กับแอนดรอยด์ :P

(อ่าน EULA ก่อนดีฝ่า)

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 10 August 2012 - 12:51 #456369
Be1con's picture

สุดยิ่ด ชาบู ๆ


Coder | Designer | Thinker | Blogger

By: Virusfowl
ContributorAndroidSymbianWindows
on 16 August 2012 - 09:09 #458563

การค้นหา ในตัวอย่างใช้คำว่า 2013 ซึ่งก็ไอคอนของ Office 2013 บางส่วนอยู่ด้วย

ซึ่งก็? น่าจะตกคำอะไรไปสักคำนะครับ :p


@ Virusfowl

I'm not a dev. not yet a user.

By: lastall
ContributorAndroidSymbianUbuntu
on 16 August 2012 - 19:46 #458799 Reply to:458563

ขอบคุณครับ แก้ไขแล้วครับ

By: Virusfowl
ContributorAndroidSymbianWindows
on 16 August 2012 - 20:05 #458808 Reply to:458799
  • ซึ่งผลการค้นหามีก็ไอคอนของ Office 2013 บางส่วนอยู่ด้วย << มีก็ = ก็มี แทรกผิดตำแหน่งครับ :D

@ Virusfowl

I'm not a dev. not yet a user.

By: lastall
ContributorAndroidSymbianUbuntu
on 18 August 2012 - 21:19 #459765 Reply to:458808

^^ โก๊ะมากเลย กับบทความนี้ 555 ขอบคุณอีกรอบนะครับ