Category Archives: Website

80+ แบบใหม่ ๆ ของตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page)

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

ยิ่งเว็บมีเนื้อหาน้อยเท่าใหร่ ก็ต้องเน้นการ Design ที่ดีขึ้น เพื่อที่จะดึงความน่าสนใจของเว็บขึ้นมา

65 ตัวอย่างการออกแบบเว็บ Portfolio

พอร์ตโฟลิโอ (portfolio=แฟ้มผลงาน) คือการบันทึกสิ่งต่างๆที่แสดงความสนใจ ความถนัด ความสามารถ และความคิดเห็นของตัวเรา

การนำพอร์ตโฟลิโอ มาใส่บนเว็บเราจะเรียกว่า e-Portfolio คือระบบที่ช่วยในการสร้างและเผยแพร่แฟ้มสะสมงาน (Portfolio) ในระบบ Online ผ่านทาง Internet สำหรับบุคคลและองค์กรต่างๆที่ต้องการสะสมผลงานเป็นการนำเสนอเอกลักษณ์ ปรัชญา เป้าหมาย ทักษะ ความสามารถ

30 ตัวอย่างเว็บไซต์ Ecommerce ที่สร้างโดย HTML5

HTML5 เป็นรุ่นภาษามาร์กอัปสำหรับเวิลด์ไวด์เว็บรุ่นต่อไปของ HTML โดยดราฟต์แรกได้ปรากฏออกมาเมื่อ 22 มกราคม พ.ศ. 2551 โดย HTML5 นี้มีการกล่าวถึงรูปแบบสองแบบที่ร่วมกันคือ แบบดั้งเดิม HTML (text/html) ที่รู้จักในชื่อ HTML5 และแบบที่สองคือ XHTML ที่รู้จักในชื่อ XHTML5 โดยทั้งสองระบบได้มีการพัฒนาในเวลาพร้อมกัน และเมื่อสิ้นสุดปี 2552 ทางทีมงานของ XHTML จะมาร่วมพัฒนา HTML5 การเปลี่ยนแปลงสำคัญๆ ใน HTML5 คือ element ใหม่ๆ ที่ใช้งานเจาะจง

50 ตัวอย่างการออกแบบเว็บไซด์ โดยการใช้ CSS3

CSS ย่อมาจากคำว่า Cascading Style Sheets โดยทั่วไปก็จะเรียก CSSหรือไม่ก็ Style Sheets ฉะนั้นโปรดเข้าใจ ว่ามามันคือตัวเดียวกัน CSS แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นต้นมา เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างบนเว็บ

ซึ่งโค้ด CSS3 ก็ถูกพัฒนามาจาก CSS แบบธรรมดา สามารถกำหนดทำอะไรได้มากขึ้น สวยงามขึ้น และบางโค้ดอาจสั้นลง เพื่อการจดจำง่าย ไม่ยึ่งยากและซับซ้อนน้อยลง

35 ตัวอย่างสวย ๆ ของการออกแบบเว็บในรูปแบบย้อนยุค (Retro Website Design)

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

เราลองมาดูตัวการใช้ความคิดสร้างสรรค์ในการออกแบบเว็บในอีกลักษณะหนึ่ง นั่นคือการออกแบบในลักษณะการย้อนยุค (Retro Website Design) ซึ่งจะทำให้การออกแบบเว็บของท่านดูโดดเด่นแล่ะน่าสนใจขึ้นอย่างมาก

40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม (Minimal Website Design) ภาค II

ตอนที่แล้ว ดูตอนก่อนหน้านี้ 40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม (Minimal Website Design) ภาค I

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

50+ ตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page)

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

เพื่อความเข้าใจมากขึ้น ลองมาดู ตัวอย่าง 50 กว่าแบบของการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page Website) ด้วยความคิดสร้างสรรค์ ดูนะครับ

40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม (Minimal Website Design)

“น้อย ๆ เรียบง่าย แต่สวยงาม” คำนี้ใช้ได้เสมอในวงการการออกแบบ ซึ่งก็รวมถึงการออกแบบเว็บไซต์ด้วย ปกติแล้วเรามักจะคุ้นเคยกับการออกแบบเว็บแบบที่ดูเยอะ ๆ ทุกอย่างดูรกไปหมด พอมีเว็บลักษณะนี้เกิดขึ้นมามาก ๆ จะทำให้เป็นแนวทางการออกแบบที่หน้าเบื่อ ก็เลยเกิดการออกแบบเว็บแนวใหม่เกิดขึ้นมาซึ่งนั่นก็คือ การออกแบบที่เรียกว่า Minimal Website Designs หรือ น้อย ๆ แต่สวยงาม แต่สวยงามนั่นเอง

มาดู 40+ ตัวอย่างการออกแบบเว็บแบบน้อย ๆ แต่สวยงาม กันนะครับ

60 กว่าตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page)

Single Page Website คือ การแสดงผลเว็บไซต์ที่สะดวก ง่าย และรวดเร็ว ด้วยการแสดงผลภายในหนึ่งหน้าจอเท่านั้น โดยสามารถกดเลื่อนไปยังส่วนต่างๆ ของเว็บไซต์ได้โดยที่ไม่ต้องโหลดหน้าใหม่

เพื่อความเข้าใจมากขึ้น ลองมาดู ตัวอย่าง 60กว่าแบบของการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page Website) ด้วยความคิดสร้างสรรค์ ดูนะครับ

55 ตัวอย่างเว็บที่ออกแบบและพัฒนาด้วย HTML5

HTML5 (เอชทีเอ็มแอล 5) เป็นมาตรฐานตัวต่อไปของ HTML ที่อยู่ในระหว่างการพัฒนา โดยมีลักษณะเหมือนมาตรฐานตัวก่อนหน้าทั้ง HTML 4.01 และ XHTML 1.1 ที่ใช้ในการจัดโครงสร้างและการแสดงผลของเนื้อหาสำหรับเวิลด์ไวด์เว็บ มาตรฐานใหม่จะมีคุณลักษณะเด่นที่สำคัญได้แก่

– การใช้งานวิดีโอ
– การแสดงตำแหน่งทางภูมิศาสตร์