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 »

 

ฟรี 30 กล่องบอกรับจดหมายข่าว (Newsletter Subscribe) แบบ PSD

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

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

30 ฟรีแบบตัวอักษร (Font) สวย ๆ คุณภาพดี ๆ เพื่อใช้ในการออกแบบ

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

40+ แบบฟรี Tags (PSD Files) สำหรับใช้ในการทำเว็บ

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

Tags หรือ แท็ค คือป้ายกำกับหรือป้ายบอกทาง ที่ใช้ในการบอกผู้ใช้เว็บว่า เค้าอยู่ที่ใหนหรือเค้าควรคลิ๊กที่ใหน ซึ่งป้าย Tags

ฟรี 20+ เครื่องมือดี ๆ ที่ใช้ในการทำเว็บสำหรับมือถือ (Mobile Devices Web)

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

เว็บไซต์สำหรับโทรศัพท์มือถือมีความคล้ายคลึงกับเว็บไซต์แบบอื่น ๆ โดยจะประกอบด้วยหน้า HTML

10 ตัวอย่างจูมล่า (Joomla) 3.0 Templates

Joomla เป็น CMS ตัวหนึ่งในหลาย ๆ ตัวที่ได้รับความนิยมในปัจจุบัน โดย Joomla จะมีระบบบริหารจัดการเนื้อหาของเว็บไซต์ นั่นหมายความว่า สิ่งที่เราจะต้องดูแลก็คือเนื้อหาของเว็บไซต์ เช่น การเพิ่มบทความ การเพิ่มรูปภาพ หรือการปรับแต่งโยกย้ายโมดูลต่าง ๆ ไม่จำเป็นจะต้องมานั่งเขียน Code ด้วยภาษา HTML, PHP, SQL

Joomla ยืดหยุ่นต่อการออกแบบหน้าตาเว็บไซต์ โดยมีเครื่องมือในการเลือกรูปแบบ Template สำหรับใช้ในเว็บไซต์ของคุณได้โดยวิธีง่ายๆ

ตัวอย่างเว็บ HTML5 55 แบบ เพื่อเป็นแรงบันดาลใจในการออกแบบ

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

โดย HTML5 จะช่วยลดการใช้พวกปลั๊กอินพิเศษอย่างพวก Adobe Flash, Microsoft Silverlight, Apache Pivot

ฟรี 110 Progress / Loading Bar ในแบบ PSD

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

Progress Bar และ Loading Bar จะเป็นสิ่งที่พบได้บ่อยในการออกแบบเว็บ ดังนั้นการจะออกแบบให้ดีเราควรที่จะมีแหล่งตัวอย่างที่เราสามารถ Download

50 ฟรี Font (แบบตัวอักษร) มืออาชีพ เพื่อใช้ในการออกแบบ

Font นั้นสื่อได้ทั้งอารมณ์ ความรู้สึก และลีลาของเรื่องได้ การเลือกใช้งานฟอนท์นั้นขึ้นอยุ่กับความเหมาะสม ในแต่ละการออกแบบ บางครั้งก็พบว่าในเอกสารเดียวกันนั้นมีการใช้ฟอนท์มากกว่า 1 รูปแบบเสมอ ฟอนท์ทุก ๆ ฟอนท์จะมีชื่อประจำตัวอยู่ เช่น Aril, CordiaUPC, JasmineUPC เป็นต้น ฟอนท์บางฟอนท์เป็นฟอนท์สากล คือ รู้จักกันอย่างแพร่หลาย แต่ฟอนท์หลาย ๆ ฟอนท์นั้นอาจรุ้จักในวงจำกัดเพราะฟอนท์ดังกล่าวได้ถูกออกแบบไว้

ฟรี 40 เวิร์ดเพรสธีม ที่เกี่ยวข้องกับอาหาร (Free WordPress Themes)

WordPress เป็นซอฟต์แวร์บล็อก (Blogging Software) ที่ได้รับความนิยมไปทั่วโลก ซึ่งถูกพัฒนาโดยใช้ภาษา PHP และให้ใช้งานร่วมกับระบบฐานข้อมูล เช่น MySQL เป็นต้น ซึ่งซอฟต์แวร์ WordPress ตัวนี้ เป็นซอฟต์แวร์ที่แจกให้ใช้กันได้ฟรี ทำให้มีผู้นิยมแพร่หลาย ในประเทศไทยด้วยเช่นกัน

WordPress นั้นพัฒนาขึ้นมาเพื่อใช้ในการอัพเดทบล็อก (Blog)โดยเฉพาะ ดังนั้นตัวโปรแกรมเองจึงถูกพัฒนาให้ใช้งานได้ง่ายดาย โดยมีความง่ายตั้งแต่การติดตั้ง

30 ตัวอย่างหน้าเว็บ Landing Page

Landing Page คือ หน้าสรุปที่ทำให้คนที่เข้ามาใน Web ของเราสามารถที่จะดูรายละเอียดของสิ่งที่เราต้องการบอกได้อย่างง่ายดาย โดยจะมีข้อมูลสรุปคร่าว ๆ ในหน้า Landing Page นี้ โดยทั่้วไปก็คือหน้าที่ลูกค้าจะเข้าถึงหลังจากที่ Click Link มาจากที่อื่น

Landing Page นั้นเป็นเครื่องมือสำคัญมากสำหรับโลกธุรกิจออนไลน์ในปัจจุบัน เพราะเพียงแค่คลิกเดียว ก็รู้ได้ทันทีว่า