flat design เทรนออกแบบที่มาแรงในตอนนี้

flat design เทรนออกแบบที่มาแรงในตอนนี้

     วิธีใช้งาน flat design

เราจะใช้งาน flat design ยังไง ให้งานออกแบบที่ flat แล้วทำให้งานออกมาดูดี รวมไปถึงเครื่องมือและวิธีการต่างๆ ซึ่งเราจะมาแนะนำเทคนิคในส่วนนี้กัน

     1.  ใช้เงายาว

การเลือกใช้เงาแบบนี้มักจะใช้งานในส่วนของปุ่ม UI ขนาดเล็กและจะใช้โทนสีแค่สีเดียว ทำมุม 45 องศาเพื่อให้ง่ายต่อการนำไปใช้งานต่อ (แน่นอนเราตั้งค่ามุม 45 ย่อมจำง่าย) เงาแบบยาวจะช่วยเพิ่มความลึกให้กับ UI เรามากขึ้น แต่วิธีการใช้งานเงาแบบนี้อาจจะโดนแทนที่ด้วยเงาแบบที่สั้นขึ้นในอนาคต

      2.  ใช้สีที่สดใส

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

      3.  ใช้ตัวอักษรง่ายๆ

บางที Flat Design อาจจะไม่เหมาะกับฟ้อนต์อย่าง Helvetica ลองเลือกฟ้อนต์ที่มีรูปแบบที่น้อยๆ ง่ายๆ โดยเฉพาะฟ้อนต์ที่เป็น sans serif ลองเลือกดูฟ้อนต์มีความกว้างที่พอเหมาะ ระยะห่างที่พอดี ซึ่งมันจะส่งผลให้ผู้อ่านอยากอ่านข้อความบนงานของเรา

      4.  ปุ่มใส

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

      5.  Minimalism

ทำทุกอย่างให้น้อยเข้าไว้ หลายคนจะมองว่า flat design กับ minimal จะมีลักษณะที่คล้ายกันโดยเฉพาะเรื่องของเงาและไม่ใช้พื้นผิวที่ซับซ้อน และงานแบบ minimal มักจะมีการใช้สีที่น้อยไม่กี่สีเน้นความสะอาดตาและเน้น white space ที่มากกว่า แต่งานแบบ flat design มักจะใช้สีที่สดใส จัดจ้าน

โดย :
 3899
ผู้เข้าชม

บทความที่เกี่ยวข้อง

คุณรู้ไหมว่า Canonical Tag คืออะไร? จริงๆ แล้วมันเกี่ยวข้องกับ SEO หรือการปรับแต่งเว็บให้ติด Search Engine การใส่ Canonical tag เอาไว้ที่เว็บ เพื่อเป็นการลดและป้องกันการ เกิดข้อมูลซ้ำ (duplicate content) ของเว็บเรา
บทความนี้ผมจะพามารู้จักเทคนิคเล็กๆน้อยๆ ที่จะทำให้เว็บไซต์โหลดเร็วขึ้นกว่าเดิม
หลังจากมีเว็บไซต์ที่ตรงตามความต้องการแล้ว ลำดับถัดมาที่ต้องทำ คือเรื่องของการสร้างความเชื่อมั่นให้เว็บไซต์ เพราะหลายครั้งที่เราเข้าเว็บแล้วรู้สึกว่าเว็บไซต์นี้ไม่น่าเชื่อถือ ไม่มีความเคลื่อนไหว ก็จะกดออกไป ดังนั้นหากไม่ต้องการที่จะเสียโอกาส ก็ต้องรู้ไว้ว่า ต้องทำเว็บไซต์แบบไหน ลูกค้าถึงจะเชื่อมั่น ในธุรกิจของเรา

Feature SoGoodWeb

SoGoodWeb มีระบบรับชำระเงินแบบใหม่ผ่าน Pay Solution รองรับทุกธนาคารชั้นนำ ทำให้การจ่ายเงินผ่านช่องทางออนไลน์เป็นเรื่องง่าย ช่วยให้ลูกค้าจ่ายเงินออนไลน์ได้อย่างสะดวก
LINE Notify คือ บริการที่คุณสามารถได้รับข้อความแจ้งเตือนจากเว็บเซอร์วิสต่างๆ ที่คุณสนใจได้ทาง LINE โดยหลังเสร็จสิ้นการเชื่อมต่อกับทางเว็บเซอร์วิสแล้ว คุณจะได้รับการแจ้งเตือนจากบัญชีทางการของ “LINE Notify” ซึ่งให้บริการโดย LINE นั่นเอง
เหมาะสำหรับลูกค้าที่เปิดธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ทั้งที่เป็นเจ้าของเอง หรือเป็นรายย่อย เป็นระบบจองทัวร์ ที่ช่วยทำให้การจัดการธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ให้เป็นเรื่องง่าย
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์