3,160 Views
หลาย ๆ ครั้งที่ เทรนด์ออกแบบเว็บไซต์ ถูกนำโดยบริษัทเทคโนโลยีชื่อดังต่าง ๆ เช่น Google, Apple, หรือ Microsoft ฯลฯ ซึ่งหลายบริษัทต่างก็ขับเคี่ยวกัน ออก Design Guide ของตัวเองบ้าง, ทำ Framework ของเทรนด์ดีไซน์ตัวเองให้ Developer ได้ใช้บ้าง คนที่ได้รับประโยชน์มากที่สุด คือ Web Designer, Web Developer นั่นเอง
1. FLAT DESIGN 2.0 ดีไซน์สไตล์เรียบ เวอร์ชั่นแก้ปัญหา USABILITY Flat Design 2.0 เป็นเทรนด์ที่เกิดมาเพื่อแก้ปัญหานี้โดยเฉพาะ ซึ่งใช้วิธีการ เพิ่มมิติให้ Flat Designโดยเพิ่มเงา, เส้นกรอบ, หรือสีพื้นหลังบาง ๆ ให้เกิดความรู้สึกว่า Element บางอันนูนอยู่เหนือ Element ตัวอื่น บางคนก็เรียกเทรนด์นี้ว่า Almost Flat Design
นอกจากนี้ Flat Design 2.0 แนวทางหนึ่งก็ถูกพัฒนาโดย Google ในชื่อ Material Design ซึ่งจะพูดถึงในหัวข้อถัดไป เพราะถือเป็นเทรนด์ดีไซน์หนึ่งที่มาแรงเช่นกัน
2. MATERIAL DESIGN ดีไซน์สไตล์ FLAT ในแบบของ GOOGLE สิ่งหนึ่งที่เด่นชัดมาก ๆ ของ Material Design คือการใช้สีที่ตัดกันรุนแรง ซึ่งก็เป็นข้อดีอย่างนึงด้วย เพราะ Element ที่ใช้สีตัดกันจะเด่นจนสังเกตเห็นได้ชัดมาก ไม่กลืนกับพื้นหลังเหมือน Flat Design 1.0 นอกจากนั้นก็ยังมีการเพิ่มความลึกของ Element ส่วนต่าง ๆ ด้วยการใช้เงา และอนิเมชั่น เข้ามาช่วยเพิ่มลูกเล่นด้วย
3. HAMBURGER MENU เมนูสุดฮิตสำหรับ RESPONSIVE DESIGN
เว็บไซต์ในมือถือที่เราเปิดกัน 90% ใช้ Pattern การทำเมนูแบบแฮมเบอร์เกอร์ และดีไซเนอร์หลาย ๆ ท่านที่เข้ามาอ่านบทความนี้อาจจะเคยใช้ในงานดีไซน์ของตัวเองด้วย มันจึงกลายเป็นหนึ่งในเทรนด์ที่ฮิตที่สุด
4. WEB TYPOGRAPHY ตัวหนังสือสวย ๆ บนเว็บ
การเน้น Typography (จัดวางตัวหนังสือเด่น ๆ สวย ๆ) เป็นสิ่งที่มาพร้อมกับ Flat Design เพราะเวลาทุกอย่าง Flat ไปหมด สิ่งที่สามารถโดดเด่นขึ้นมาได้ คือ การจัดองค์ประกอบตัวหนังสือให้สวยงาม นั่นเอง
ในอดีตการใช้ฟ้อนต์สวย ๆ บนเว็บไซต์จะต้องแปลงตัวหนังสือเป็นกราฟฟิก ซึ่งพอถึงยุคปัจจุบันก็มีข้อเสียว่าขยายแล้วรูปแตก หรือใช้วิธีแฮคการแสดงผลด้วย Flash (เรียกว่า sIFR) ซึ่งพอถึงยุคนี้ Flash ก็เจอปัญหาใช้ใน Smartphone, Tablet ต่าง ๆ ไม่ค่อยได้แล้ว อย่างไรก็ตามในปัจจุบันมีเทคโนโลยีที่เปิดโอกาสให้เราใช้ฟ้อนต์ใด ๆ ก็ได้บนเว็บไซต์ เรียกว่า CSS3 Font Face
5. VECTOR ILLUSTRATION & ICONS ขยายยังไงก็ไม่แตก
จากเมื่อก่อนเราอยู่ในยุคนี้หน้าจอคอมพิวเตอร์มีไม่กี่ขนาด ทำกราฟฟิกแค่ไซส์เดียวก็รองรับทุกหน้าจอแล้ว มาถึงในยุคนี้ที่ Smartphone, Tablet มากมาย นอกจากนี้แต่ละรุ่นจะมีความละเอียดหน้าจอไม่เท่ากัน ทำให้ไม่รองรับกราฟฟิกไซส์เดียว
คนทำเว็บไซต์ในสมัยนี้จึงหันมาพึ่ง SVG เพื่อทำกราฟฟิกมากขึ้น ซึ่งเป็นกราฟฟิกแบบ Vector ที่ย่อขยายยังไงก็ไม่แตก ทำให้รองรับได้ทุกหน้าจอ เล็ก-ใหญ่ หรือแม้แต่ Retina Display ก็ไม่มีปัญหา ตัวอย่างที่เห็นได้ง่าย ๆ คือการใช้ Icon Font บนเว็บไซต์นั่นเอง จะเห็นได้ว่าหลาย ๆ เทรนด์เกิดมาจากการนำ Flat Design เข้ามาเมื่อหลายปีที่แล้ว ซึ่งเทคโนโลยีการทำเว็บไซต์ รวมถึงโปรแกรมออกแบบต่าง ๆ ก็ออกมาเพื่อผลักดันให้คนใช้ Flat Design เพิ่มขึ้นอย่างมาก
นอกจาก นั้นเรื่องของการแสดงผลหลายหน้าจอ การทำ Responsive Web Design ก็มีผลกระทบต่อเทรนด์ดีไซน์ ทำให้กราฟฟิกแบบ Vector มีความสำคัญมากขึ้น คนหันมาใช้รูป Illustration สไตล์เรียบ ๆ กันมากขึ้น
สุดท้าย นี้ หวังว่าบทความนี้จะเป็นประโยชน์ต่อคนที่กำลังจะ สร้างเว็บไซต์ ทุกท่าน อยากให้ลองทำความรู้จักและทำตามเทรนด์ดีไซน์ข้างต้นนี้ เพราะหลาย ๆ เทรนด์คงจะอยู่กับเราอีกไปนานหลายปีนั่นเอง