Web Design Trends ในปี 2012

อีกไม่นานก็ใกล้จะสิ้นปีเก่า เข้าสู่ปีใหม่แล้วนะครับ ทำไมเวลามันผ่านไปไวจริงๆ รู้สึกว่าผมเพิ่งฉลองปีใหม่ไปเมื่อไม่นานมานี้เอง นี่ก็จะเป็นปีใหม่อีกรอบแล้ว โอ้ว เวลาไม่เคยรอใครจริงๆ ฮ่าๆ   สำหรับวันนี้ผมนำบทความเกี่ยวกับเทร็นด์ของเว็บไซต์ในปี 2012 มาฝากครับ เรามาดูกันว่าเว็บไซต์ในปีหน้านี้จะเป็นอย่างไร มีการใช้เทคโนโลยีไหนเข้ามาใช้บ้าง เผื่อดีไซน์เนอร์และนักพัฒนาอยางเราๆจะได้ไม่เอาท์ ครับ

[thetext]1. Responsive Web Design[/thetext]

จริงๆปีนี้เราอาจจะเคยเห็นมาบ้างแล้วนะครับสำหรับเว็บไซต์ที่ Respond กับหน้าจอที่มีขนาดไม่เท่ากัน ประมาณวาเปิดในจอคอม แสดงผลรูปแบบหนึ่ง หน้าจอไอแพดอีกรูปแบบหนึ่ง หน้าจอไอโฟน อีกรูปแบบหนึ่ง ซึ่งหน้าตาที่ยืดหยุ่นได้นี่แหล่ะครับ เราเรียกว่า Responsive Design. สำหรับปี 2012 นี้ เว็บนี้จะเข้ามามีบทบาทเยอะมากขึ้นกว่าเดิม เพราะว่าตอนนี้เรื่องนี้ยังถือว่าใหม่อยู่มากในวงการครับ ดังนั้นใครยังทำไม่เป็นก็ไปฝึกฝีมือเด้อ

[thetext]2. Fixed-Position Navigation[/thetext]

ในปี 2011 มานี้เทคนิคนี้ได้รับความนิยมอย่างมากครับ โดยเฉพาะในเว็บทีเ่ป็นเว็บส่วนตัว ซึ่งคาดว่าในปี 2012 เทร็นด์นี้ก็ยังไม่เอาท์ครับ  เทคนิคแบบนี้ผมว่าเหมาะสำหรับเว็บไซต์ที่มีเมนูไม่เยอะ (ไม่เกิน 10 เมนู)

[thetext]3. วงกลม[/thetext]

สำหรับวงกลมเนี่ย ได้มีการจับตามองดูสักพักแล้วหล่ะครับ วงกลมเคยฮิตมาก แต่ช่วงปีสองปีมานี้ วงกลมห่างหายไปจากเทร็นด์ อันเนื่องมาจากกระแสของเว็บ 2.0 นั่นเอง เพราะช่วงนั้นเราต้องโฟกัสไปที่หน้าจอเดสก์ทอป มีการเล่นกับขอบ กับเงากันเยอะึ้ขึ้น แต่ด้วยเดชะบุญของ CSS3 ทำให้การทำเว็บสะดวกสบายขึ้นมาก เทร็นด์นี้จึงฟื้นคืนชีพครับ  วงกลมเป็นรูปแบบที่ดูเรียบ แต่สามารถดึงดูดสายตาคนดูได้เป็นอย่างดีครับ เราสามารถนำมาประยุกต์ใ้ช้ในการออกแบบเว็บไซต์ได้หลายอย่าง เช่น เว็บแสดงผลงาน เว็บโชว์รูป เป็นต้น

[thetext]4. ใช้ภาพขนาดใหญ่[/thetext]

เทร็นด์นี้จริงๆแล้ว ยังมีให้เห็นไม่มากนัก แต่ว่าในปี 2012 เว็บไซต์ที่วาดภาพ illustration มาประกอบเว็บจะมีให้เห็นมากยิ่งขึ้นครับ โดยเฉพาะในเว็บเมืองนอก เราจะเห็นว่าเริ่มมีการสร้างมาสคอต มาประดับประดาเว็บไซต์ของตัวเองกันแล้ว เช่นเว็บโหลด Firefox ไงครับ ^^ ลองเปิดดูได้

[thetext]5. เมนูแบบ Multi column[/thetext]

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

[thetext]6. ใช้ javascript / css3/ HTML5 สร้าง animation[/thetext]

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

[thetext]7.  ใช้ริบบิ้นมาเป็นกราฟิกประกอบบทความมากขึ้น[/thetext]

ใสช่วง 6 เดือนที่ผ่านมา ถ้าคุณสังเกต คุณอาจจะตกใจเลยก็ได้ว่า มีเว็บไซต์เยอะมากที่นำเทคนิคนี้มาใช้ ดังนั้นในปีหน้า ผมว่ากระแสนี้ก็ไม่น่าจะตกเทร็นด์

[thetext]8. ใช้ Font Face มากขึ้น[/thetext]

ก่อนหน้านี้ เวลาทำเว็บเรามักจะมีข้อจำกัดเรื่องตัวอักษรนะครับ อยากได้ฟอนต์นี้ แต่เครื่องคนอื่นไม่มีก็ได้แต่ถอนหายใจ แต่สมัยนี้ไม่ต้องแล้วครับ เราสามารถฝังฟอนต์ในเว็บของเราได้ และเทคนิคที่ได้รับความนิยมอย่างมากนั่นก็คือ Font-face นั่นเอง ต่อจากนี้เราจะเห็นเว็บไซต์มีการใช้ font ที่แปลกตามากยิ่งขึ้นครับ

[thetext]9.  ใช้ Infographic[/thetext]

จริงๆเทร็นด์นี้ผมว่าเหมาะสำหรับบางเว็บไซต์นะครับ โดยเฉพาะถ้าเป็นเว้บไซต์ที่ต้องการนำเสนอข้อมูลด้วยรูปแบบง่ายๆ เข้าใจง่าย การนำ infographic มาใช้ก็ค่อนข้างจะมีประโยชน์เลยทีเดียวครับ แม้ว่ากระแสตัวนี้อาจจะไม่ได้รับความนิยมในเว็บไซต์ส่วนใหญ่ แต่ว่าถ้าเป็นเว็บไซต์อย่างที่กล่าวไปข้างต้นว่ามีการนำเสนอข้อมูลที่น่าสนใจ Infographic จะเข้ามามีบทบาทเด่นอย่างแน่นอนครับ

[thetext]10. เน้นความเรียบง่าย[/thetext]

การออกแบบเว็บไซต์มีคอนเซ็ปท์ที่สำคัญอย่างหนึ่ง นั่นก็คือ ทำอย่างไรก็ได้ให้คนใช้งานสามารถเข้าถึงเนื้อหาที่เขาต้องการได้เร็วที่สุด อย่ายุ่งยาก อย่าเยอะเกินความจำเป็น  ในช่วง 5 ปีที่ผ่านมานี้ เว็บดีไซน์จึงมุ่งมาที่การดีไซน์แบบ Minimal มากยิ่งขึ้น เพราะว่ามีหลายแห่งที่มีการประดับประดาเว็บไซต์ “มาก” เกินความจำเป็น จนทำให้หลุดประเด็น หลุดออกจากเป้าหมายที่ต้องการจริงๆ  มัวแต่สนใจลูกเล่น จนลืมนึกถึงการใช้งานนั่นเองครับ ดังนั้น กระแสของการออกแบบเน้นความเรียบง่าย ในปีหน้าจึงยังคงมีอยู่ให้เห็นอย่างแน่นอนครับ

 

สำหรับใครที่อยากอ่านแบบรายละเอียดเยอะขึ้นกว่านี้ สามารถอ่านได้จากลิงค์นี้ครับ http://webdesignledger.com/tips/web-design-trends-in-2012

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้เพื่อการวิเคราะห์

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

  • คุกกี้เพื่อปรับเนื้อหาให้เข้ากับกลุ่มเป้าหมาย

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

บันทึก