Website graphic trends 2000-2009

ต่อจากบทความที่แล้ว 1993 – 1999 Website Graphic Trends ที่เราได้พูดถึงลักษณะการออกแบบกราฟิกบนเว็บไซต์ในช่วงยุค 1993 -1999 มาแล้วนั้นก็ทำให้ทราบถึงความเปลี่ยนแปลงและวิวัฒนาการต่างๆ และมาต่อกันในบทความนี้ที่จะกล่าวถึงช่วงยุคหลังจากนั้นคือปี 2000-2009 คุณจะเห็นการเปลี่ยนแปลงที่ชัดเจนมากยิ่งขึ้นนอกไปจากนั้นยังเป็นช่วงยุคที่เว็บไซต์ที่เป็นที่รู้จักกันในทั่วโลกในปัจจุบันได้ถือกำเนิด

2000-2002 ช่วงยุคที่พัฒนาการด้านภาพ, Directories, ระบบนำทางสู่เว็บไซต์อื่น

ยุคนี้เป็นเหมือนยุคต้นกำเนิดของระบบ UX/UI แต่เป็นเพียงการเริ่มต้นของระบบเท่านั้นเพราะในปัจจุบันนี้ระบบ UX/UI ได้ถูกพัฒนาขึ้นอย่างหลากหลาย การใช้ภาพการ์ตูนเป็นลักษณะการออกแบบของเว็บไซต์ส่วนใหญ่ในสมัยนั้น

• ถูกพัฒนาในลักษณะของภาพเคลื่อนไหวมากขึ้นและลดข้อความที่ไม่จำเป็นน้อยลง
• ใช้ตัวอักษรขนาดเล็ก
• ไม่มีระบบ Scrolling
• ไล่ระดับสีพื้นหลัง ใช้สีเข้มหรือสีโทนมืดเป็นส่วนใหญ่
• ใช้ Fonts สไตล์ Acids Fonts
• มีไฮไลท์สีที่ลิงค์ และขีดเส้นใต้เมนู
• ใช้รูปภาพขนาดเล็กเข้าแทรก

Coca-Cola in 2000

PHP 4.0 and Zend Engine 2000 May 22^nd

Pixelsurgeon 2001 March เว็บไซต์นิตยสารให้ข้อมูลข่าสาร บทสัมภาษณ์ ออนไลน์

2003-2005

ช่วงยุคนี้เป็นช่วงที่เครือข่ายโซเชียลมีเดียยอดนิยมได้เกิดขึ้นมากมาย ตั้งแต่ Facebook, LinkedIn, MySpace หน้าเว็บไซต์ในลักษณะที่เป็นภาพเคลื่อนไหวแบบแฟลชเริ่มถูกใช้มากยิ่งขึ้น มีการใช้รูปแบบ Animation นักออกแบบเริ่มให้ความสำคัญกับความสามารถในการอ่านข้อมูลตัวหนังสือบนหน้าเว็บมากยิ่งขึ้น ทำให้อ่านง่ายขึ้น ใช้งานได้ง่ายขึ้น และการลิงค์ไปยังส่วนอื่นๆภายในเว็บนั้นเข้าใจได้ง่ายมากขึ้น

Safari 1.0 2003 June 23^rd

MySpace 2003 August 1^st

Facebook in 2004

องค์ประกอบของภาพที่ใส่ไปบนหน้าเว็บนั้นมีสไตล์สีและแบบอักษรที่ดูโดดเด่น และพอมาถึงในช่วงปลายยุคประมาณปี 2004-2005 นั้น User จำนวนมากมีจอภาพขนาด 1024×768 ใช้บนคอมพิวเตอร์จึงทำให้สามารถเข้าถึงสีมากกว่า 17 ล้านสี เป็นจุดเริ่มต้นของการออกแบบภาพ งานกราฟิกบนเว็บไซต์ที่ดูแตกต่างไปจากเดิม และในปี 2005 เช่นเดียวกันที่ Youtube เปิดให้ใช้งานครั้งแรกโดยใช้ VDO เป็นสื่อหลักในการนำเสนอเนื้อหา

Million Dollar Homepage 2005 August 26^th

หนึ่งตัวอย่างของการตลาดบนเว็บไซต์ในลักษณะของไวรัลที่ประสบความสำเร็จ และเป็นปรากฎการณ์ในอินเตอร์เน็ตในสมัยนั้น ที่นักออกแบบเว็บไซต์ใช้หน้าเว็บที่มีทั้งหมด 1 ล้านพิกเซลแบ่งออกเป็นช่องเพื่อขายพื้นที่โฆษณาสำหรับลูกค้าในขนาด 10x10px และได้รับความนิยมให้กับแบรนด์ดังๆถึงขั้นระดับปรากฎการณ์ในระยะเวลาอันสั้น หลังจากนั้นถูกประมูลขายเว็บไซต์ไปในปี 2006 ผ่าน eBay

2006 – 2008 สไตล์ Skeuomorphism และ Mobile Design

Skeuomorphism คือสไตล์การออกแบบอะไรก็ตามที่ยังคงรักษาองค์ประกอบหรือลักษณะบางอย่างในยุคก่อนไว้อยู่ เช่น การใช้หน้าเว็บที่มีลักษณะหน้ายาวๆ ใส่เงาให้ดูมีลูกเล่นสมจริงคงไว้เหมือนในยุคก่อน แต่เปลี่ยนจากการใช้ภาพการ์ตูนเป็นภาพถ่ายจริงๆมากยิ่งขึ้นในการใช้ภาพประกอบ

Behance Network 1.0 2007 August

การเปิดตัว IPhone เครื่องแรกในปี 2007 เป็นอีกหนึ่งเหตุการณ์สำคัญที่ส่งผลกระทบถึงการออกแบบกราฟิกบนเว็บไซต์ เกิดหน้าเว็บที่มสามารถรันบนแพลตฟอร์มของ Smartphone ได้ บนคอมพิวเตอร์ก็ได้เช่นเดียวกัน โดยถูกวาง Layout ที่เหมาะสมในทั้ง 2 แพลตฟอร์ม ใช้งานง่ายกว่าบนมือถือถูกเรียกว่ารูปแบบการออกแบบหน้าเว็บไซต์ Caramel Style ที่หน้าตาไอคอนดูสดใส หวานเป็นมิตรกับผู้ใช้งานจากสีที่เลือกใช้ และลักษณะการออกแบบปุ่มที่ดูมันวาว

Steve Jobs introduced the first iPhone 2007 January 9^th

eBay in 2008

ในช่วงปี 2009 เช่นเดียวกันที่สไตล์การออกแบบเพื่อให้ซับพอตบนแพลตฟอร์มของ Apple มีอิทธิพลในการออกแบบหน้าเว็บไซต์มากยิ่งขึ้น มีการใช้สีที่ตัดกัน สติกเกอร์หรือกราฟิกที่ดูเหมือนจริง ไอคอน ภาพประกอบที่เป็นปุ่มมันวาว ปุ่มโค้งมน ไล่ระดับสี

McDonald’s in 2009