เครื่องมือทุ่นแรง สำหรับ Responsive Web design

เครื่องมือทุ่นแรง สำหรับ Responsive web design

ฟรี Sketching และ Wireframing Kit

สำหรับหลายๆคนที่ออกแบบเว็บโดยเริ่มต้นด้วยการใช้ Wireframe ทำหน้า mock up ออกมาก่อนก่อน เพื่อทำการวาง layout ของหน้าตาเว็บเบื่องต้นก่อน ผมขอแนะนำ ฟรี Sketching และ Wireframing Kit มาให้ลองโหลดเอาไปใช้ดูครับ 

รวมโทนสีโลโก้เว็บดัง infographics

infographics โทนสีของโลโก้เว็บดังในยุคนี้ครับ การออกแบบโลโก้ หรือ โทนสีของ brand เองหรือเว็บให้ดูดีหรือเข้ากับลักษณะของธุรกิจที่ดำเนินการอยู่นั้นก็เป็นสิ่งจำเป็นมาก เพื่อให้เราโดดเด่นกว่าคู่แข่งหรืือเป็นที่จดจำได้ง่าย ลองมาดูว่าเว็บดังๆ เขาใช้โทนสียังไงกันครับ

พื้นฐานการออกแบบเว็บ e-commerce ที่ไม่ควรมองข้าม

ปัจจุบันการแข่งขันในตลาด e-Commerce สูง เราควรทำร้านค้าออนไลน์ของเราดีเพื่อที่จะทำให้ลูกค้ารู้สึกอยากเข้าเว็บเรามากกว่าคู่แข่ง

หาชุดสีจากรูปภาพที่เป็นแรงบันดาลใจ

ชุดสีในการทำเว็บนั้นเป็นเรื่องสำคัญเหมือนกัน แต่ถ้าใครคิดไม่ออกว่าจะใช้ชุดสีไหนดี แต่ในใจรู้ว่าชุดสีต้องออกมาตามอารามณ์ของภาพที่น่าจะเหมาะกับ concept เว็บ ลองมาหาชุดสีจากรูปภาพที่ชอบกันดูครับ

Web designer’s Checklist : CSS3 and HTML5

CSS3 และ HTML5 นั้นมี feature อะไรใหม่ๆมากมายและได้เปลี่ยนวิธีการทำเว็บไซต์พอสมควร แต่แน่นอนว่าทั้ง CSS3 และ HTML5 นั้นยัง draft อยู่ แต่ก็มีบางส่วนที่ W3C น่าจะให้ผ่าน และ browser บางตัวก็ได้สนับสนุน หลายคนอาจอยากลอง implement ดูแต่ก็ไม่รู้ browser จะสนับสนุนไหม แต่มีเว็บที่ให้เราได้คอยติดตามสถานะ CSS3 และ HTML5 แบบเข้าใจง่ายได้ตลอดครับ

วิธีสร้าง xhtml/css จาก PSD

การทำเว็บด้วย CSS โดยไม่เข้าใจและเห็นภาพรวมของเว็บอาจจะทำให้เราทำงานมากขึ้น เนื่องจากเรื่อง xhtml validation, cross browsing อีกทั้ง ถ้าโค้ด css ไม่ดีแล้ว อาจจะทำให้โหลดช้าพอๆ กับ table อีกด้วย บทความนี้ได้บอกถึงภาพรวมของการทำเว็บจาก หน้า design ครับ

5 ข้อผิดพลาดในการออกแบบเว็บ E-commerce

เชื่อว่าหลายๆ ท่านคงได้มองภาพธุรกิจตัวเองไปยัง e-commerce เนื่องจาก internet ในปัจจุบันนั้นก้าวหน้าไปมาก บวกกับ Customer behaviour ได้เปลี่ยนไปจับจ่ายซื้อสิ้นค้าตามเว็บ e-commerce มากขึ้น หลายคนอาจมากข้ามเรื่องเหล่านี้ไปลองมาดูกันครับ มี 5 ข้อ