Tag Archives: การออกแบบเว็บ

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 ไปใช้ฟรีได้เลย

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

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

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

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

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

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

ฟรี 50+ ตัวอย่างแบบแผนที่และเครื่องหมายนำทาง ในรูปแบบ PSD (Google Map, Pins, Markers)

แผนที่ คือ อุปกรณ์ที่มนุษย์ประดิษฐ์ขึ้น เพื่อแสดงลักษณะของพื้นผิวโลกหรือสิ่งที่ปรากฏบนพื้นผิวโลก

เครื่องหมายนำทาง เป็นส่วนประกอบของแผนที่ ที่จะทำให้การทำความเข้าใจแผนที่นั้นง่ายขึ้น

ในปัจจุบันนี้ระบบแผนที่ได้รับความนิยมอย่างมาก เนื่องจากการเข้ามาของ

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

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

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

50 ตัวอย่างที่ดีของการทำหน้าเว็บบอกความเป็นมาของตัวเรา (เว็บประวัติส่วนตัว)

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

เพราะฉะนั้นในการสร้างเว็บประวัติส่วนตัว (About me) ควรที่จะใส่ใจและออกแบบให้ดูดีเสมอ

30 ตัวอย่าง Landing Page ที่มีการออกแบบอย่างสวยงาม

Landing Page คือหน้าเว็บไซต์ที่จะปรากฎต่อหน้าลูกค้าที่คลิกโฆษณาจากเว็บไซต์ทั่วโลก ดังนั้นการสร้าง Landing Page ที่สมบูรณ์แบบจึงต้องอาศัยเคล็ดลับที่พิถีพิถันเป็นพิเศษ

การออกแบบหน้าเพจให้มีประสิทธิภาพและสามารถดึงดูดความสนใจของผู้บริโภคได้ นั้น นอกจากจะขึ้นอยู่กับองค์ประกอบพื้นฐาน อย่างเช่น การพาดหัว (Headline), รูปภาพ และเนื้อหาในการนำเสนอที่มีคุณภาพและมีความน่าสนใจ

70+ ตัวอย่างการออกแบบเว็บไซต์แบบหน้าเดียว (Single Page Website) ด้วยความคิดสร้างสรรค์

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