การออกแบบ interface โดยคำนึงถึงผู้ใช้ หรือ USER CENTER DESIGN

การออกแบบหน้าเว็บ หรือ interface ต่างๆๆ Designer ควรคำนึงถึงการใช้งาน หรือ USABILITY เป็นหลัก วันนี้จะลองมาทำความเข้าใจในการออกแบบให้เข้าถึงผู้ใช้ให้มากที่สุด

มีอะไรใหม่ใน Html 5

เดี่ยวนี้ก็มีแต่คนถามเรื่อง html 5  ก็เลยจัดไป
สิ่งที่มากับ เจ้า html 5 นี้  ผมจะเอาเฉพาะอันที่น่าสนใจละกันฮะ ไปดูกัน

ใช้ Font อื่นๆๆแปลกๆๆบนเว็บโดยใช้ google API

สามารถใช้ Font แปลกๆๆ บนเว้บได้แล้ว โดยปรกติ สมัยก่อน web designer ต้อง เอาฟอนต์สวยๆๆ มาทำเป็นรูปแทนแต่สมัยนี้ ไม่ต้องแล้ว Google API หรือ google font directory ตอนนี้ยังมีฟอนต์น้อย ถ้าอยากได้เยอะๆๆ ก็ต้องเสียตังไปบริการ TYPEKIT

วีธีใช้ก็ไปดูแบบ fontที่จะใช้ที่ google font directory

หลักการทำอนิเมชั้นที่สมจริงอย่างแรง

หลักการทำอนิเมชั้นที่สมจริงอย่างแรง
ลองแปลๆๆ แบบคร่าว เดาๆๆ แหะๆๆ ถ้าผิดพลากขออภัยด้วยนะครับช่วยกัยเพิ่มเติ่มด้วยก็ดีครับ
มาจาก http://www.dgp.toronto.edu/~patrick/csc418/notes/tutorial11.pdf

1. Timing คือช่วงเวลา เป็นส่วนสำคัญของการทำอนิเมชั่นที่ แสดงถึง ความเร้วและน้ำหนักของวัตถุ อย่างเช่น ถ้าวัตถุ เคลื่อนที่เร็ว ตัวละครตัวนั้น จะดู ตื่นเต้น แบบ รนรน ไวไวหน่อย แต่ ถ้า เคลื่อนไหวช้าๆๆอาจจะดูแบบว่าเหนื่อย หรือ เกิดอะไรขึ้น ทุกการเคลื่อนไหวบอกถึงอารมณ์ และการสื่อสาร

ขนาดในการออกแบบหน้าเว็บ

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

สิบขั้นตอนในการส้รางเว็บให้ได้คุณภาพ

สิบขั้นตอนในการส้รางเว็บให้ได้คุณภาพ
โดย Jens Meiert
ที่มา http://meiert.com/en/blog/20070510/10-steps-to-create-a-high-quality-website/

เรียบเรียง ตามอำเภอใจ( อาจจะแปลได้ไม่ตรงมากนะครับและไม่ได้แปลทั่งหมด ลองดูนะครับ )

Jens Meiertเป็นคนที่เชียวชาญด้านการออกแบบและ การพัฒนาเว็บและตอนนี้เป้นwebmaster ของGoogle Switzerland.

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

การใช้กริด กับการออกแบบเว็บ

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

การทดสอบ การแสดผล ของเว็บไซค์

การออกแบบเว็บไซค์ต้องคำนึงถึงหลายอย่างอยู่เหมือนกัน และอีกอย่างที่ขาดไม่ได้ คือการแสดงผล  การแสดงผล ของเว็บเมื่อเราทำมาแล้ว แล้วได้ทำการอัพโหลดเว็บขึ้นสู้ เซิฟเวอร์ต้องทำการ ทดสอบว่า มี การแสดงผลไม่ปิดพลาด ในแต่ละ browser ครับ
บราวเซอร์ ยอดอฺตก็มีอยู่หลายอัน เช่น Firefox, internet explopler 6,7,8  ซึ่งมีการอ่านโค็ตที่แตกต่างกัน ของแต่ละเบราเซอร์ ดังนั้นเราต้องทำการทดสอบ  ถ้าเครื่องเรา ลง Ie7 ก็ จะไม่รุ็เลยว่าแสดงผล ie6 เป้นยังไงใช่ไหมครับ  ผมแนะนำโปรแกรม IE tester ครับ สามารถ แสดงผล IE ได้หลาย เวอร์ชั้น ลองดุครับ แล้วดาวดหลดไปใช้ได้ ฟรี!
ดาวโหลด
http://www.my-debugbar.com/ietester/install-ietester-v0.4.2.exe

หน้าตาโปรแกรม แสดงผล