UI Design

Articles

ออกแบบยังไงให้รองรับคนตาบอดสี ?

เวลาออกออกแบบงานเว็บไซต์องค์กรใหญ่ ๆ เรามักจะได้โจทย์ให้รองรับผู้พิการ หรือให้ตรงตามมาตรฐาน WCAG ครับ คนตาบอดสีนับเป็น 4.5% ของคนทั้งหมด แปลว่าถ้าเราออกแบบโดยไม่สนใจคนกลุ่มนี้ เราก็เสียลูกค้าไปแล้วกว่า 3 ล้านคนในไทย ! ความรู้อันนี้สามารถนำไปปรับใช้ได้ทุกสาขาของดีไซน์เลยนะครับ ไม่ว่าจะทำ UI Design, Web Design, Graphics..

[Free Dribbble Invite] แจก Invite Dribbble สำหรับดีไซน์เนอร์ไทยงานดี !!

ท่านใดที่อยู่ในวงการดีไซน์ด้าน UI/UX มาสักพัก น่าจะเคยเข้าไปดูงานใน Design Community ที่งานเนี้ยบที่สุดแห่งหนึ่ง ชื่อว่า Dribbble กันมาบ้างครับ ซึ่งไม่ใช่ว่าใครก็สามารถสมัครสมาชิกแล้วเข้าไปอัพโหลดผลงานได้เลย เพราะต้องให้สมาชิกใน Dribbble เชิญ (Invite) เท่านั้น

ColorMind – เว็บไซต์หาชุดสีสวย ๆ ด้วย Deep Learning !!

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

เปิดตัว Fluent Design System ระบบดีไซน์ใหม่ล่าสุด โดย Microsoft

Microsoft เพิ่งเปิดตัวระบบดีไซน์ใหม่ของตัวเอง ซึ่งก่อนหน้านี้มี ภาพหลุด ออกมาในชื่อ Project Neon โดยเปิดตัวมาในชื่อ Fluent Design System ซึ่งจะถูกนำไปใช้กับ Windows 10

10 เครื่องมือสำหรับการสร้าง Portfolio online ฟรี

ชีวิตดีไซเนอร์ และ ชีวิตฟรีแลนซ์ พอร์ตโฟลิโอก็เหมือนเป็นหน้าเป็นตาของเรา เแล้วตอนนี้การสร้าง Portfolio ออนไลน์ก็เป็นเรื่องสิ่งที่ดีไซเนอร์รุ่นใหม่ต้องมีไว้ประดับกาย

แจกฟรี Icon Font เซ็ตธนาคารไทยสวย ๆ + วิธีใช้ทีละขั้นตอน

ไอคอนเซ็ตนี้มีโลโก้ของ 31 ธนาคาร ออกแบบโดย Omise และแปลงเป็น Icon Font โดยคุณ Julien Vernet โดยไอคอนที่มีในเซ็ตนี้ก็มีครบ เหมาะมากกับการเอาไปใช้กับเว็บไซต์ E-Commerce ครับ

สรุป 7 Web Design Trend ที่จะมาแรงในปี 2017 + ตัวอย่างประกอบ !!

สวัสดีปีใหม่ 2017 นะคะ ปัจจุบันมีเว็ปใหม่ๆ Template ใหม่ๆ Theme ใหม่ๆ เกิดขึ้นมากมาย เรามาดูดีกว่าว่าเว็ปดีไซน์อันไหนที่มาแรง จนเราคิดว่าจะเป็นเทรนด์ของปี 2017

5 เทคนิคออกแบบ Landing Page ให้เป็น Love at First Sight

หลังจากเราผ่านโจทย์มหาโหดในการ ออกแบบเว็ปอย่างไรให้น่าเชื่อถือ มาแล้วนะคะ โจทย์ที่หินพอๆ กันก็คือออกแบบ Landing Page อย่างไรให้โดนใจ “Landing Page” คือ หน้าแรกที่จะปรากฏหลังจากคลิกโฆษณามาจากแคมเปญ Social Media ต่างๆ หรือไม่ก็จากแคมเปญ Paid Search (พวก Google AdWords, Yahoo!..

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

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

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

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