Posts

Showing posts with the label ui

[iOS Dev] Custom Font

Image
วันนี้แวะมาเขียนเรื่องเล็กๆ น้อยๆ กัน การที่เราจะนำเข้า Font อื่นๆ นอกเหนือจากที่ระบบมีให้ใช้ 1. นำ Font ที่ต้องการใช้เข้ามาใน Project 2. Font ที่เราแอดเข้าไปจะเข้าไปอยู่ที่ Copy Bundle Resources 3. จากนั้นให้ไปเพิ่ม Font ที่เราจะใช้ใน Info.plist หัวข้อ Font provided by application ซึ่งจะเก็บข้อมูลเป็น Array นั่นหมายความว่า เราสามารถใช้งานหลายๆ Font ได้ 4. ในการอ้างถึง Font นั้นเราจะไม่ได้ใช้ File Name แต่เราต้องใช้ Font Name ในการอ้างถึง จะเห็นได้ว่า Font ข้างต้นที่นำมา ตั้งชื่อไฟล์ได้ไม่ดีนัก ดังนั้นเราจึงต้องหา Font Name ที่แท้จริงของ Font ตัวนี้เสียก่อน - วิธีการก็คือ คลิกขวาที่ Font แล้วเลือก Get Info จากนั้นดูตามภาพเลย - เปิด Font นี้ผ่าน Font Book ก็ได้เช่นกัน (ในนี้เปิดผ่าน Quick Look)  ซึ่งบางทีแล้วอาจจะต้องลองทั้ง 2 วิธีนะ 4.1 เมื่อได้ Full Font Name มาแล้ว บางครั้งการอ้างถึงในระบบก็อาจจะไม่ได้ใช้ Full Font Name ตรงๆ ดังนั้นก็ต้องมาหากันอีกว่าชื่อที่ใช้ในระบบคืออะไรด้วย Code นี้ครับ  5. เมื่อได้มาเรียบร้อย ก็มา ...

[iOS Dev] Sizes of iPhone UI Elements for Designer

Image
เรามาเขียน Blog ให้ iOS Designer กันบ้างดีกว่า ... วันนี้จะว่าเรื่อง UI Elements พื้นฐานตัวต่างๆ บน iPhone นะครับ ว่าถ้าเราจะลง Design เนี่ยจะต้องออกแบบ UI ส่วนไหนขนาดเท่าไรบ้าง ตามตารางด้านล่างจะเป็น UI มาตรฐานของตัว iOS เองนะครับ Point vs Pixels เนื่องจากตั้งแต่ Apple เปิดตัว iPhone 4 นั้นก็ได้เปิดตัวหน้าจอใหม่ที่ชื่อว่า Retina Display ซึ่งจะมี Pixels มากกว่าเดิม 2 เท่า ดังนั้นเพื่อความเข้าใจง่าย หน่วยของการออกแบบที่ Apple ใช้จึงเป็น Point (pts) โดยที่ 1 pt = 1 pixels ในหน้าจอที่ไม่ใช่ Retina Display และเมื่อเป็น Retina Display ก็แค่คูณ 2 เข้าไป Graphics for Retina Display ความสบายอยู่ตรงนี้แหละ เราไม่จำเป็นที่จะต้องเปลี่ยนหรือเขียน Code อะไรเพื่อจะมารองรับหน้าจอที่เป็น Retina Display เราเพียงแค่ออกแบบ Graphics ตัวใหม่มา พร้อมกับใส่ต่อท้ายชื่อด้วย "@2x" เท่านี้ Apple จะมีเครื่องมือจัดการให้เราเองอัตโนมัติ ส่วนเครื่องมือใน UIKit ก็ขึ้นอยู่กับเราปรับขนาดของ UI เลยครับ เป็นไปตามที่เราตั้งค่าไว้ในหน่วย Point (pts) เหมือนเดิม นั่นคือถ้าเป็น Retina Display ก...

บันทึกการเดินทาง#18 :: Start It Up, Power It Up #3

Image
ได้เป็น 1 ในผู้ที่ได้รับ Confirmaion Email กับงานนี้ครับ Start It Up, Power It Up ครั้งที่ 3  จัดโดย Thumbsup เช่นเคย คราวนี้ที่ Microsoft Auditorium ครับ ... http://thumbsup.in.th/2013/01/start-it-up-power-it-up-3/ ผมเดินทางไปแต่เช้าเลย ถึงอนุเสาวรีย์ประมาณ 9 โมงเนื่องจากรถติด นั่ง BTS ไปเพลินจิต ไปเดินหลงกว่าจะเจอสถานที่จัดงาน เล่นเอามึน คือตึก CRC อยู่ใน All Seasons Place ครับ ต้องเดินจากสถานีรถไฟฟ้าประมาณ 1km เห็นจะได้ .... แต่ก็พอเดินไหวครับ  มาถึงก็กินกันเลย ที่นี่เลี้ยงดีมากครับ มีขนมให้กินทั้งวันเลย ... วันทั้งวัน ก็นั่งฟัง Session ต่างๆ ทั้งความรู้บ้าง ขายของบ้าง ... ปนๆ กันไป แต่ก็สนุกดีครับ ผมสนใจแต่ Session ประสบการณ์และความรู้มากกว่านะ จนหมดวัน ขอแชร์ไว้นิดหน่อยแล้วกันนะครับ  ปัจจุบันการทำ Startup อย่า One man show การหา Partner ไม่ว่าจะเป็นชาติเดียวกัน หรือต่างชาติก็ควรหา อะไรที่ทำเองได้ก็ทำ อะไรที่มันเป็นงานใหญ่ ในตอนเริ่มต้นหาได้ก็หา เปิดรับแนวคิด Open Innovation เยอะๆ บางคนอาจจะกลัวว่า ถ้าไปเป็น Partner กับคนอื่น จะกลัวเสียไอเ...

New Facebook Update Status Dialog

Image
สังเกตุอะไรกันไหมครับ ?  ว่าตอนนี้ Facebook เปลี่ยนมาทักทายเรา เวลาที่จะ Update Status การทำแบบนี้ ในทาง UX ( User eXperience) ผมว่าน่าจะช่วย ให้ความเป็นมิตรระหว่างผู้ใช้กับระบบมีมากขึ้น :) เปลี่ยนพฤติกรรมผู้ใช้จาก "ฉันอยากจะบอกอะไร ?"  เป็นการตั้งคำถาม ให้ผู้ใช้ตอบ ตามความรู้สึก คิดใหม่ว่าเรากำลังตอบคำถามเพื่อนที่ชื่อ Facebook โดยมีคำถามน่ารักๆ ผมจับได้ 5 อันนี้แหละ ^_^ นี่คือรายละเอียดเล็กๆ น้อยๆ ที่น่าศึกษาเนอะ ใครเก่ง UX มาแชร์ให้ฟังหน่อยสิครับ