สถาปัตยกรรมการออกแบบใน Firefox 3

มีแผนมาตั้งนานนมแล้วครับ ว่า Firefox 3 จะทำการออกแบบตีม (Theme) ใหม่ทั้งหมด แต่จนถึงตอนนี้ก็จะปาเข้าไปเป็นรุ่น Beta 2 แล้ว แต่หน้าตามันก็ยังคงละม้ายคล้ายกับ Firefox 2 อยู่ดี ถึงจะมีบางส่วนที่เปลี่ยนแปลงไปบ้าง

ก่อนหน้านี้ Alex Faaborg ตำแหน่ง User Experience Design ของทาง Mozilla ก็เคยได้แจ้งข่าวความเคลื่อนไหว เกี่ยวกับแนวทางการออกแบบหน้าตาของ Firefox 3 ผ่านบล็อกของเขามาแล้วว่า…

1.Firefox 3 จะทำหน้าตาให้กลมกลืนกับระบบที่ใช้อยู่มากที่สุด (ลิงก์ข่าว)

System Integration

2.ร่างการออกแบบคร่าวๆของ Firefox 3 ในระบบปฏิบัติการต่างๆ จะมีลักษณะเป็นดังนี้ (ลิงก์ข่าว)

firefox3-mockup

และล่าสุดเมื่อ 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-style

ทั้งนี้เฮียเล็กก็ยังได้เอาตัวอย่าง icon เมนูบางส่วนมาให้พวกเราชมอีกด้วย ชอบหรืิอไม่ชอบยังไงก็ลองติติงไปได้ครับ แต่เค้าบอกว่ามันยังไม่เสร็จสมบูรณ์นะ

icon-set

(นี่เป็นแค่บางส่วน อยากดูเต็มๆ คลิกที่นี่เลยครับ)

ยังครับ ยังไม่หมด… เพราะตอนจะจบเฮียเล็กได้บอกกับเราว่า ใน Firefox 3 จะยังมีการเปลี่ยนแปลงไอคอนของโปรแกรมอีกด้วย ซึ่งงานนี้จะรับผิดชอบโดยคุณ Jon Hicks แต่ก็ยังไม่มีข้อสรุปครับว่าเป็นยังไง มีแต่ภาพปริศนาธรรมอยู่ในบล็อกของเฮียแก เอ้า… ลองคลิกไปดูครับ

ที่มาและภาพบางส่วนจาก : blog.mozilla.com/faaborg

———————————————————————–

ปล1. พูดถึงเรื่องตีมกับไอคอนแล้ว สัปดาห์ก่อนด้วยอารมณ์เซ็งจิต ผมก็ได้ลองออกแบบชุดไอคอนของเมนูใน Firefox มาครับ แต่ทำได้แค่ 7 เมนูนี้แล้วก็จอดสนิท ไว้คึกเมื่อไหร่ค่อยปั่นต่อ และถ้าคึกกว่านั้นเดี๋ยวจะเอาไปทำเป็น theme มาแจกครับ… จะติชมตรงไหนก็เชิญเลยครับ

icon-design

ปล2. ที่คราวก่อนผมแจ้งว่าบล็อกนี้อาจเป็นอันตราย ปรากฏว่าตอนนี้ Google ลบที่เตือนให้แล้วนะครับ ใครโดนแบบนี้ก็ต้องไปแจ้งกับ Stopbadware.org ว่าให้ช่วยปลดรายชื่อเว็บเราออก ซึ่งในรอบแรกเค้าก็ยืนยันว่าเราต้ิองแก้ไขก่อน ดังนั้นผมเลยลองถอดตัวนับสถิติเว็บของ Motigo ออกไปในหน้าบล็อก ซึ่งปรากฏว่าส่งไปรอบสอง เค้าก็อนุมัติให้เรียบร้อย

ดังนั้นใครมีตัวนับเว็บของ Motigo Webstat ก็ระวังๆหน่อยนะครับ

ปล3. วันนี้กระเป๋าตังค์ร่วงหายตอนนั่งรถกระป้อกลับบ้าน รู้ตัวได้ก็สายไปเสียแล้ว… เป็นการหายครั้งแรกในรอบ 2 เดือน ไม่รู้ถ้าไปทำที่เขตจะโดนเจ้าหน้าที่ด่ามั้ยเนี่ยะ

1 Star2 Stars3 Stars4 Stars5 Stars
4.54 เต็ม 5 (จาก 13 ผู้โหวต)

มี 13 ความเห็นที่ 'สถาปัตยกรรมการออกแบบใน Firefox 3'

  1. 1 iannnnn

    รกง่ะ

    แปลกใจที่ไอคอนของแมคดูมันแปลกๆ
    เหมือนว่าได้มากกว่านี้อีก แต่ก็ออกมาแบบตุ่ยๆ ไม่ค่อยสมราคา
    ส่วนของวินโด่นี่เน้นความฉูดฉาดอยู่แล้ว ปล่อยมัน

    แต่ไม่ชอบเชปแปลกๆ ตรงปุ่ม back/fwd เลยแฮะ
    เหมือนเป็นลูกอัณฑะที่ขนาดไม่เท่ากัน

  2. 2 ooooo

    หมีคงชอบครับ

  3. 3 kittiphat32

    ผมก็ว่าปุ่ม Back มันตลกนะ ดูใหญ่ ๆ พิกล แต่ถ้าพูดถึงในทางปฏิบัติ ผมคิดว่าเหมาะกับคนส่วนใหญ่นะ เพราะปุ่ม Back น่าจะเป็นปุ่มที่พวกเรากดกันบ่อยที่สุด

    ส่วนเรื่องกระเป๋าเงินก็เสียใจด้วยนะครับ เอาน่า อาจจะได้กลับคืนมามากกว่าเดิมก็ได้

  4. 4 Ake

    รถกระป้อนี่รถอะไรครับ

  5. 5 Eka-X

    ผมชอบ Theme ที่ ooooo กำลังสร้างนะครับ ถ้าเสร็จเมื่อไหร่จะรีบมาโหลดใช้เลย

  6. 6 duannnnn

    ผมว่า Icon ของ Firefox 2 ตอนนี้ก็โอเคแล้วนะ

  7. 7 T_T

    ไอ้ภาพปริศนาธรรมที่ว่านั่น.. แอ๊บ’แตกมากๆ ดูไม่รู้เรื่องเลยวุ้ย

    สงสัยห้าโอต้องหาโซ่มาล่ามกระเป๋าตังค์ซะแล้วหละ ไม่เชื่องกะเจ้าของซะที หนีไปอีกแล้ว

  8. 8 the DtTvB

    ผมก็ว่า ไอค่อนของปุ่ม Back มันก็แปลกๆ ครับ แต่ผมก็ว่าสวยดีครับ แต่มันดูเบี้ยวๆ ไปหน่ิอยรึเปล่าครับ
    ผมชอบของ Firefox 2 นี่แหละ บีบให้เล็กๆ ครับ จะได้ฟอกัสไปที่หน้าเว็บเยอะๆ

    ส่วนไอค่อนของ ooooo สวยมากครับ ออกแบบเก่งจริงๆ
    ป.ล. พูดถึงเรื่องธีม ไปเจอนี้มาครับ — http://labs.mozilla.com/2007/12/personas-for-firefox/
    มันบอกว่า เอาไว้ทำสกินง่ายๆ ครับ

  9. 9 ooooo

    ขอบคุณครับ

    เอ้อ… ส่วนตอนนี้กระเป๋าตังค์ได้คืนมาแล้วนะครับ มีผู้ใจดีเก็บส่งคืนมาให้

  10. 10 kittiphat32

    ว้าววว ยินดีด้วยนะครับน้องห้าโอ ได้กระเป๋าคืนแล้ว!!! :)

  11. 11 bug

    ขอ Mem Usage น้อย ๆๆ พอ เรื่องอื่นไม่สำคัญคับ

  12. 12 projectlib

    ฝากเรื่องนี้อีกเรื่องสิครับ

    5 เหตุผลที่คุณควรใช้ Firefox 3

    http://projectlib.wordpress.com/2008/03/14/introdution-to-firefox-3/

  1. 1 Rivotril.


Leave a Reply

                    





Close
E-mail It
XML-Sitemap
Creative Commons License