Tag Archives: ui design

Design System คืออะไร? เล่าเคสการทำงานจริงพร้อมตัวอย่างประกอบ

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


พื้นฐาน UX Design ที่สำคัญ สรุปครบทุกหัวข้อจากคอร์สที่ออสเตรเลีย

เมื่อวานแอดมินได้มีโอกาสไปนั่งเรียนคอร์สฟรีสั้น ๆ Introduction to UX ที่ทีม General Assembly จัดขึ้นมาครับ ซึ่งได้ประโยชน์มาก และเห็นว่าเป็นเรื่องที่คนที่อยากเป็นเว็บดีไซเนอร์ หรืออยากเป็นนักออกแบบสาย UX ควรจะต้องรู้ก่อนกระโดดเข้ามาในโลกสายเทคโนโลยีนี้ ก็เลยเอามาเขียนบทความแชร์กันครับ



5 เคล็ดลับง่าย ๆ ออกแบบเว็บไซต์ให้ดูน่าเชื่อถือ

เมื่อไม่นานมานี้เราได้รับโจทย์การออกแบบ “เว็บไซต์ขายประกันรถยนต์ออนไลน์” มา ตอนแรกเมื่อทีมได้ยินก็ปวดหัวกันไปตาม ๆ กัน เพราะแค่ได้ยินว่า “ประกัน” คนก็เบนหน้าหนีแล้ว หลายคนมีภาพนายหน้าขายประกันสุด Hard Sell พูดอะไรก็บอกไม่หมด ไม่มีความน่าเชื่อถือ ซึ่งต้องยอมรับเลยค่ะ ว่าโจทย์นี้ท้าทายทีมงานมาก ๆ


แจกเว็บรวมโค้ดสีของแบรนด์ทั่วโลก พร้อมเซฟใส่ Photoshop & CSS !!

แบรนด์แต่ละเจ้าต่างก็มีสีที่บ่งบอกเอกลักษณ์ของตัวเอง ซึ่งการที่เราจะนำโลโก้ของเค้าไปใช้ในงานดีไซน์ เช่น ทำปุ่มแชร์ Facebook, Twitter, Pinterest เราก็ควรจะใช้โลโก้คู่กับสีแบรนด์ให้ถูกต้อง ไม่อย่างนั้นพอ User เห็นครั้งแรกอาจจะงงไปนิดนึง


12 เทคนิคการดีไซน์ปุ่มสำหรับ UX / UI Designer

ปุ่ม (Button) นับว่าเป็นชิ้นส่วนในการออกแบบเว็บไซต์พื้นฐานที่ทุกเว็บไซต์ ทุกแอพพลิเคชั่นจำเป็นต้องมี ไม่ว่าเราจะดีไซน์ User Interface (UI Design) หรือกำลังร่าง Wireframe (UX Design) ก็ตาม




เผย 17 เทคนิคลับ สำหรับออกแบบฟอร์มบนเว็บไซต์ที่คุณต้องรู้ !! (มีรูปประกอบ)

ไม่ว่าคุณจะทำ Web Design หรือ App Design ล้วนต้องทำฟอร์ม (Form) กันทั้งนั้น มาดู 17 เทคนิคลับ ที่จะทำให้ฟอร์มของคุณใช้งานง่ายจนผู้ใช้ต้องอึ้ง !!


ชวนนักออกแบบ UI Designer มางาน Sketch Meetup ครั้งที่ 1

Sketch Meetup เป็นงานที่รวบรวมผู้ใช้ Sketch ในไทยมาพูดคุยกัน ซึ่งมีตั้งแต่ฟรีแลนซ์, ดีไซเนอร์ที่ทำ Startup, ไปจนถึงบริษัทใหญ่ ๆ และผู้ผลิตแอพพลิเคชั่นมือถือ