Design Excite รวม 5 เว็บ UI เพื่อไอเดียปิ๊งๆ มาอัพเดพเทรนด์และเทคนิคที่จะช่วยจุดประกายไอเดียปิ๊งๆ ให้กับความคิดสร้างสรรค์งานออกแบบด้าน UI อย่างมืออาชีพ ด้วยเว็บน้องใหม่ไฟแรงทั้ง 5 นี้กันครับ UI Movement เว็บ UIMovement รวบรวมเอาไอเดียสุดคูลเกี่ยวกับ animation ที่มาช่วยเพิ่มสีสันและความแปลกตาแปลกใจให้กับ UI ได้อย่างน่าอัศจรรย์ใจ ดูไปเพลินไป นี่แหละมนตร์เสน่ห์ของ animation Lapa.Ninja ช่วงนี้เว็บสกุลนินจาเริ่มออกมาให้เราเห็นอยู่มากมาย เว็บ Lapa ... By uiblogazinerSeptember 26, 20150
สอนเทคนิคน่ารู้ ซีรีย์ Photoshop ชุด GoPro ทิปที่ 6 – สร้าง Stroke 5 ชั้น ด้วย 1 เลเยอร์ การใช้งาน Photoshop โดยทั่วไป ผมมักจะสร้าง stroke (เส้นขอบรอบวัตถุ) รอบวัตถุที่เป็น vector shape แค่ 1 ชั้นเท่านั้น แต่บางทีหากต้องการสร้างเส้น stroke มากกว่านี้ ผมจะ copy วัตถุนั้น (กลายเป็น 2 เลเยอร์แล้ว) แล้วขยายวัตถุให้ใหญ่จนกลายเป็นอีกเส้นขอบหนึ่ง แต่พอใช้งานจนเข้าขั้น ... By uiblogazinerJune 18, 20150
สอนเทคนิคน่ารู้ ซีรีย์ Photoshop ชุด GoPro ทิปที่ 2 – รู้จักใช้ Solid Color layer ผมคนหนึ่งที่ไม่ค่อยเห็นประโยชน์ของ Solid Color Layer เท่าไรนัก จนมาทำงานออกแบบ UI สำหรับมือถือ (หรืออีกหลายๆ งาน) ที่เราไม่รู้ว่าข้อมูลจะมีความยาวสุดขนาดไหน ทำให้ต้องคอยเพิ่ม/ลด ความสูงของหน้าอยู่บ่อยครั้ง ปัญหาที่เจอก็คือ สีพื้นหลังที่ต้องคอยมาเทให้เต็มหน้าทุกครั้งที่เพิ่มขนาดความสูงของหน้า อาจยังไม่เห็นภาพปัญหา งั้นเรามาดูกรณีตัวอย่างกันครับ พื้นงานที่มีการเติมสีพื้นหลังด้วยเลเยอร์ธรรมดา สมมุติผมต้องการสร้างงานขนาด 500×500 px และต้องการพื้นหลังเป็นสีอ่อนๆ ผมจึงสร้างเลเยอร์เพิ่มและเทสีให้เต็มพื้นที่ ... By uiblogazinerApril 4, 20150
สอนเทคนิคน่ารู้ ซีรีย์ Photoshop ชุด GoPro ทิปที่ 1 – เลือกเลเยอร์แบบจิ้มปุ๊ปใช่ปั๊ป ตอนแรกกับซีรีย์สอนเทคนิคการใช้งาน Photoshop ระดับโปรเพื่องาน UI ที่ผมคัดกลั่นจากประสบการณ์การทำงานและการอยู่กินกับ Photoshop มานานกว่า 10 ปี เลยอยากจะแบ่งปันและอยากให้มาดูมาเผือกกันเยอะๆ (สอดรู้สอดเห็นในสิ่งที่ควรเป็นสิ่งที่ดีนะ) หลังจบตอนแรกนี้และตอนต่อๆ ไป ผมคิดว่าคงจะทำให้เราปฏิวัติการใช้งาน Photoshop ให้มีประสิทธิภาพมากยิ่งขึ้น ซึ่งก็คือช่วยประหยัดเวลาในการสร้างสรรค์ผลงาน และเอาเวลานี้ไปคิดให้มากๆ ดีกว่า ว่าม่ะ ถ้างั้น จัดทิปแรกเลยน้า ทิปที่ ... By uiblogazinerApril 4, 20150
สอนเทคนิคน่ารู้ การใช้งานฟังก์ชัน Blend If บน Photoshop เชื่อว่าเซียน Photoshop หลายๆ คนอาจไม่เคยใช้ฟังก์ชัน Blend-if เลย ด้วยฟังก์ชันนี้ทำให้เราสร้างเลเยอร์ที่พร้อมแก้ไขได้เสมอได้ดียิ่งขึ้น (Unobtrusive layers) Blend-if ถ้าแปลตรงตัว ก็คือการทำสี (ในเงื่อนไข) ให้กลืน (กับพื้นหลัง) ถ้า… ตัวอย่างเช่น ผมมีรูปต้นแบบที่มีพื้นหลังออกโทนเทา ถ้าใช้ฟังก์ชัน blend-if ผมก็สามารถทำให้สีโทนพื้นหลังสีเทากลืนกับสีพื้นหลังใหม่ (สีขาว หรือสีใดๆ) ... By uiblogazinerNovember 14, 20140
ทฤษฎี UI 6 หลักการเพื่อออกแบบทุกสิ่งบนโลกนี้ ตอนที่ 1: Affordance (ล่อให้กระทำ) June 22, 201714608 views