ในบทความนี้เราจะพาทุกคนไปพบกับแนวโน้มของการปรับเปลี่ยนดีไซน์เว็บไซต์ที่จะเกิดขึ้นในปี 2021 หรือ ในปีพ.ศ. 2564 ว่าดูกันว่า Website trends 2021 จะเป็นยังไง?
ซึ่งเทรนด์การออกแบบที่คาดว่าจะเกิดในปี 2021 ได้ถูกรวบรวมโดย webflow.com ซึ่งเป็นบริษัทอเมริกันที่ให้บริการสำหรับการสร้างโฮสต์และเว็บไซต์ต่าง ๆ ซึ่งผู้ใช้สามารถออกแบบ สร้าง และเปิดตัวเว็บไซต์ของตัวเองได้
9 เทรนด์การออกแบบเว็บสมัยใหม่ในปี 2021
นี่คือเทรนด์การออกแบบที่จะทำให้เว็บไซต์ดูน่าสนใจขึ้น!
1.Retro fonts (แบบอักษรย้อนยุค)
ในปัจจุบันเราจะเห็น สิ่งเก่าๆ มากมายกลายเป็นสิ่งที่น่าสนใจขึ้นมาอีกครั้ง เดิมทีอักษรแบบย้อนยุคสมัยก่อนอาจจะไม่ได้รับความสนใจ แต่ในปัจจุบันถูกพัฒนาให้มีหลายรูปแบบและปรับเข้ากับกราฟฟิคได้หลากหลาย ฉะนั้นเราจะได้เห็นการผสมผสานระหว่างตัวอักษรย้อนยุค(เก่า)กับสิ่งใหม่บนหน้าเว็บ
- อย่างการโปรโมท Spotify’s Carnival ที่แทนที่หน้าเว็บจะดูจืดชืดแต่กลับดูเท่จะโดดเด่นด้วยตัวอักษรแบบย้อนยุค
2. Parallax scroll Animations (ภาพเคลื่อนไหวและการเลื่อน)
Parallax scroll คือ การใช้หลักการเมื่อเคลื่อนไหวเมาส์ แล้ว content ของเว็บไซต์ก็จะเปลี่ยนไปตามการเคลื่อนไหวไปด้วย
มีจุดประสงค์ที้งให้ผู้ใช้งานสนุกไปเว็บไซต์ อยู่ในเว็บไซต์นานขึ้น และทำให้ไม่น่าเบื่อมีจุดสนใจ
ตัวอย่างเว็บไซต์ที่ใช้ Parallax scroll Animations
- http://peterlindbergh.obys.agency/
- https://www.moooi.com/en/a-life-extraordinary
- https://drinkcann.com/
- สามารถดูเพิ่มเติมได้ที่ > awwwards.com
แต่การเลือกใช้การออกแบบแนวนี้มีข้อพึงระวังอยู่มาก หากเราใส่การเคลื่อนไหวหรือลูกเล่นที่มากเกินไป จะส่งผลเสียต่อผู้ใช้งานทั้งในด้านการเข้าใจเนื้อหา สับสนและเวียนหัว
นอกจากนี้การเลือกใช้ Parallax scroll Animations ไม่จำเป็นต้องมีกราฟฟิคที่ซับซ้อนและวุ่นวาย ขอยกตัวอย่างเป็นเว็บไซต์ gmeadow.com ที่เสนอออกมาในรูปแบบการใช้ข้อความที่สื่อตรงตัวและเพิ่มลูกเล่นเมื่อเรา Scroll เมาส์
3. Horizontal scrolling (การเคลื่อนไหวแบบแนวนอน)
การออกแบบแนวนี้อาจจะแปลกตาสำหรับใครหลายคน เนื่องจากปกติการใช้งานเว็บเวลาเรา Scroll เมาส์ หน้าจอแสดงผลเว็บไซต์จะต้องเคลื่อนที่จากล่างขึ้นบนหรือบนลงล่าง แต่สำหรับเทรนด์ในปี 2021 ถูกเปลี่ยนให้เป็น Horizontal scrolling หรือ การที่หน้าจอแสดงผลจะเคลื่อนไหวจากซ้ายไปขวาหรือขวาไปซ้าย ดูตัวอย่างได้ที่เว็บไซต์ momentomultimedia.com/en/
ซึ่งปกติแล้วการออกแบบในลักษณะนี้จะคล้ายกับการเลื่อนรูปภาพในแกลอรี่ เพราะฉะนั้นเมื่อเลือกใช้การออกแบบในลักษณะนี้ต้องคำนึงด้วยว่าไม่เหมาะกับหน้าแสดงผลที่มีข้อความจำนวนมาก
4. 3D visuals (3มิติ)
เมื่อหน้าจอในปัจจุบันถูกดีไซต์ออกมาให้สามารถแสดงความละเอียดสูงทั้งสี แสง มุม เงา ทำให้การออกแบบแนว 3 มิติโดดเด่นขึ้นมา ฉะนั้นในปี 2021 เราจะเห็นการผสมผสานระหว่างการออกแบบเว็บไซต์กับภาพ 3 มิติ อีกทั้งมันยังสามารถเพิ่มประสบการณ์ให้กับผู้ใช้งานได้อีกด้วย
5.Multimedia experiences
เนื่องจากในปัจจุบันผู้คนสามารถเข้าถึงอินเทอร์เน็ตได้เร็วขึ้น ฉะนั้นการใช้เว็บสื่อต่าง ๆ จึงสามารถเข้าถึงง่าย การนำภาพ ข้อความ วิดีโอ เสียง มารวมกันจะทำให้ผู้ใช้งานเกิดประสบการณ์ที่หลากหลายมากขึ้น
ซึ่งส่วนใหญ่เรามักจะพบเห็นตามเว็บไซต์ของโรงแรมที่จะให้วิดีโอขึ้นก่อนที่จะแสดงเนื้อหา
6. การใช้สีอ่อนและสีเข้มตัดกัน
ในที่นี้จะพูดถึงการเลือกใช้พื้นหลังที่มีสีอ่อน เพื่อจะผลักให้ข้อความหรือภาพมีความโดดเด่นขึ้นมา
Magic Theater Studio เลือกใช้สีอ่อนและสีเข้มตัดกันเพื่อแสดงบล็อคต่าง ๆ ที่มีเนื้อหาคนละแบบ (ภาพข้างบน)
Bobby Rowe เป็นเว็บไซต์ที่เลือกใช้พาเลทสีที่หลากหลายและทำให้ดูโดดเด่นขึ้นมา จะสังเกตได้ว่าภายในเว็บไซต์จะพบการใช้สีและตัวหนังสือให้ดูตัดกัน โดยสอดแทรกภาพเพียงเล็กน้อย
7. Augmented reality (AR)
อีกหนึ่งสิ่งที่ได้รับความนิยมคือการนำภาพเสมือนจริงหรือ AR มาไว้ภายในเว็บไซต์ เพื่อเพิ่มประสบการณ์ให้กับผู้บริโภคมากขึ้น
jeep.com ได้เลือกใน AR มาช่วยเพิ่มประสบการณ์ให้ผู้บริโภค ให้สามารถมองเห็น 360 องศาภายในรถ
8. พื้นหลังเบลอ
การเบลอพื้นหลังในหน้าแรก เป็นทางเลือกหนึ่งสำคัญใครที่ต้องการแนวซอฟต์โฟกัส สามารถมองได้แบบเรื่อย ๆ โดยพื้นที่ด้านหลังจะถูกไล่สีพอประมาณเพื่อเพิ่มความน่าสนใจ
9. Scrolling cards
Scrolling cards คือเมื่อเราเลื่อนเมาส์หรือ Scroll เมาส์จะเห็นเป็นการ์คแผ่นใหม่มาแทนที่หน้าเดิม ซึ่งลักษณะแบบนี้จะเพิ่มความน่าสนใจให้กับเว็บไซต์ และทำให้ผู้ใช้งานรู้สึกสนุกไปกับมัน
8 เทรนด์การออกแบบเว็บไซต์ปี 2021
หลังจากที่เราให้ความสำคัญกับการรูปแบบของเว็บไซต์แล้วอีกหนึ่งสิ่งที่เราต้องให้ความสนใจเช่นกัน
นั้นคือการออกแบบเว็บไซต์ เพราะมันเป็นปัจจัยที่จะให้ผู้อ่านใช้งานเว็บไซต์เราง่าย และอยู่ในเว็บนั้นนานขึ้น
- Responsive Design – เว็บไซต์ที่ดีต้องสามารถแสดงผลได้ดี อ่านง่ายทั้งในมือถือ คอมพิวเตอร์ แท็ปเล็ต
2. Headline ชัดเจน – First Impression ที่ส่งผลต่อการอยู่ในเว็บไซต์ต่อ ฉะนั้นการปรับ Headline มห้เด่นและน่าสนใจ และมีคีย์เวิร์ดที่ตรงกับคำค้นหาบ่อย จะดีมาก
3. มีทั้ง graphics design และภาพถ่าย – ทั้งสองสิ่งนี้เป็นสิ่งที่จะเพิ่มความน่าสนใจให้กับ Content ของเรา อีกทั้งการใช้หน้าคน สามารถเป็นสิ่งดึงดูดสายตาได้ดีและเพิ่มความน่าเชื่อถืออีกด้วย
4. มี White Space ที่พอดี – การมี White Space ที่พอดี ก็เป็นอีกเทรนด์ที่น่าสนใจ
5. โหลดหน้าเว็บเร็ว – การที่หน้าเว็บโหลดช้าจะส่งผลไม่ดีต่อธุรกิจอย่างมาก เนื่องจากผู้บริโภคสมัยนี้ไม่ชอบรออะไรนานๆ Google พบว่าผู้ใช้งานกว่า 53% จะปิดเว็บไซต์ที่โหลดไม่เสร็จภายใน 3 วินาที
6. โครงสร้างของเว็บไซต์ต้องวางให้ดี – การวาง Structure หรือโครงสร้างบนหน้าเว็บไซต์ของเรา ต้องใช้งานง่าย ไม่ซับซ้อน
7. การทำ SEO – การทำให้เว็บไซต์ติดอันดับใน Google Search เป็นสิ่งที่สำคัญ เพราะส่วนใหญ่ผู้ใช้งานจะเข้าถึงจากการค้นหาในเว็บ Google
8. มีช่องทางการติดต่อที่ง่ายและครบถ้วน – การมีช่องทางการติดต่อบนเว็บไซต์ครบถ้วนและมองเห็นได้ง่ายจะช่วยให้ลูกค้าสามารถติดต่อเราได้เร็วขึ้น
โดยข้อมูลเหล่านี้ถูกรวบรวมจาก hatyaiapp
อ่านเพิ่มเติมเกี่ยวกับ : Branding trends 2021 – กระแสแบรนด์ระดับโลก ได้ที่นี่
อ่านเพิ่มเติมเกี่ยวกับ : Catalog Trends 2021 – ความเป็นดิจิตอลสร้างโอกาสให้คุณมากเพียงใด ได้ที่นี่
อ่านเพิ่มเติมเกี่ยวกับ : Logo trends ปี 2021 – การดีไซน์ที่ออกนอกขอบเขต ได้ที่นี่