แนวโน้มการออกแบบเว็บ 2016

ทุกปีคุณจะเห็นเทคนิคเว็บใหม่และแนวโน้ม

ในหน้านี้เราจะนำคุณบางส่วนของแนวโน้มการออกแบบเว็บที่เกี่ยวข้องมากที่สุด

การออกแบบจอ 2.0

แนวโน้มการออกแบบแบนเริ่มต้นกับ Windows Phone 7 และ Windows 8 ในปี 2010:

มันตามมาด้วยแอปเปิ้ลกับ iOS 7 ในปี 2013:

	ปัญหาหนึ่งขนาดใหญ่ที่มีการออกแบบแบนคือการเข้าใจซึ่งพื้นที่ที่สามารถคลิกได้ ความแตกต่างระหว่างภาพและปุ่มคลิกได้คืออะไร?

เกือบออกแบบแบน (Flat 2.0)

เกือบแบนเป็นทางเลือกใหม่เพื่อการออกแบบแบนเดิม

เกือบแบนแร่เชิงลึกเพิ่มเติมสีสดใสเงาที่ซับซ้อนและมิติ

minimalism

อ่านได้ง่าย. ง่ายต่อการเข้าใจ ง่ายต่อการออกแบบ

• บ้าน
• 1 Link
• 2 Link

minimalism สามารถไปจับมือกับการออกแบบเกือบแบน:

เกี่ยวกับฉัน

minimalism เป็นหลักการที่สามารถช่วยให้ผู้คนที่มีความสำคัญในชีวิตของพวกเขา

การออกแบบเรียบง่ายสามารถช่วยลดความซับซ้อนและปรับปรุงการออกแบบเป็นอย่างดี

Typography สามารถอ่านได้

พิมพ์ในธรรมชาติของการออกแบบแบนเป็นเรื่องง่ายและง่ายต่อการอ่าน

ตัวอักษรและสายระยะห่างระยะห่างโดยทั่วไปจะมีขนาดใหญ่

ยังคาดหวังที่เพิ่มขึ้นขนาดตัวอักษรเพื่อมุ่งเน้นเพิ่มเติมเกี่ยวกับความสนใจของผู้อ่าน

	การอ่านเป็นเหตุผลที่สำคัญสำหรับความนิยมของการพิมพ์แบน

ลองตัวเอง»

การออกแบบวัสดุ

SSince เราอาจจะถึงจุดสูงสุดของการออกแบบแบน (เกือบแบน), นักออกแบบจำนวนมากที่คาดว่าจะไปสำหรับการออกแบบวัสดุ (ได้รับการออกแบบโดย Google ในปี 2014)

การออกแบบวัสดุที่ใช้องค์ประกอบที่ทำให้เรานึกถึงกระดาษและหมึก นอกจากองค์ประกอบมีเงาที่สมจริงและโฉบผลกระทบ

Google ออกแบบวัสดุ / a>

ลองตัวเอง»

โลโก้ทำความสะอาด

โลโก้ Cleaner เป็นผลมาจากความนิยมของการออกแบบแบน:

การป้อนข้อมูลแบบเต็มหน้าจอ

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

เต็มหน้าจอมักจะใช้การซ้อนทับหน้าจอหรือกิริยาช่วยแทนการเปลี่ยนเส้นทางไปยังหน้าใหม่

ลองตัวเอง»

การ์ด

บัตรมีทุกที่ในเว็บนี้

MMost การ์ดโดยทั่วไปคือรูปสี่เหลี่ยมที่มีภาพและข้อความบางส่วน

การ์ดได้กลายเป็นโครงสร้างที่พบบ่อยสำหรับการจัดระเบียบพาดหัวรูปภาพและข้อความบนเครื่องบินที่เท่าเทียมกัน

การ์ดจะมีขนาดเล็กหรือใหญ่จะมีหรือไม่มีรูปภาพและมีหรือไม่มีเงา:

จอห์น

สถาปนิกและวิศวกร

จอห์นโด

1 คำขอเป็นเพื่อนใหม่

---

ซีอีโอที่โรงเรียน Mighty ตลาดและการโฆษณา ที่กำลังมองหางานใหม่และโอกาสใหม่ ๆ

+

ส่วนหัว

Lorem Ipsum บังคับ Amet นั่ง, consectetur adipisicing Elit, sed ไม่ eiusmod tempor incididunt UT Labore et dolore Magna aliqua Ut enim โฆษณาขีดต่ำที่สุด veniam, โฟน nostrud exercitation ullamco laboris ค้างคา UT aliquip อดีต EA commodo consequat

fjords

ลิ้นของ Troll ใน Hardanger, นอร์เวย์

ลองตัวเอง»

มือถือครั้งแรก

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

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

50/50 เป็นวิธีที่ง่ายเพื่อให้บรรลุการออกแบบเว็บสำหรับใยตอบสนอง ด้วยการออกแบบที่ 50/50 หน้าจอสามารถแสดงสองหน้าบนหน้าจอขนาดใหญ่และหน้าหนึ่งบนหน้าจอที่แคบ

งานของฉัน

บางส่วนของโครงการล่าสุดของฉัน

เพียงแค่โทรหาฉันที่น่ากลัว

เกี่ยวกับฉัน

Lorem ipusm sed condimentum Vitae Justo, Porta Lectus ประวัติ, ultricies congue Gravida เส้นผ่าศูนย์กลางไม่ใช่ fringilla

ลองตัวเอง»

รูปภาพฮีโร่ขนาดใหญ่

"พระเอกภาพ" เป็นคำที่ใช้สำหรับประเภทเฉพาะของเว็บแบนเนอร์

ภาพพระเอกเป็นภาพขนาดใหญ่อยู่ด้านหน้าของหน้าเว็บ มันมักจะมีทั้งภาพและข้อความบางส่วนและก็สามารถที่จะคงที่หรือรายการหมุนของภาพ

วัตถุประสงค์ของภาพพระเอกที่จะนำเสนอเนื้อหาที่สำคัญที่สุดของเว็บไซต์

การเดินเรือ

มาถึงคุณโดยกัปตันฮุก

ลองตัวเอง»

หน้าเดียว

แนวโน้มการออกแบบเว็บกะจากการคลิกที่ปกติเพื่อเลื่อนแนวตั้ง

เลื่อนช่วยให้ผู้ใช้เพื่อดูเนื้อหาเว็บบนหน้าหนึ่ง

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

ลองตัวเอง»