แนวโน้ม 5 ประการในการออกแบบเว็บไซต์ที่เป็นปี 2015

เลื่อนนานมาก

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

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

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

ตัวอย่าง/เงา

การออกแบบการ์ด

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

ตัวอย่าง/Behance

การออกแบบใหม่ที่เรียบง่าย

การออกแบบแบนในปัจจุบันยังห่างไกลจากต้นกำเนิด การทำซ้ำแบบใหม่ที่เหมาะสมยิ่งขึ้นของการออกแบบแบน Ryan Allen เรียกว่า 'Flat Design 2.0' ทำให้มีโอกาสมากขึ้นสำหรับรายละเอียดและการจัดแต่ง นี่คือตัวอย่างเว็บที่มีเทรนด์นี้

ตัวอย่าง/โตโยต้า

ภาพเคลื่อนไหวที่ทรงพลัง

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

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

ตัวอย่าง/ผี

รูปถ่ายที่น่าสนใจ

ด้วยความนิยมของ จอแสดงผลความละเอียดสูง ในปี 2015 นักออกแบบเริ่มให้ความสนใจกับไฟล์ คุณภาพทางศิลปะของภาพถ่าย. ไซต์อื่น ๆ ใช้รูปถ่ายที่สวยงามเพื่อการนำเสนอด้วยภาพมากกว่ากราฟิกดิจิทัล

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

ตัวอย่าง/เว็บไซต์ของ Mario Frigerio