Search
มาตกแต่งเว็บหรือแอปของคุณให้สวยงามแบบมือโปรกันเถอะ !!
.
ด้วย CSS Generator ซึ่งแอดได้รวบรวม และนำมาแจกให้เพื่อน ๆ ไปใช้งานกันได้ฟรี 💵 สำหรับสร้าง Background Gradient, Color Palette, ไอคอน, Neumorphism และอื่น ๆ อีกมากมาย
.
ช่วยให้เพื่อน ๆ สร้างหน้า UI เว็บให้สวย แถมไม่ต้องนั่งเขียนโค้ดเองให้เมื่อยมือ เพราะเขามีโค้ดให้หมดแล้วก็อปไปใช้งานได้เลย สะดวกสุด บอกเลยว่าชาวเว็บเดฟห้ามพลาดเลยจ้า~~
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#CSS #BorntoDev
🌈 อยากออกแบบเว็บไซต์ให้น่าสนใจ มีคนเข้าใช้งานเยอะ ๆ ทำยังไงได้บ้าง ?
.
👉 มาดูเทรนการออกแบบเว็บไซต์ที่จะมาแรงในปีนี้ และปี 2022 ทิศทางการออกแบบเว็บไซต์จะเป็นแบบไหน มีอะไรใหม่ มีอะไรน่าสนใจบ้าง แนวไหนที่กำลังจะมาแรง มาดูไปพร้อมกันเลย !!
.
.
🌟 ใช้กราฟิกและแอนิเมชันแทนวิดีโอ
.
ใช้กราฟิกและแอนิเมชันสวย ๆ แทนการใช้วิดีโอ เพราะบางครั้งวิดีโอมีขนาดใหญ่เกินไป อาจจะทำให้หน้าเว็บของเราโหลดช้าได้ ซึ่งนั่นทำให้เกิดผลไม่ดีกับผู้ใช้แน่ ๆ เขาจะได้รับประสบการณ์ที่ไม่ดี ทำให้ไม่อยากกลับเข้ามาใช้งานเว็บไซต์ของเราอีก ดังนั้นเราควรให้ความสำคัญกับการเลือกใช้ภาพกราฟิกและแอนิเมชันที่เหมาะสม แทนการใช้วิดีโอนั่นเอง
.
.
🌟 เรียบง่ายและเข้าใจผู้ใช้
.
จัดการองค์ประกอบที่ไม่จำเป็นออกไปจากเว็บไซต์ของเราให้มากที่สุด เช่น ลิงค์เสีย สแปม ลิงค์ของเนื้อหาจากเว็บภายนอก หรือเนื้อหาเก่า ๆ บนเว็บไซต์ เป็นต้น ซึ่งการทำแบบนี้จะทำให้หน้าเว็บของเราโหลดได้ไวมากขึ้น และสามารถเพิ่ม SEO ให้หน้าเว็บของเราติดอันดับได้นั่นเอง และควรใช้การออกแบบที่เรียบง่าย ให้ผู้ใช้สามารถใช้งานได้ง่ายมากที่สุด สิ่งนี้จะช่วยเพิ่มความพึงพอใจของผู้ใช้ให้มากขึ้น
.
.
🌟 อินเทอร์เฟซแบบคำสั่งเสียง
.
ต้องคำนึงถึงการใช้งานของผู้ใช้ทุกประเภท ทั้งผู้ใช้ปกติ และผู้ใช้ที่พิการ ซึ่งเทรนใหม่ที่กำลังมาคือเว็บไซต์จะรองรับอินเทอร์เฟซแบบเสียงมากขึ้น การเชื่อมต่อต่าง ๆ จะทำได้โดยผ่านคำสั่งเสียง เพื่อรองรับผู้ใช้ที่พิการทางสายตา และผู้ใช้ปกติที่ต้องการความสะดวกในการใช้งานมากขึ้น ซึ่งเว็บไซต์อีคอมเมิร์ซส่วนใหญ่ในปัจจุบันก็เริ่มมีการเพิ่มฟีเจอร์นี้ลงในเว็บไซต์ของเขาแล้ว
.
.
🌟 เทคโนโลยี AR
.
AR หรือ Augmented Reality เทคโนโลยีเสมือนโลกแห่งโลกแห่งความจริง ซึ่งเป็นเทรนที่มาแรงมากในปัจจุบัน และเริ่มมีการนำมาใช้งานกับเว็บไซต์เพื่อเพิ่มความน่าสนใจ และสามารถดึงดูดผู้ใช้ได้มากยิ่งขึ้น
.
.
🌟 Dark Mode
.
เทรนที่มากแรงมาก ๆ เช่นกันกับ Dark Mode เป็นสภาพแวดล้อมที่มีแสงน้อย ช่วยให้ผู้ใช้สามารถท่องเว็บของเราได้โดยไม่ปวดตา และผู้ใช้สามารถใช้เวลากับเว็บของเราได้มากขึ้น ผู้ใช้ส่วนใหญ่จะประทับใจเว็บไซต์ที่มี Dark Mode ให้เลือกมากกว่าเว็บไซต์ธรรมดาที่ไม่มีโหมดนี้ หากใครที่กำลังสร้างเว็บอย่าลืมเพิ่มโหมดนี้เข้าไปด้วยล่ะ
.
.
🌟 Neumorphism UI
.
ใช้การออกแบบ UI ในลักษณะ Neumorphism ซึ่งเป็นเทรนการออกแบบที่กำลังมาแรง ผู้ใช้สามารถเข้าถึงเนื้อหาได้ง่ายมากขึ้น มีความสวยงาม มินิมอล และสบายตา การจัดองค์ประกอบ ปุ่ม กล่องข้อความ โดยใช้เทคนิค Neumorphism สิ่งนี้จะเพิ่มความน่าสนใจให้กับเว็บไซต์มากขึ้นนั่นเอง
.
.
🌟 Geometric Grids
.
Geometric Grids คือ กริดแบบเรขาคณิต เป็นอีกทางเลือกหนึ่งที่ใช้ในการจัดองค์ประกอบ เลย์เอาต์ แถว และคอลัมน์ โดยใช้ Geometric Grids มันมีความยืดหยุ่น สามารถจัดรูปแบบได้อย่างอิสระ ซึ่งจะทำให้ภาพรวมของเว็บไซต์ดูน่าสนใจมากยิ่งขึ้น
.
.
📑 Source : https://www.geeksforgeeks.org/top-10-website-design-trends-that-you-must-consider/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#webdesign #BorntoDev
macOS 11.0 (Big Sur) มีการเปลี่ยนแปลงเรื่องดีไซน์ใหม่เรียกเป็นศัพท์เฉพาะว่า neumorphism ซึ่งกว่าที่แอปเปิ้ลจะมาถึงวันนี้ต้องย้อนกลับไปเกือบ 40 ปีเรื่องดีไซน์ของ Mac OS ในแต่ละยุคมีที่มาที่ไปในเรื่องการออกแบบมาตลอดเวลา ในตอนแรกเรามาย้อนเวลาไปพร้อมกัน
https://www.youtube.com/watch?v=W8jH1QC92uU
ติดตามตอนต่อไปได้ที่ Playlist นี้ครับ
https://www.youtube.com/playlist?list=PLPZc6r6JMlMTCvk_-IJF0RyGdUqq_q1K5
macOS 11.0 (Big Sur) มีการเปลี่ยนแปลงเรื่องดีไซน์ใหม่เรียกเป็นศัพท์เฉพาะว่า neumorphism ซึ่งกว่าที่แอปเปิ้ลจะมาถึงวันนี้ต้องย้อนกลับไปเกือบ 40 ปีเรื่องดีไซน์ของ Mac OS ในแต่ละยุคมีที่มาที่ไปในเรื่องการออกแบบมาตลอดเวลา
macOS 11.0 - Big Sur มีการเปลี่ยนแปลงเรื่องดีไซน์ใหม่เรียกเป็นศัพท์เฉพาะว่า neumorphism ซึ่งกว่าที่แอปเปิ้ลจะมาถึงวันนี้ต้องย้อนกลับไปเกือบ 40 ปีเรื่องดีไซน์ของ Mac OS ในแต่ละยุคมีที่มาที่ไปในเรื่องการออกแบบมาตลอดเวลา ในตอนแรกเรามาย้อนเวลาไปพร้อมกัน
2021-1-16 - Explore Kyle Lei's board "Neumorphism UI" on Pinterest. ... Neumorphic UI elements by Paweł Modzelewski on Dribbble Web Design, App Ui Design, ... ... <看更多>
Awesome Neumorphism · UI Component Libraries · CSS UI Libraries · UI Kits · Neumorphism Shadow Generator · Neumorphism For Swift · Neumorphism Icons · More Resources. ... <看更多>
neumorphism 在 Neumorphism（Soft UI） - 竹白記事本 的推薦與評價
Neumorphism 是由「New Skeuomorphism」組合的新名詞，也就是新型態的擬物化風格設計，中文稱作新擬態、同化，也有設計師稱其為Soft UI（軟UI）。 ... <看更多>
相關內容