สถาปัตยกรรมการออกแบบใน Firefox 3
18 ธันวาคม 2007 โดย ooooo Tags: Design • Firefox • Firefox 3 • News • Themesมีแผนมาตั้งนานนมแล้วครับ ว่า Firefox 3 จะทำการออกแบบตีม (Theme) ใหม่ทั้งหมด แต่จนถึงตอนนี้ก็จะปาเข้าไปเป็นรุ่น Beta 2 แล้ว แต่หน้าตามันก็ยังคงละม้ายคล้ายกับ Firefox 2 อยู่ดี ถึงจะมีบางส่วนที่เปลี่ยนแปลงไปบ้าง
ก่อนหน้านี้ Alex Faaborg ตำแหน่ง User Experience Design ของทาง Mozilla ก็เคยได้แจ้งข่าวความเคลื่อนไหว เกี่ยวกับแนวทางการออกแบบหน้าตาของ Firefox 3 ผ่านบล็อกของเขามาแล้วว่า…
1.Firefox 3 จะทำหน้าตาให้กลมกลืนกับระบบที่ใช้อยู่มากที่สุด (ลิงก์ข่าว)
![]()
2.ร่างการออกแบบคร่าวๆของ Firefox 3 ในระบบปฏิบัติการต่างๆ จะมีลักษณะเป็นดังนี้ (ลิงก์ข่าว)
![]()
และล่าสุดเมื่อ 4 วันก่อน เฮียเล็กได้เปิดเผยถึงข่าวความเคลื่อนไหวในการออกแบบไอคอนเมนูต่างๆ บน Firefox ซึ่งสาระสำคัญก็คือใน Firefox 3 จะมีการออกแบบที่จะเน้นความเข้ากันได้ของระบบปฏิบัติการที่ใช้เป็นหลัก ดังนั้นในเมื่อเป็นอย่างนี้ จึงได้มีการออกแบบไอคอนของเมนูไว้แตกต่างกันถึง 4 ลักษณะ 4 ระบบปฏิบัติการ
อันได้แก่
- ของ Windows XP จะเน้นความสนุกสนาน ดูเป็นแนวการ์ตูนหน่อยๆ อันนี้กลุ่ม The Iconfactory เป็นคนดีไซน์ครับ
- ของ Windows Vista เน้นความซับซ้อนของตัวไอคอน มีมุมมอง 3 มิติ กลุ่ม The Iconfactory เป็นผู้รับผิดชอบอีกเช่นกัน
- ของ Mac OS X ผู้ออกแบบคือ Stephen Horlander และ Kevin Gerich ซึ่งเป็นคนที่ออกแบบไอคอนเมนู Firefox ในรุ่น 1.x โดยแนวทางการออกแบบของ Mac OS X จะดูเป็นงานเสมือนจริง ตามคอนเซปของแมคที่มีมาแต่ดั้งเดิม
- ของ Linux จะใช้ชุดไอคอน Tango ซึ่งก็ได้มีการดีไซน์เพิ่มเ้ติมขึ้นมาอีก เพื่อให้ไอคอนครบชุดครับ
ใครที่กำลังจะดีไซน์ไอคอนโปรแกรมอะไรก็ตาม ลองดูแผนภาพข้างล่างนี้ครับ จะช่วยในเรื่องการออกแบบเพื่อความเข้ากันได้กับระบบปฏิบัติการต่างๆ ได้ดีทีเดียว
![]()
ทั้งนี้เฮียเล็กก็ยังได้เอาตัวอย่าง icon เมนูบางส่วนมาให้พวกเราชมอีกด้วย ชอบหรืิอไม่ชอบยังไงก็ลองติติงไปได้ครับ แต่เค้าบอกว่ามันยังไม่เสร็จสมบูรณ์นะ
![]()
(นี่เป็นแค่บางส่วน อยากดูเต็มๆ คลิกที่นี่เลยครับ)
ยังครับ ยังไม่หมด… เพราะตอนจะจบเฮียเล็กได้บอกกับเราว่า ใน Firefox 3 จะยังมีการเปลี่ยนแปลงไอคอนของโปรแกรมอีกด้วย ซึ่งงานนี้จะรับผิดชอบโดยคุณ Jon Hicks แต่ก็ยังไม่มีข้อสรุปครับว่าเป็นยังไง มีแต่ภาพปริศนาธรรมอยู่ในบล็อกของเฮียแก เอ้า… ลองคลิกไปดูครับ
ที่มาและภาพบางส่วนจาก : blog.mozilla.com/faaborg
ปล1. พูดถึงเรื่องตีมกับไอคอนแล้ว สัปดาห์ก่อนด้วยอารมณ์เซ็งจิต ผมก็ได้ลองออกแบบชุดไอคอนของเมนูใน Firefox มาครับ แต่ทำได้แค่ 7 เมนูนี้แล้วก็จอดสนิท ไว้คึกเมื่อไหร่ค่อยปั่นต่อ และถ้าคึกกว่านั้นเดี๋ยวจะเอาไปทำเป็น theme มาแจกครับ… จะติชมตรงไหนก็เชิญเลยครับ

ปล2. ที่คราวก่อนผมแจ้งว่าบล็อกนี้อาจเป็นอันตราย ปรากฏว่าตอนนี้ Google ลบที่เตือนให้แล้วนะครับ ใครโดนแบบนี้ก็ต้องไปแจ้งกับ Stopbadware.org ว่าให้ช่วยปลดรายชื่อเว็บเราออก ซึ่งในรอบแรกเค้าก็ยืนยันว่าเราต้ิองแก้ไขก่อน ดังนั้นผมเลยลองถอดตัวนับสถิติเว็บของ Motigo ออกไปในหน้าบล็อก ซึ่งปรากฏว่าส่งไปรอบสอง เค้าก็อนุมัติให้เรียบร้อย
ดังนั้นใครมีตัวนับเว็บของ Motigo Webstat ก็ระวังๆหน่อยนะครับ
ปล3. วันนี้กระเป๋าตังค์ร่วงหายตอนนั่งรถกระป้อกลับบ้าน รู้ตัวได้ก็สายไปเสียแล้ว… เป็นการหายครั้งแรกในรอบ 2 เดือน ไม่รู้ถ้าไปทำที่เขตจะโดนเจ้าหน้าที่ด่ามั้ยเนี่ยะ 
มี 13 ความเห็นที่ 'สถาปัตยกรรมการออกแบบใน Firefox 3'
- 1 Trackback on Jul 16th, 2008 at 05:47:25
Leave a Reply
ผู้สนับสนุน
ค้นหา
ล่าสุด
หมวด
- การใช้งานทั่วไป (28)
- ข่าวคราว (94)
- เส้นทาง Firefox3 (20)
- หมาเน่า (11)
- เสริมหลักสูตร (23)
- Extension แนะนำ (68)
- Theme แนะแนว (7)
- Bookmarklet (2)
- Spread Firefox (12)
- ขำขำ (21)
- นอกเรื่อง (29)




รกง่ะ
แปลกใจที่ไอคอนของแมคดูมันแปลกๆ
เหมือนว่าได้มากกว่านี้อีก แต่ก็ออกมาแบบตุ่ยๆ ไม่ค่อยสมราคา
ส่วนของวินโด่นี่เน้นความฉูดฉาดอยู่แล้ว ปล่อยมัน
แต่ไม่ชอบเชปแปลกๆ ตรงปุ่ม back/fwd เลยแฮะ
เหมือนเป็นลูกอัณฑะที่ขนาดไม่เท่ากัน
หมีคงชอบครับ
ผมก็ว่าปุ่ม Back มันตลกนะ ดูใหญ่ ๆ พิกล แต่ถ้าพูดถึงในทางปฏิบัติ ผมคิดว่าเหมาะกับคนส่วนใหญ่นะ เพราะปุ่ม Back น่าจะเป็นปุ่มที่พวกเรากดกันบ่อยที่สุด
ส่วนเรื่องกระเป๋าเงินก็เสียใจด้วยนะครับ เอาน่า อาจจะได้กลับคืนมามากกว่าเดิมก็ได้
รถกระป้อนี่รถอะไรครับ
ผมชอบ Theme ที่ ooooo กำลังสร้างนะครับ ถ้าเสร็จเมื่อไหร่จะรีบมาโหลดใช้เลย
ผมว่า Icon ของ Firefox 2 ตอนนี้ก็โอเคแล้วนะ
ไอ้ภาพปริศนาธรรมที่ว่านั่น.. แอ๊บ’แตกมากๆ ดูไม่รู้เรื่องเลยวุ้ย
สงสัยห้าโอต้องหาโซ่มาล่ามกระเป๋าตังค์ซะแล้วหละ ไม่เชื่องกะเจ้าของซะที หนีไปอีกแล้ว
ผมก็ว่า ไอค่อนของปุ่ม Back มันก็แปลกๆ ครับ แต่ผมก็ว่าสวยดีครับ แต่มันดูเบี้ยวๆ ไปหน่ิอยรึเปล่าครับ
ผมชอบของ Firefox 2 นี่แหละ บีบให้เล็กๆ ครับ จะได้ฟอกัสไปที่หน้าเว็บเยอะๆ
ส่วนไอค่อนของ ooooo สวยมากครับ ออกแบบเก่งจริงๆ
ป.ล. พูดถึงเรื่องธีม ไปเจอนี้มาครับ — http://labs.mozilla.com/2007/12/personas-for-firefox/
มันบอกว่า เอาไว้ทำสกินง่ายๆ ครับ
ขอบคุณครับ
เอ้อ… ส่วนตอนนี้กระเป๋าตังค์ได้คืนมาแล้วนะครับ มีผู้ใจดีเก็บส่งคืนมาให้
ว้าววว ยินดีด้วยนะครับน้องห้าโอ ได้กระเป๋าคืนแล้ว!!! :)
ขอ Mem Usage น้อย ๆๆ พอ เรื่องอื่นไม่สำคัญคับ
ฝากเรื่องนี้อีกเรื่องสิครับ
5 เหตุผลที่คุณควรใช้ Firefox 3
http://projectlib.wordpress.com/2008/03/14/introdution-to-firefox-3/