สอนเทคนิคน่ารู้

ซีรีย์ Photoshop ชุด GoPro ทิปที่ 2 – รู้จักใช้ Solid Color layer

ผมคนหนึ่งที่ไม่ค่อยเห็นประโยชน์ของ Solid Color Layer เท่าไรนัก จนมาทำงานออกแบบ UI สำหรับมือถือ (หรืออีกหลายๆ งาน) ที่เราไม่รู้ว่าข้อมูลจะมีความยาวสุดขนาดไหน ทำให้ต้องคอยเพิ่ม/ลด ความสูงของหน้าอยู่บ่อยครั้ง ปัญหาที่เจอก็คือ สีพื้นหลังที่ต้องคอยมาเทให้เต็มหน้าทุกครั้งที่เพิ่มขนาดความสูงของหน้า อาจยังไม่เห็นภาพปัญหา งั้นเรามาดูกรณีตัวอย่างกันครับ พื้นงานที่มีการเติมสีพื้นหลังด้วยเลเยอร์ธรรมดา สมมุติผมต้องการสร้างงานขนาด 500×500 px และต้องการพื้นหลังเป็นสีอ่อนๆ ผมจึงสร้างเลเยอร์เพิ่มและเทสีให้เต็มพื้นที่ ...
UI Pattern

จิตวิทยาการรอ กรณีศึกษาจาก Facebook

ผมย้ำเสมอว่า การรอคอยเป็นสิ่งที่น่าเบื่อและทรมานสำหรับยูสเซอร์ และได้เคยนำเสนอในบทความ “รอให้ดู“ว่าการรอคือโอกาสงามที่เราสามารถนำเสนอข้อมูลที่เป็นประโยชน์กับแบรนด์บริษัทหรือแม้แต่ขายของก็ยังได้เลยครับ นี่เป็นการตอบสนองอย่างหนึ่งที่เรียกว่า feedback ซึ่งเกิดขึ้นเมื่อระบบกำลัง process ข้อมูลที่อาจใช้เวลาสักระยะ ไอคอนโหลดข้อมูลของ facebook (ซ้าย) และไอคอนโหลดข้อมูลของ iOS (ขวา) App ระดับโลกอย่าง Facebook ก็มีการแสดง feedback ตอบสนองให้กับยูสเซอร์ได้รับทราบเมื่อ app กำลังโหลดข้อมูลอยู่ ...
สอนเทคนิคน่ารู้

การใช้งานฟังก์ชัน Blend If บน Photoshop

เชื่อว่าเซียน Photoshop หลายๆ คนอาจไม่เคยใช้ฟังก์ชัน Blend-if เลย ด้วยฟังก์ชันนี้ทำให้เราสร้างเลเยอร์ที่พร้อมแก้ไขได้เสมอได้ดียิ่งขึ้น (Unobtrusive layers) Blend-if ถ้าแปลตรงตัว ก็คือการทำสี (ในเงื่อนไข) ให้กลืน (กับพื้นหลัง) ถ้า… ตัวอย่างเช่น ผมมีรูปต้นแบบที่มีพื้นหลังออกโทนเทา ถ้าใช้ฟังก์ชัน blend-if ผมก็สามารถทำให้สีโทนพื้นหลังสีเทากลืนกับสีพื้นหลังใหม่ (สีขาว หรือสีใดๆ) ...