web design

[UX][Design] ทำความรู้จัก Ghost Button

Ghost Button เป็นแนวการออกแบบปุ่มที่เน้นความเรียบง่าย (minimalism) ที่อยู่ในแนวทางการออกแบบของ Flat Design ซึ่งจริงๆ แล้วมีมาตั่งแต่ปี 2014 และก็ใช้กันมาโดยตลอด โดยส่วนมากงานออกแบบของฝรั่งเราจะเห็นว่าจะมีปุ่มแบบ Ghost Button อยู่เพียบเลย และจริงๆ แล้ว Ghost Button จะเห็นได้บ่อยๆ ใน iOS นั่นเองครับ มีมาตั่งแต่ iOS7 [...]

อยากเป็น Web Design ทำไง [ตอนที่ 1: Flat Design]

สวัสดีครับ บทความนี้ผมจะมาสอนการก้าวเข้าสู่การเป็น Web Design ซึ่งจะออกมาเป็นตอนๆ ให้ได้อ่านกันโดยผมจะสรุปเอาจากสิ่งที่จำเป็นต้องรู้ จนไปถึงลงงานใน Photoshop ก็จะอยู่ช่วงหลังๆ โดยบทความนี้จะไม่ได้โฟกัสที่กลุ่ม Designer อย่างเดียวแต่รวมถึง Web Developer ที่ต้องการจะศึกษาเรื่องการออกแบบด้วย   Intro of Series เริ่มกันที่ Flat Design กันก่อนสมัยนี้ใครๆ [...]

[CSS] เพิ่มความไวในการ Render หน้าเว็บด้วยการเขียน CSS ให้ถูกต้อง

สำหรับบทความนี้จะมาอธิบายการเขียน CSS ให้ถูกต้องเพื่อให้การเรนเดอร์หน้าเว็บนั่นไวขึ้น โดยปกติเราก็จะใช้การทำ minify css ลดขนาดกันอยู่แล้วซึ่งช่วยได้ในระดับนึง แต่ปัญหาจริงๆ อยู่ตรงไหน? ก็คือเราคนเขียนครับ บางคนรู้ว่าเขียน CSS ยังไงแต่ รู้ไหมว่ามันทำงานยังไง และ Selector ที่เขาพูดกันนั่นมันคืออะไรกันแน่ CSS เขียนให้ทำงานไวได้ด้วยหรอ?? คงเป็นคำถามของหลายๆ คน ปกติจากที่ผมผ่านจะมักเห็นคนเขียนหน้าเว็บแค่แสดงผลได้โดยไม่ได้สนใจว่าการเขียนนั่นถูกต้องแค่ไหน ไม่เคยวัดความไวหน้าเว็บกันละสิ?? [...]

[UX][HCI] UX ออกแบบ UI และวัฒนธรรมท้องถิ่น

สวัสดีครับ บทความนี้ผมจะพามาเรียนเรื่องการออกและวัฒนธรรม บทความนี้จะพูดถึงเรื่อง UX และ Culture (วัฒนธรรม) บางคนสงสัยเห้ย! มันเกี่ยวไรกัน เดียวจะอธิบายให้ฟังนะครับ   แค่ออกแบบ UI ทำไมเกี่ยวกับวัฒนธรรมท้องถิ่นได้ละ? แน่นอนว่าทุกคนหวังว่างานตัวเองจะออกไปสู่สายตาชาวโลก แน่ๆ คงไม่มีใครอยากทำงานแล้วจบลงที่มีคนใช้เพียงน้อยนิด ถูกไหมครับ? เพราะงั่นถ้าต้องการให้ UI ของเรามีความ Friendly มากที่สุดเราเองก็ควรจะใส่ใจเรื่องของวัฒนธรรมท้องถิ่นของแต่ละชาติ [...]

[UX][HCI] 7 unbreakable laws of user interface design [translet ver.]

ก็เป็นอีกบทความที่ผมก็ไปเปิดเจอมาในอินเตอร์เน็ต เห็นดีเห็นงามก็เลยเอามาแปลให้ได้อ่านกันเพื่อให้คนที่อ่านภาษาอังกฤษไม่คล่องได้อ่าน แต่ผมก็แนะนำว่าให้หัดอ่านภาษาอังกฤษไว้นะเป็นประโยชน์มาก บทความนี่กับเกี่ยวกับการออกแบบ User Experience (UX) ซึ่งเป็นหลักจำเป็นมากที่ต้องใช้ในการออกแบบหน้าจอผู้ใช้งาน หรือ User interface (UI) ซึ่งในบทความที่ผมเอามาแปลเขาก็ได้เขียนเกี่ยวกับกฏของการทำหน้าจอไว้ดังนี้ครับ ปล.ผมก็แปลงูๆ ปลาไม่เก่งไรหรอกถ้าไงอาจจะเพี้ยนๆ บางกันอย่าว่ากันนะครับ [...]

[Web Design] ออกแบบเว็บด้วย Golden Ratio

สวัสดีครับพอดีผมได้ไปอ่านบทความของ creativebloq เขาพูดถึงเรื่องของการออกแบบเว็บด้วย Golden Ratio (wiki) ซึ่งรายละเอียดเป็นการนำเอาลำดับฟีโบนักชีมาใช้ในการคำนวณอัตราส่วนของการจัดวางโครงสร้างเว็บเรา ถ้าต้องการหาเพิ่มเติมในเว็บก็มีเสริมาให้คือ Golden Mean, The Golden Section [...]