Card Design เทรนด์ดีไซน์ใหม่ที่คุณต้องรู้จัก

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

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
M030
PHP Super Hero Member
PHP Super Hero Member
Posts: 532
Joined: 07/09/2015 10:06 am

Card Design เทรนด์ดีไซน์ใหม่ที่คุณต้องรู้จัก

Postby M030 » 10/09/2015 6:16 pm

Card Design เป็น UI design ใหม่ที่กำลังมาแรง ได้มีเว็บไซต์ดังๆหลายเว็บที่ดึงเอา Card Design มาใช้ เช่น facebook, Pinterest, Google และ Twitter
Card Design ดียังไงทำไมเว็บไซต์ดังๆยังต้องใช้
Card Design ได้ถูกออกแบบมาจากไพ่หรือการ์ดที่เราเห็นอยู่ในชีวิตประจำวัน โดยที่การ์ดแต่ละใบมีพื้นที่จำกัดในการจัดเก็บข้อมูล การ์ดแต่ละใบจัดเก็บข้อมูลที่แตกต่างกันถ้านึกไม่ออกให้นึกถึงไพ่ เพราะไพ่ 1 สำรับจะไม่ซ้ำกันเลย และการ์ดแต่ละใบมี 2 ด้านเสมอ จากข้อมูลข้างต้นจึงมีการนำการ์ดมาแสดงข้อมูลต่างๆสู่บนเว็บไซต์

หากใครยังนึกไม่ออกว่า Card ตัวนี้นำมาใช้บนเว็บไซต์ยังไง ลองนึกถึง facebook โดยโพสใน Facebook 1 โพสแทนด้วยการ์ด 1 ใบ และในการ์ดแต่ละใบ ผู้ใช้สามารถกดไลค์, คอมเม้นท์, แชร์ได้ โดย UI Design แบบนี้มีการใช้ทั้งบนเว็บไซต์ และใน Mobile App ของ Facebook

ข้อดีของ Card Design
1. มีขนาดของข้อมูลที่ไม่มากและไม่น้อยจนเกินไป
2. ใช้พื้นที่ไม่เยอะ
3. เหมาะกับ Responsive Design

สำหรับ Google ก็ได้นำมาใช้เป็น Google Glass โดยได้นำ Card Design ทำออกมา ลองดูสิว่าสวยขนาดไหน ^^
https://www.youtube.com/watch?v=4EvNxWhskf8

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 20 guests