ดีไซน์ Material: ดูการออกแบบเว็บในปัจจุบัน

เป็นเวลาเกือบสองปีแล้วที่ Google ได้พัฒนาและประกาศในการประชุม Google I / O การออกแบบวัสดุ ตามกฎข้อบังคับด้านการออกแบบที่จะนำมาใช้และแม้ว่าในตอนแรกจะมุ่งเน้นไปที่การสร้างซ้ำเนื้อหาในระบบปฏิบัติการ Android แต่ก็มีจุดประสงค์เพื่อให้กลายเป็นเทรนด์บนเว็บและบนแพลตฟอร์มใด ๆ ซึ่งเป็นสิ่งที่เราสามารถยืนยันได้ในวันนี้ แม้ว่าเราจะพูดถึงมันเป็นครั้งคราว แต่ความจริงก็คือเราไม่เคยหยุดที่จะเห็นการเข้ารหัสนี้ในเชิงลึกดังนั้นวันนี้เราจะมาทบทวนหลักการและคุณสมบัติที่เป็นลักษณะเฉพาะที่สุดของมัน

อะไรคือคุณสมบัติที่กำหนดของการออกแบบวัสดุ? การเคลื่อนไหว Flat Design เกี่ยวข้องกับอะไรบ้าง?

จะพูดอย่างไรเกี่ยวกับเทรนด์การออกแบบเว็บนี้?

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

ลำดับความชัดเจนอ่านง่าย

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

การจัดแสงและความสมจริง

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

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

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

จังหวะคำสั่งภาษา

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

การเข้ารหัสไม่ จำกัด

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

การออกแบบแบนไม่เหมือนกับการออกแบบวัสดุ

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