ตัวอย่างการออกแบบเว็บไซต์ที่ใช้การ์ด 25 ตัวอย่าง

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



ย้อนกลับไปในสมัยก่อนการ์ดมีความหมายเหมือนกันกับ Hallmark วันนี้เป็นการออกแบบเว็บ การ์ดหรือที่เรียกว่ากระเบื้องหรือภาพบุคคลเป็นการออกแบบที่กลายเป็นเทรนด์ออนไลน์อย่างรวดเร็วด้วย Google, Facebook และ Twitter

600 ความหมาย

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

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

เป็นไปได้ที่จะสร้างการออกแบบเว็บที่ใช้การ์ดด้วยตัวคุณเอง แต่คุณต้องแน่ใจว่าคุณได้รับปัจจัยทั้งสามนี้ถูกต้อง:

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

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

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

ต่อไปนี้คือ 25 ตัวอย่างการออกแบบโดยใช้การ์ดที่สร้างสรรค์มาอย่างดี

สารบัญ

เว็บไซต์สถาปัตยกรรมโดย Oliur

เว็บไซต์สถาปัตยกรรมโดย Oliur

การ์ดอุณหภูมิโดย Bruno Passos

การ์ดอุณหภูมิโดย Bruno Passos

สำรวจส่วนโดย Patryk Adas

สำรวจส่วนโดย Patryk Adas

แนวคิดหน้าแรกของ Linkedin โดย Emerson McIntyre

แนวคิดหน้าแรกของ Linkedin โดย Emerson McIntyre

หน้าแบบทดสอบมือถือโดย Rosie Manning

หน้าแบบทดสอบมือถือโดย Rosie Manning

แม่แบบนิตยสารโดย Oliur

แม่แบบนิตยสารโดย Oliur

คลิปบอร์ดโดย Oliur

คลิปบอร์ดโดย Oliur

เลย์เอาต์นิตยสาร Dexterity Blog โดย Oliur

เลย์เอาต์นิตยสาร Dexterity Blog โดย Oliur

Ink- เนื้อหา WordPress โดย Kyril Ku

Ink- เนื้อหา WordPress โดย Kyril Ku

Google Cards Style โดย Ridhwan Razak

Google Cards Style โดย Ridhwan Razak

เลือกการ์ดโดย Corey Haggard

เลือกการ์ดโดย Corey Haggard

Etiolate Tumblr Theme โดย Oliur

Etiolate Tumblr Theme โดย Oliur

Google Now

Google Now

เลี้ยงลูก

Dribbble - แสดงและบอกต่อสำหรับนักออกแบบ (20150729)

แนวคิดไคลเอนต์อีเมลโดย Roman Shkolny

แนวคิดไคลเอนต์อีเมลโดย Roman Shkolny

สถิติง่ายๆโดย Lina Bo

สถิติง่ายๆโดย Lina Bo

Pinterest

Pinterest- ค้นพบและบันทึกความคิดสร้างสรรค์ (20150729)

Silktricky

ไหม

แอป Newsfeed ฟรีโดย Edi Gil

แอป Newsfeed ฟรีโดย Edi Gil

ReaLync โดย Piper Lawson

ReaLync โดย Piper Lawson

แอพสำหรับนักท่องเที่ยวในดูไบโดย Volodymyr Kurbatov

แอพสำหรับนักท่องเที่ยวในดูไบโดย Volodymyr Kurbatov

ทำความสะอาดมุมไบของฉันโดย Rahul Bhadauria

ทำความสะอาดมุมไบของฉันโดย Rahul Bhadauria

บัตรเครดิตในกระเป๋าสตางค์โดย Gleb Kuznetsov

บัตรเครดิตในกระเป๋าสตางค์โดย Gleb Kuznetsov

เค้าโครงเนื้อหานิตยสาร / บล็อกด้วยตนเองโดย Oliur

นิตยสารคู่มือ: เค้าโครงเนื้อหาบล็อกโดย Oliur

แอพโต้ตอบร้านค้า 360 โดย Budi Tanrim

แอพโต้ตอบร้านค้า 360 โดย Budi Tanrim

แบ่งปันกับเพื่อนของคุณ:

123 เลขนางฟ้า ความรัก