Tags:
Node Thumbnail

หลังจากล่าสุดที่ได้ยลโฉมแนวทางการออกแบบ (mockup) ส่วนติดต่อผู้ใช้ของไฟร์ฟ็อกซ์ 3.7, 4.0 บนวินโดวส์ไปเมื่อเดือนกันยายนที่ผ่านมา (ดูข่าวเก่า) ล่าสุดก็มีการโพสต์ผลงานการออกแบบลงในบล็อกส่วนตัวของคุณ Stephen Horlander ซึ่งเป็นคนออกแบบธีมของไฟร์ฟ็อกซ์ตั้งแต่รุ่น 1.0 และปัจจุบันเป็น Product Visual Designer ของทีมพัฒนาไฟร์ฟ็อกซ์ด้วย จะเป็นอย่างไรนั้นดูภาพและรายละเอียดได้ข้างใน (คลิก Read more)

No Description

ส่วนที่ปรับปรุงจากการออกแบบครั้งก่อนมีดังนี้ (เลขข้อตรงกับเลขในภาพข้างบน)

  1. เพิ่มปุ่ม App Button โดยเป็นความพยายามของทีมพัฒนาในการจัดการ Menu Bar ปุ่มดังกล่าวคล้ายกับปุ่ม File ในออฟฟิศ 2010 หรือโปรแกรมอรรถประโยชน์ของวินโดวส์ 7 อย่าง Paint, WordPad นอกจากนั้นยังลบการแสดงสถานะออกจาก Title Bar อีกด้วย
  2. ปรับปรุงการแสดงผล Toolbar Button ใหม่ ให้เห็นได้ง่ายยิ่งขึ้นบนพื้นหลังสีอ่อน และมีความคมชัดและมีมิติมากยิ่งขึ้น
  3. เพิ่ม Location Bar
  4. คง Search Bar ที่แยกออกมาต่างหากไว้
  5. เพิ่ม Bookmarks Widget

นอกจากนั้นยังมีแบบอื่นๆ เป็นทางเลือก อาทิ:

No Description

กรณีแสดงแถบ Bookmark Bar

No Description

กรณีย้ายแท็บมาอยู่ใต้ Navigation Bar

No Description

กรณีย้ายแท็บมาอยู่ใต้ Navigation Bar และแสดงแถบ Bookmark Bar

นอกจากนั้นยังมีการออกแบบปุ่ม App Button ไว้หลากหลายรูปแบบด้วย ดูได้จากภาพด้านล่าง (น่าจะเปิดให้โหวดเนอะ! :D)

No Description

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น 3.5 และ 4.0

No Description

รายละเอียดฉบับเต็มดูได้จากที่มา

ที่มา: Chromatic Pixel

Get latest news from Blognone

Comments

By: dafty
AndroidWindowsIn Love
on 23 December 2009 - 09:52 #144830

Theme Chrome ชัดๆ

By: nuntawat
WriterAndroidWindowsIn Love
on 23 December 2009 - 09:53 #144832 Reply to:144830
nuntawat's picture

ตรงปุ่ม App Button คุณ Horlander ก็บอกเองว่าทีมพัฒนาดู Chrome, Safari ก่อน สงสัยจ้องมากไปเลยเอามาทั้งหมดเลย :P

By: bank2u
ContributorAndroidUbuntuWindows
on 23 December 2009 - 09:56 #144833 Reply to:144830
bank2u's picture

+1
แต่ผมก็ชอบแบบนี้นะ ดูเรียบๆ ดีครับ


อัลบัมรูปเล็กๆ ของผมครับ :: www.bank2u.net ::

By: -Rookies-
ContributorAndroidWindowsIn Love
on 23 December 2009 - 10:19 #144840 Reply to:144830

+1 แต่ผมก็ชอบ เพิ่มพื้นที่แสดงผลอีกหน่อย คนใช้เน็ตบุ๊คอย่างผมปลื้มมมม


เทคโนโลยีไม่ผิด คนใช้มันในทางที่ผิดนั่นแหละที่ผิด!?!

By: HudchewMan
ContributorAndroidWindowsIn Love
on 23 December 2009 - 10:44 #144852 Reply to:144830
HudchewMan's picture

ใช้ Chrome เปิดอ่าน พอเห็นภาพแล้วก็มองหน้าจอตัวเอง…

เออ โครมจริงๆ แฮะ :P


~ HudchewMan's Station & @HudchewMan~

By: willwill
ContributorAndroid
on 23 December 2009 - 09:57 #144834
willwill's picture

UI สวย ... แต่ Engine หละครับเมื่อไรจะสู้ WebKit

By: orbitalz
ContributorWindows PhoneAndroidUbuntu
on 23 December 2009 - 10:01 #144835

ขอ quicker responsive and faster java script กว่า chrome ด้วยนะ

By: mossila
iPhoneWindows PhoneAndroidBlackberry
on 23 December 2009 - 10:01 #144836
mossila's picture

จาก 5 อัน ชอบอันที่ 3(นับจากซ้าย,แถวบน)

หน้าตาเหมือนปรับมาจาก opera เลยแฮะ? Chrome เองก็หน้าตาเหมือนปรับจาก opera
แต่บ้าน(Home) ของ FF ไม่มีปล่องไฟ

By: mokin
Contributor
on 23 December 2009 - 21:20 #144947 Reply to:144836
mokin's picture

+1 แต่ชอบ App Button แบบโอเปร่า จะได้ไม่เปลื้องพื้นที่ แต่เศร้าใจที่ยังคง Search Bar ไว้ ยุบรวมได้แล้วครับ

By: 077023
ContributoriPhoneAndroidWindows
on 1 July 2010 - 14:07 #188233 Reply to:144947
077023's picture

โพสซ้ำ จะลบมันยังไงอ่ะครับ


もういい

( My blog 077023.com )

By: 077023
ContributoriPhoneAndroidWindows
on 1 July 2010 - 14:06 #188234 Reply to:144947
077023's picture

ถ้าเอา Search Bar ออกนี่ผมจะเศร้าใจมากเลย เพราะว่าใช้ทุกครั้งที่จะเสิร์จเลยละครับ


もういい

( My blog 077023.com )

By: mokin
Contributor
on 1 July 2010 - 23:27 #188411 Reply to:188234
mokin's picture

ค้นหาใน address bar ได้เลยครับ แบบ Google Chrome

By: Blltz
WriterMEconomicsAndroidWindows
on 2 July 2010 - 02:44 #188517 Reply to:188411
Blltz's picture

แต่ถึงกระนั้น FF4 Beta1 ก็ยังมีแถบ Search

By: Slimy
AndroidUbuntu
on 23 December 2009 - 10:25 #144842

อย่าลืมปรับปรุงเรื่องตื่นสายด้วยนะ

By: xxa
Android
on 23 December 2009 - 10:31 #144846 Reply to:144842

++++1

By: McKay
ContributorAndroidWindowsIn Love
on 24 December 2009 - 07:26 #144992 Reply to:144842
McKay's picture

อาการตื่นสายนี่ตัวไฟล์ Database SQLite มีผลมากครับ อยากให้เร็วขึ้นคงต้องปรับลด History เป็นประมาณ 7 วันจะช่วยได้เยอะครับ


In Soviet Warcraft, Argus comes to you.

By: Lightwave
iPhoneAndroidWindows
on 23 December 2009 - 10:44 #144851

ทำไมถึงรู้สึกว่ามันสวยกว่าโอเปร่าได้ล่ะเนี่ย -*-

By: Perl
ContributoriPhoneUbuntu
on 23 December 2009 - 10:45 #144853
Perl's picture

พึ่งอ่าน opera มาเมื่อกี๊...

เอามาเปิดคู่กัน 2 ตัวโดยไม่แสดงชื่อโปรแกรมยังดูไม่ออกเลยอันไหน FF อันไหน Opera
O

By: mednoon on 23 December 2009 - 10:57 #144856

สวยงามโดนใจผมมาก ขอให้เร็วกว่า 3.5 หน่อยนะตัวเอง

By: theoneox
Android
on 23 December 2009 - 11:01 #144860

เหมือนกันหมด เหอะๆ ต่อไปคงเหลือ IE กับ Safari ที่ แยกออกแบบ จะ จะ

By: Aphorist
AndroidUbuntuWindows
on 23 December 2009 - 12:48 #144877
Aphorist's picture

ไม่รู้จะคงแถบด้านบนไว้ทำไม เห็นใส่แค่สองอัน App Menu กะ min max/restore close button
เอา แท็บ ไปวางไว้ตรงนั้น จะเพิ่ม พื้นที่แสดงผลได้อีกโขนา

หรือกลัวว่า มันจะเหมือน Chrome มากไป

By: boynoiz
AndroidSUSEUbuntuWindows
on 23 December 2009 - 13:19 #144884
boynoiz's picture

มาแนวเดียวกะ Opera 10.5 Pre-Alpha เลยแหะ (แต่ดูท่าทาง FF สวยหว่า)

By: check
Android
on 23 December 2009 - 13:35 #144886
check's picture

ชอบแบบนี้แหละ

By: jirayu
ContributorWindows PhoneBlackberrySymbian
on 23 December 2009 - 15:36 #144907

ดีเหมือนกัน จะได้ไม่ต้องหาธีม Opera มาลงให้หมาย่าง - -"

ถ้าเบราเอร์มาหน้าตาแนวๆเดียวกันหมดก็ดีแฮะ จะได้ไม่งงเวลาย้ายไปมา


By: modernkoro on 23 December 2009 - 15:43 #144911

กลายเป็น ChromeFox ไปซะแล้ว

By: varavut
ContributorWindows PhoneAndroidBlackberry
on 23 December 2009 - 16:11 #144914
By: b98se
AndroidWindowsIn Love
on 23 December 2009 - 18:16 #144933
b98se's picture

หน้าตาโดนใจเหลือเกิน ชอบๆๆๆ

By: khajochi
WriteriPhoneIn Love
on 24 December 2009 - 11:07 #145010
By: sunback
Contributor
on 24 December 2009 - 12:10 #145016
sunback's picture

เอ่อ นอกเรื่องนะครับ ตรง tags ครับ

  • Browser
  • Concept
  • Firefox
  • GUI
  • Mozilla

ผมว่า ตรง Concept ไม่น่าจะมีนะครับ เพราะดูกว้างๆ เกินไป เพราะเท่าที่ลองค้นดู ดูเหมือนจะมีคุณ nuntawut ท่านเดียวที่ใช้ tag นี้

แต่พอลองค้น tag Mockup ก็ไม่พบเช่นกัน ที่จริงๆ ผมคิดว่าน่าจะมี เพราะจะได้รวบรวม Mockup จากอดีดถึงปัจจุบันได้

เอ๊ะ หรือจะใช้ tag GUI แทนไปเลย

By: nuntawat
WriterAndroidWindowsIn Love
on 24 December 2009 - 18:08 #145061 Reply to:145016
nuntawat's picture

อาจต้องสร้างแท็กใหม่ถ้าจำเป็นครับ

By: teayza31 on 25 December 2009 - 17:17 #145224

เออช่วยไปพัฒนาเรื่อกินแรมทีครับ ผมละเซ็งใช้ไปนานๆ เริ่มช้า

By: diewland
AndroidWindows
on 13 February 2010 - 00:11 #156938
diewland's picture

สะอาดตา :)

By: omoboy
iPhone
on 26 June 2010 - 00:15 #186484
omoboy's picture

ภาพสุดท้าย

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น 3.5 และ 4.0

น่าจะเปลี่ยนเป็น

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น FF และ Opera

หุวๆๆ