แล้วถ้าอยาก ออกแบบเว็บไซต์ ให้ดู Modern ต้องมีอะไรบ้าง ?

 

• Minimal ไว้ก่อน

 

 

​

​

​

​

​

​

​

​

​

​

​

​

​

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

• ต้องมี White space

White space ที่ไม่ได้หมายถึงพื้นที่ที่เป็นสีขาวบนเว็บไซต์ แต่มันคือพื้นที่ว่างบนหน้าเว็บไซต์

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

​

​

​

​

​

​

​

 

 

 

 

 

 

รู้สึกสบายใจที่จะมองหน้าเว็บแบบไหนมากกว่ากันคะ ?

หลายคนก็คงตอบด้านขวาใช่มั้ย (คนชอบด้านซ้ายก็น่าจะมีบ้างแหละ) 

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

ถ้าคุณคิดจะ ทำเว็บไซต์ แบบโมเดิร์น คุณจะต้องคำนึงเจ้า Whitespace ไว้ให้เยอะ ๆ เลยนะคะ
 

• ออกแบบให้ดู Clean 

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

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

​

​

​

​

​

​

​

​

​

​

 

ตัวอย่างเช่น 

ภาพด้านบน คือ การออกแบบเว็บไซต์ ในรูปแบบ Card-based layouts 

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