จากบทความ “พาชม Website color Scheme แนวสี Earth Tone” ที่เราได้พูดถึงความหมายของ Website color scheme และตัวอย่างเว็บไซต์ที่ออกแบบในลักษณะโทนสี Earth Tone กันไปแล้ว สำหรับในบทความนี้เราจะพาคุณไปชมตัวอย่างเว็บไซต์ที่ออกแบบมาในธีมสีโทนร้อน และดูลักษณะการออกแบบดีไซน์ที่น่าสนใจของเว็บไซต์เหล่านั้น SOVIET DESIGN Soviet Design เป็นเว็บไซต์ที่เป็นตัวอย่างการออกแบบดีไซน์ที่ดี มีการวาง Website… Read More »Website color Scheme – สีโทนร้อน
Color Scheme คืออะไร ? ก่อนที่เราจะไปทำความรู้จักกับ Website color Scheme เราอยากจะให้ทุกคนมารู้จักกับคำว่า Color Scheme ก่อนว่ามันคืออะไร มันคือตัวช่วยที่จะทำให้รู้ว่าเราควรเลือกใช้สีอะไรในวงล้อสี(Color Wheel) มาใช้ทั้งในส่วนของโลโก้ พื้นหลังเว็บไซต์ ตัวหนังสือ หรือแม้กระทั่งองค์ประกอบต่าง ๆ ซึ่งมันก็มีทฤษฎีที่สามารถอธิบาย Color Scheme ในบทความนี้เราจะอธิบายให้เข้าในภาพรวมของ Color Scheme… Read More »พาชม Website color Scheme แนวสี Earth Tone
Heatmap มันคือวิธีการตรวจสอบที่มีประสิทธิภาพในการทำความเข้าใจว่าผู้ใช้งานทำอะไรบ้างบนเว็บไซต์ของคุณ ไม่ว่าจะคลิกในตำแหน่งไหน เลื่อนไปไกลแค่ไหน สนใจและไม่สนใจอะไร
หรือเราสามารถเรียกได้ว่า Heatmap Analytic ซึ่งเป็นเครื่องมือวิเคราะห์เว็บไซต์โดยการเก็บข้อมูลผู้ใช้งานขณะใช้งานบนหน้าเว็บ โดยข้อมูลที่ผ่านการวิเคราะห์จะถูกแสดงผลออกมาเป็นเฉดสีต่าง ๆ เพื่อให้ทราบตำแหน่งที่ผู้ใช้สนใจมากที่สุดและน้อยที่สุด นอกจากHeatmap จะเปฌนอนาคตของ Web Analytics
Wireframe นั้นมีเปรียบเสมือนพิมพ์เขียวของการออกแบบสถาปัตยกรรมหรือการออกแบบสิ่งปลูกสร้าง มันเป็นโครงร่าง สองมิติหน้าเว็บไซต์หรือหน้าแอปที่มีไว้ให้เห็นภาพรวมของหน้าเว็บไซต์นั้นๆก่อน โดยจะมีรายละเอียดต่างๆที่สามารถบอกได้ถึง Flow การไหลของ User, ฟังชั่นการใช้งาน เป็นต้น Wireframe จะต้องแสดงให้เห็นถึงลักษณะโดยรวม แนวคิด ธีมสี และลักษณะหน้าตากราฟิกคร่าวๆ เรามักจะเห็น Wireframe ที่ใช้ดินสอในการออกแบบและเขียนแบบขึ้นมา เช่นเดียวกับการออกแบบสิ่งปลูกสร้างต่างๆเพื่อให้สามารถลบและแก้ไขได้ง่ายๆ แต่ในปัจจุบันนี้มีเว็บไซต์ที่สามารถเข้าไปใช้งานเพื่อลองออกแบบหน้าเว็บไซต์ Wireframe ได้ เช่น (lucid.app) Wireframe… Read More »Website Wireframe – สิ่งจำเป็นที่ต้องมีก่อนจะเริ่มออกแบบเว็บไซต์
ต่อจากบทความที่แล้ว 1993 – 1999 Website Graphic Trends ที่เราได้พูดถึงลักษณะการออกแบบกราฟิกบนเว็บไซต์ในช่วงยุค 1993 -1999 มาแล้วนั้นก็ทำให้ทราบถึงความเปลี่ยนแปลงและวิวัฒนาการต่างๆ และมาต่อกันในบทความนี้ที่จะกล่าวถึงช่วงยุคหลังจากนั้นคือปี 2000-2009 คุณจะเห็นการเปลี่ยนแปลงที่ชัดเจนมากยิ่งขึ้นนอกไปจากนั้นยังเป็นช่วงยุคที่เว็บไซต์ที่เป็นที่รู้จักกันในทั่วโลกในปัจจุบันได้ถือกำเนิด 2000-2002 ช่วงยุคที่พัฒนาการด้านภาพ, Directories, ระบบนำทางสู่เว็บไซต์อื่น ยุคนี้เป็นเหมือนยุคต้นกำเนิดของระบบ UX/UI แต่เป็นเพียงการเริ่มต้นของระบบเท่านั้นเพราะในปัจจุบันนี้ระบบ UX/UI ได้ถูกพัฒนาขึ้นอย่างหลากหลาย การใช้ภาพการ์ตูนเป็นลักษณะการออกแบบของเว็บไซต์ส่วนใหญ่ในสมัยนั้น ถูกพัฒนาในลักษณะของภาพเคลื่อนไหวมากขึ้นและลดข้อความที่ไม่จำเป็นน้อยลง… Read More »Website graphic trends 2000-2009
การออกแบบกราฟิกนั้นคือการใช้องค์ประกอบต่าง ๆ เพื่อแก้ปัญหาและสื่อสารข้อความในรูปแบบภาพออกมาให้ผู้อ่านสามารถเข้าใจ ซึ่งภาพกราฟิกนั้นจะมีให้พบเห็นในหลากหลายรูปแบบ และในบทความนี้เราได้รวบรวมกราฟิกทั้งหมด 5 ประเภทที่มักพบเห็นในเว็บไซต์ให้ทุกคนรู้จักกัน รูปแบบไฟล์ที่จะพูดถึงได้แก่ JPEG, PNG, SVG, TIFF และ GIF โดยไฟล์แต่ละแบบจะได้รับการออกแบบโดยคำนึงถึงวัตถุประสงค์ที่ต่างกัน ดังนั้นก่อนเลือกไฟล์มาแต่ละประเภทควรคำนึงว่าเว็บไซต์ของเรานั้นต้องการสื่อออกมาในแบบไหน ☑ JPEG ไฟล์ประเภท JPEG ย่อมาจาก Joint Photographic Expert Group… Read More »รู้จัก 5 ประเภทกราฟิกที่ใช้ในเว็บไซต์ต่าง ๆ (Website graphic types)
ในปัจจุบันนี้ เกิดการเปลี่ยนแปลงและพัฒนาด้าน Graphic บนเว็บไซต์เกิดขึ้นมากมาย มีลักษณะการออกแบบ การวางรูปแบบเลย์เอ้าที่ดูแตกต่างกันและมีลักษณะที่สวยงาม แต่สำหรับในบทความนี้เราจะพาย้อนอดีตไปกันหน่อยว่าในช่วงยุคที่อินเตอร์เน็ตเริ่มต้นขึ้นช่วงแรกๆนั้น การออกแบบกราฟิกดีไซน์ในยุคสมัยนั้นถูกพัฒนาบนหน้าเว็ปไซต์อย่างไร และมีลักษณะหน้าตาของเว็ปเป็นอย่างไรตามยุคไล่ตั้งแต่ปี 1993 จนถึงปี 1999 1993 Mosaic 1.0 November 11th นักศึกษาจากมหาวิทยาลัย อิลลินอยส์ ได้สร้างเว็บเบราว์เซอร์ที่มีหน้าตา Interface ที่มีหน้าตาธรรมดาไม่มีงานกราฟิกที่ดูซับซ้อนเน้นการใช้งา ชื่อว่า Mosaic ชื่อเต็มคือ… Read More »1993 – 1999 Website Graphic Trends
หลังจากปี 2020 สิ้นสุดไปมีผู้ซื้อออนไลน์ทั่วโลกมากกว่า 2.05 พันล้านคน นี่เป็นเหตุผลที่จะสามารถสนับสนุนความคิดของผู้ประกอบการที่ว่าทำไมธุรกิจจึงจำเป็นต้องมีร้านค้าออนไลน์ และนี่ยังเป็นอีกเหตุหนึ่งที่ผู้พัฒนาแพลตฟอร์มตลาดผู้ขายออนไลน์หลายราย (Multivendor Marketplaces) ขึ้นมา บทความที่เกี่ยวข้อง : Platform E-Commerce ก่อนอื่นเลยอยากจะพาทุกคนไปรู้จักกับคำว่า Multivendor Marketplaces ว่ามันหมายความว่าอะไรและคืออะไร? Multivendor Marketplaces คือ ตลาดออนไลน์ที่มีผู้ขายหลายคน หรือก็คือแพลตฟอร์มอีคอมเมิร์ซที่มีผู้ขายหลายรายขายผลิตภัณฑ์ของตัวเองจากหน้าร้านเดียว มีสินค้าหลายพันรายการ ยกตัวอย่างเช่น… Read More »Multivendor Marketplaces คืออะไร พร้อมตัวอย่าง 4 อันดับที่น่าสนใจ