คู่มือมินิมอลดีไซน์ (Minimalism)

แนวคิดและการใช้หลักการมินิมอลในงานดีไซน์ UX/UI

Tle Puwatai
3 min readSep 18, 2020
GRAND / Graphic Design by Mike | Creative Mints

วันนี้ผมจะมาพูดถึงหลักการออกแบบ UX/UI ในสไตล์ มินิมอล (Minimalism) ถ้าพูดถึงมินิมอลเราจะนึกถึงคำว่า “น้อยแต่มาก” เป็น concept หรือ ภาพลักษณ์ที่เรานึกถึงกันเป็นอำดับแรกและอีกคำนึงคือ “ความเรียบง่าย” เช่นการแต่งตัว เสื้อผ้า ทรงผม หรือแม้กระทั้งหลักการ การใช้ชีวิต

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

พื้นที่ว่าง (White Space)

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

ฉะนั้นเราควรเว้นที่ว่างให้พอดีไม่ให้ผู้ใช้รู้สึกเบาและต้องโดดเด่นได้ด้วยตนเอง

Landing Page — Paulini by Outcrowd
Waiting … Ticktock, Ticktock …by ilo chani
Gas Fetch by Aidar Itkulov

สี (Colour)

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

Out Zone — Website Concept for 404 Page by Tomasz Mazurczak
isoweby by ilo chani
Plant Shop by Julia Jakubiak

รูปภาพและภาพประกอบ (Photography & Illustration)

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

Photo Studio Website by Halo Web
Travel Website Design by Achraf Elkaami
Introducing Blotter Illustrations by Craftwork Studio for Craftwork in Web

ตัวอักษรและการจัดวาง (Typography)

จากที่ว่ามาข้างต้น ทั้งสีและภาพประกอบ ล้วนเป็นสิ่งสำคัญในการออกแบบแต่ที่ขาดไม่ได้เลยก็คือ ตัวอักษร (Typography) โดยหารูปแบบหรือแนวทางใหม่ๆในการจัดวาง เช่น กำหนดตัวหน้าหรือบาง กำหนดให้เว้นวรรคห่างมากขึ้น เป็นต้น

การจัดวางในรูปแบบเหล่านี้จะช่วยทำให้งานที่เราทำแตกต่างและน่าสนใจในแบบมินิมอล (Minimalism) นั้นเอง

Scene Section by Nikita Zimin
Old №8 NØ-ISØ Cover by Jon Way
Market-leading Online Cashier by Cuberto

รูปทรงเรขาคณิต (Shapes)

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

Design Studio — Landing Page by Darion Mitchell
Warm money transfer app by Vadim Drut for heartbeat
Colors Matter / Patreon by Mike | Creative Mints

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

แหล่งอ้างอิง

--

--

No responses yet