ตัวอย่างการออกแบบเว็บไซต์ที่ใช้การ์ด 25 ตัวอย่าง
เราใช้ชีวิตแบบดิจิทัล แม้แต่ผู้ที่เกลียดอินเทอร์เน็ตและทุกสิ่งที่เป็นตัวแทนก็ไม่สามารถปฏิเสธความจริงที่ว่านี่คือเวลาและยุคของการแปลงเป็นดิจิทัล มากจนตอนนี้สิ่งของและสิ่งของทั่วไปที่เราใช้ในยุคก่อนอินเทอร์เน็ตกำลังถูกบูทขึ้นเพื่อเข้าร่วมโลกดิจิทัล ตรงจุดเป็นการ์ดธรรมดาและเรียบง่าย
ย้อนกลับไปในสมัยก่อนการ์ดมีความหมายเหมือนกันกับ Hallmark วันนี้เป็นการออกแบบเว็บ การ์ดหรือที่เรียกว่ากระเบื้องหรือภาพบุคคลเป็นการออกแบบที่กลายเป็นเทรนด์ออนไลน์อย่างรวดเร็วด้วย Google, Facebook และ Twitter
600 ความหมาย
ชื่อนี้อาจฟังดูแปลกใหม่ แต่ไม่ใช่แนวคิด ในความเป็นจริงการ์ดเป็นการออกแบบเว็บที่มีอยู่ทั่วไปทุกหนทุกแห่ง หากคุณเคยใช้อินเทอร์เน็ตไม่ต้องสงสัยเลยว่าคุณเคยเห็นอินเทอร์เน็ตมาแล้ว แต่ไม่รู้ว่าคำนี้ครอบคลุมถึงอะไรบ้าง
เช่นเดียวกับบัตรประจำตัวโรงเรียนเก่าการออกแบบเว็บที่ใช้การ์ดจะให้ข้อมูลที่สำคัญในลักษณะย่อ นอกจากนี้ยังกระตุ้นการมีส่วนร่วมด้วยเนื่องจากการ์ดออนไลน์ส่วนใหญ่ไฮไลต์ปุ่ม 'แชร์' ความแพร่หลายของการออกแบบนี้เกิดจากความเข้ากันได้กับสมาร์ทโฟนและแท็บเล็ตซึ่งทำให้ทุกอย่างดูเหนียวแน่นและทำงานได้อย่างราบรื่น
เป็นไปได้ที่จะสร้างการออกแบบเว็บที่ใช้การ์ดด้วยตัวคุณเอง แต่คุณต้องแน่ใจว่าคุณได้รับปัจจัยทั้งสามนี้ถูกต้อง:
- บัตรต้องเป็นข้อมูล การ์ดออนไลน์ไม่มีประโยชน์ แต่ไม่สามารถให้ข้อมูลที่จำเป็นทั้งหมดที่ควรมีได้ ซึ่งรวมถึงชื่อของไซต์ตัวเลือกชื่อผู้ใช้รูปภาพและไอคอน การไหลของข้อมูลเหล่านี้จะต้องสามารถอ่านได้เสมอเพื่อให้ผู้ใช้การ์ดสามารถปฏิบัติตามห่วงโซ่แห่งความคิดได้อย่างง่ายดาย
- การ์ดต้องตอบสนอง นั่นหมายความว่าการออกแบบจะต้องทำงานได้ดีบนหน้าจอต่างๆที่มีขนาดแตกต่างกัน ดังนั้นเมื่อผู้ใช้เปลี่ยนจากพีซีไปใช้สมาร์ทโฟนเขาก็ไม่ควรมีปัญหากับประสิทธิภาพของการ์ด แต่อย่างใด
- การ์ดจับต้องได้ เพื่อให้ผู้ใช้สามารถย่อยข้อมูลทั้งหมดได้ง่ายขึ้นการออกแบบเว็บที่ใช้การ์ดจะต้องมีการใช้ข้อความและภาพอย่างชาญฉลาดเพื่อการสื่อสารความคิดและความคิดที่ง่ายและราบรื่น
วิธีการจัดเรียงเนื้อหาบนการ์ดเป็นกุญแจสำคัญในการออกแบบให้สะดวกสำหรับผู้ใช้ทุกคน การ์ดออนไลน์ส่วนใหญ่ใช้กล่อง (สี่เหลี่ยมและสี่เหลี่ยม) เพื่อแยกเนื้อหาหนึ่งออกจากอีกเนื้อหาหนึ่ง
สิ่งนี้ทำให้เนื้อหามีโครงสร้างที่ดีและเป็นระเบียบซึ่งช่วยเพิ่มความสะดวกในการอ่าน และเพื่อให้ครอบคลุมทั้งหมดการออกแบบเว็บที่ใช้การ์ดจะต้องมีคำกระตุ้นการตัดสินใจที่กระตุ้นการตอบสนองจากผู้ใช้
ต่อไปนี้คือ 25 ตัวอย่างการออกแบบโดยใช้การ์ดที่สร้างสรรค์มาอย่างดี
สารบัญ
- เว็บไซต์สถาปัตยกรรมโดย Oliur
- การ์ดอุณหภูมิโดย Bruno Passos
- สำรวจส่วนโดย Patryk Adas
- แนวคิดหน้าแรกของ Linkedin โดย Emerson McIntyre
- หน้าแบบทดสอบมือถือโดย Rosie Manning
- แม่แบบนิตยสารโดย Oliur
- คลิปบอร์ดโดย Oliur
- เลย์เอาต์นิตยสาร Dexterity Blog โดย Oliur
- Ink- เนื้อหา WordPress โดย Kyril Ku
- Google Cards Style โดย Ridhwan Razak
- เลือกการ์ดโดย Corey Haggard
- Etiolate Tumblr Theme โดย Oliur
- Google Now
- เลี้ยงลูก
- แนวคิดไคลเอนต์อีเมลโดย Roman Shkolny
- สถิติง่ายๆโดย Lina Bo
- Silktricky
- แอป Newsfeed ฟรีโดย Edi Gil
- ReaLync โดย Piper Lawson
- แอพสำหรับนักท่องเที่ยวในดูไบโดย Volodymyr Kurbatov
- ทำความสะอาดมุมไบของฉันโดย Rahul Bhadauria
- บัตรเครดิตในกระเป๋าสตางค์โดย Gleb Kuznetsov
- เค้าโครงเนื้อหานิตยสาร / บล็อกด้วยตนเองโดย Oliur
- แอพโต้ตอบร้านค้า 360 โดย Budi Tanrim
เว็บไซต์สถาปัตยกรรมโดย Oliur
การ์ดอุณหภูมิโดย Bruno Passos
สำรวจส่วนโดย Patryk Adas
แนวคิดหน้าแรกของ Linkedin โดย Emerson McIntyre
หน้าแบบทดสอบมือถือโดย Rosie Manning
แม่แบบนิตยสารโดย Oliur
คลิปบอร์ดโดย Oliur
เลย์เอาต์นิตยสาร Dexterity Blog โดย Oliur
Ink- เนื้อหา WordPress โดย Kyril Ku
Google Cards Style โดย Ridhwan Razak
เลือกการ์ดโดย Corey Haggard
Etiolate Tumblr Theme โดย Oliur
Google Now
เลี้ยงลูก
แนวคิดไคลเอนต์อีเมลโดย Roman Shkolny
สถิติง่ายๆโดย Lina Bo
Silktricky
แอป Newsfeed ฟรีโดย Edi Gil
ReaLync โดย Piper Lawson
แอพสำหรับนักท่องเที่ยวในดูไบโดย Volodymyr Kurbatov
ทำความสะอาดมุมไบของฉันโดย Rahul Bhadauria
บัตรเครดิตในกระเป๋าสตางค์โดย Gleb Kuznetsov
เค้าโครงเนื้อหานิตยสาร / บล็อกด้วยตนเองโดย Oliur
แอพโต้ตอบร้านค้า 360 โดย Budi Tanrim
แบ่งปันกับเพื่อนของคุณ:
123 เลขนางฟ้า ความรัก















