5 เทรนด์การออกแบบเว็บไซต์ที่น่าสนใจปี 2018

Watsachon W.
HOBBIZ
Published in
2 min readJan 26, 2018

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

1. กริดแปลก แหกกริด กริดไม่สมมาตร!

Asymmetry and broken grid layouts

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

แต่ขอยกคำของ พี่ปิ๊ก แห่ง Hobbiz มาพูดถึงกันสักหน่อย

“ก่อนจะแหกกริด เราต้องมั่นใจว่าเราทำกริดที่ถูกต้องได้ดีแล้วก่อน”

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

2. อนิเมชั่นบนเว็บไซต์ต้องมา

Integrated animations

เคลื่อนไหวกันให้สุดๆ ไปเลยปีนี้ เนื่องจาก 2–3 ปีที่ผ่านมานั้นเป็น Trend ของบิ๊กเบิ้มอย่าง Minimalism ที่จะวางของนิ่งๆ ในพื้นที่โล่งๆ ปีนี้เราก็ยังคงความ Minimal ได้เหมือนเดิม แต่อาจจะต้องเพิ่มเติมด้วยการเคลื่อนไหวเล็กน้อยบนเว็บไซต์ ไม่ว่าจะเป็นการทำ Parallax หรือการขยับเป็นจังหวะนิดๆหน่อยๆ พอให้ user รู้สึกกระชุ่มกระชวยหัวใจ รู้สึกเหมือนเติมชีวิตชีวาให้กับเว็บไซต์เราอีกครั้ง

3. สีสันสดใสขึ้น และการไล่สี

More Bright Color & Gradients

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

4. ตัวอักษรใหญ่ และหนักแน่น

Big & Bold typography

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

5. หน้าจอมือถือมาเป็นอันดับ 1

Making Mobile a Priority

จากสถิติต่างๆที่ถูกพูดถึงในปีที่ผ่านมาล้วนออกมาในแนวทางเดียวกันว่า กว่าครึ่งของผู้ใช้งานเว็บไซต์นั้นใช้งานผ่านทางมือถือ ทำให้ทุกสำนัก หรือแม้กระทั่ง Google เองหันมาให้ความสำคัญกับการออกแบบเว็บไซต์สำหรับมือถือมากขึ้น โดยยกให้เป็นสิ่งสำคัญอันดับแรกที่ต้องนึกถึง (บางสำนักเริ่มการดีไซน์จากหน้าจอมือถือก่อนหน้าจอ Desktop ซะอีก) โดยทาง Google เองก็มีข่าวแว่วออกมาว่าภายในครึ่งปีแรกของ 2018 จะมีการออกหน้า Index สำหรับมือถือออกมาให้ User ได้ลองใช้งานกัน

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

ref:

https://digitalmarketinginstitute.com/blog/2017-11-07-11-web-design-trends-to-watch-in-2018

https://searchengineland.com/faq-google-mobile-first-index-262751

https://www.weebly.com/inspiration/web-design-trends-2018

https://designshack.net/articles/inspiration/web-design-trends-2018/

https://99designs.com/blog/trends/web-design-trends-2018/

--

--

Watsachon W.
HOBBIZ
Editor for

A project manager who loves to play games with the team.