30+ ตัวอย่างการออกแบบ WordPress ที่สวยงามและน่าสนใจ

WordPress คือโปรแกรมชนิดหนึ่ง ที่มีระบบในการช่วยจัดการเนื้อหาบนเว็บ ได้อย่างง่ายดาย หรือที่หลายๆ คนใช้คำว่า Contents Management System (CMS) WordPress เป็นโปรแกรมที่ใช้งานง่าย สำหรับคนที่ต้องการมีบล็อกส่วนตัว More »

60+ ตัวอย่างโลโก้ (Logo) ที่สวยงามและทันสมัย

โลโก้ เป็นองค์ประกอบกราฟิกที่ใช้ในการแสดง รูปแบบเครื่องหมายการค้าหรือตราสินค้าในเชิงพาณิชย์ โดยปกติโลโก้จะเป็นแบรนด์ในเชิงพาณิชย์ของ บริษัทหรือนิติบุคคล More »

ฟรี 90 ธีมสวย ๆ สำหรับ เวิร์ดเพรส

WordPress คือโปรแกรมชนิดหนึ่ง ที่มีระบบในการช่วยจัดการเนื้อหาบนเว็บ ได้อย่างง่ายดาย หรือที่หลายๆ คนใช้คำว่า Contents Management System (CMS) ข้อดีอย่างหนึ่งของ WordPress คือ เราสามารถเปลี่ยนแปลงหน้าตาของเว็บได้อย่างง่าย More »

40+ ตัวอย่างการออกแบบ โลโก้ (Logo) ที่สร้างสรรค์

มาดูตัวอย่างการออกแบบโลโก้ (Logo) 40 กว่าแบบล่าสุดที่ออกแบบได้อย่างสร้างสรรค์และทันสมัยสวยงาม เพื่อเป็นแรงบันดาลใจในการออกแบบโลโก้กัน More »

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

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

 

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 แบบฟรีรูปภาพและส่วนประกอบของเบราเซอร์ (Web Browser Frame) ในรูปแบบ PSD

เว็บเบราว์เซอร์ (web browser) เบราว์เซอร์ หรือ โปรแกรมค้นดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

เนื่องจากความนิยม Browser ทีมีหลายยี่ห้อมากขึ้น แต่ละแบบเองก็มีรูปร่างแตกต่างกันไป เราจึงค่อนข้างที่จะพบเห็นได้บ่อยของการนำรูปของ Browser 

30+ ฟรีรูปภาพและส่วนประกอบของ iDevices (iPhone, iPad, iOS)

เนื่องจากความนิยมของสินค้าตระกูล iDevices (iPhone, iPad, iOS)  ที่มีมากขึ้นเรื่อย ๆ เราจึงค่อนข้างที่จะพบเห็นได้บ่อยของการนำรูปของ iDevices (iPhone, iPad, iOS)  มาใส่เข้าใน Website  นักออกแบบอย่างเรา ๆ ท่าน ๆ เอง นั้นก็ต้องตามกระแสในส่วนนี้ด้วย วันนี้เลยลองรวบรวมที่ Dowload ของ รูปและส่วนประกอบของเหล่านั้นมาให้ท่านได้นำไปใช้ต่อยอดในการออกแบบได้

มาลองดู 30+ ฟรีรูปและส่วนประกอบของ iDevices (iPhone, iPad, iOS) ซึ่งท่านสามารถ Download ไปใช้ฟรีได้เลย

30+ ตัวอย่างการออกแบบ WordPress ที่สวยงามและน่าสนใจ

WordPress คือโปรแกรมชนิดหนึ่ง ที่มีระบบในการช่วยจัดการเนื้อหาบนเว็บ ได้อย่างง่ายดาย หรือที่หลายๆ คนใช้คำว่า Contents Management System (CMS) WordPress เป็นโปรแกรมที่ใช้งานง่าย สำหรับคนที่ต้องการมีบล็อกส่วนตัว เป็นที่โปรแกรมที่นิยมกันทั่วโลก รวมทั้งในประเทศไทยเราด้วยเช่นกันครับ นอกจากการติดตั้งง่ายแล้ว WordPress  ยังมีข้อดีก็คือ เราสามารถหาดาวน์โหลดธีม (Themes) หรือหน้าตาของเว็บได้อีกด้วย เนื่องจากความยืดหยุ่นในการปรับแต่งหน้าตา จึงทำให้ WordPress ได้รับความนิยมเป็นอย่างสูง

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

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

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