Tag: design

  • 8 วิธีดีไซน์ Button UX/UI แบบมืออาชีพ

    ปุ่มกด หรือ Button เป็นองค์ประกอบแบบโต้ตอบที่ส่งผลโดยตรงกับผู้ใช้ มันใช้เพื่อ “บันทึก” นอกจากนี้ยังเป็นหนึ่งในองค์ประกอบเชิงโต้ตอบที่สำคัญที่สุด

  • 10 Plug-In Figma สำหรับสาย UI ที่น่าสนใจ ปี 2022

    ในการทำงานต่างๆ นั้น Plug-In สามารถเข้ามาช่วยให้เราสามารถทำงานได้ง่ายมากขึ้น และรวดเร็วขึ้น

  • 5 Ways to Make Beautiful Fonts for UI Design

    Font design is very important for UI because fonts are tools to communicate with your customers.

  • 5 ข้อคววรู้ วิธีจัดฟอนต์ให้ปังกับสาย UI

    5 ข้อคววรู้ วิธีจัดฟอนต์ให้ปังกับสาย UI มีโพยเครื่องมือดีๆ ใช้งานฟรี! การจัดฟ้อนต์ถือเป็นอีกเรื่องที่สำคัญสำหรับการออกแบบ UI เช่นกันเพราะการจัดฟ้อนต์เป็นเหมือนการสื่อสารกับผู้ใช้งานโดยตรง ถ้าเราไม่ใส่ใจในการจัดฟ้อนต์ให้ดี อาจจะทำให้สื่อสารได้ไม่ดีทำใหห้ผู้ใช้งานไม่เข้าใจ วันนี้เราเลยมี 5 ข้อควรรู้มาฝากกัน ว่าจัดฟ้อนต์ยังไงให้ปัง อ่านง่าย ดึงดูดผู้ใช้งาน! Hierarchy หนึ่งในเทคนิคที่สำคัญที่สุดสำหรับการสื่อสาร โดยการใช้ การวางตัวหนังสือนำจุดสายตัวเพื่อให้ผู้อ่านตามบริบท เลือกฟ้อนต์แบบพื้นฐาน เลือกจากตัวหนังสือที่เป็นที่นิยมอย่าง Sans-Serif หรือ Serif เป็นตัวเลือกที่ปลอดภัย  ควรเลือกแบบฟ้อนต์ที่สามารถใช้งานได้ดีในหลายขนาด เหมาะกับงาน และอ่านง่าย Kerning การเว้นระยะ Kerning คือการเว้นช่องว่างระหว่างตัวหนังสือ โดยจะแตกต่างกันไป ตามแต่ละคำเพราะแต่ละตัวอักษรขนาดไม่เท่ากัน หากเราจัดระยะไม่ดี อาจจะทำให้ตัวหนังสือทับกัน หรือเกยกัน ทำให้ข้อความไม่น่าอ่านดูไม่เป็นระเบียบ การเว้นบรรทัด การเว้นช่องว่างระหว่างบรรทัดข้อความ หรือที่เรียกว่าระยะห่างบรรทัด ควรเว้นบรรทัดควรให้ข้อความของเราอ่านง่ายที่สุด จำกัดความยาวบรรทัด ไว้ที่ 70–80 ตัวอักษร และควรมีขนาดอย่างน้อย 16pt ขึ้นไป  การเลือกสี เลือกสีให้เหมาะสมกับการใช้งาน บางหัวข้ออาจจะต้องใช้สีที่เด่นขึ้นมา  แต่ไม่ควรใช้สีที่ทำให้รู้สึกแสบตาเกินไปสำหรับการอ่านสีตัวอักษรมีความสำคัญต่อการใช้งาน […]

  • 10 Trends ออกแบบ UX/UI Mobile ปี 2022

    หลังจากที่มีการได้อัพเดทเทรนด์การทำเว็บไซต์ของปี 2022 วันนี้เราจึงนำการออกแบบมือถือมาให้ดูกันบ้างว่า UX UI Mobile ในปี 2022 นั้นมีอะไรกันบ้าง

  • UX UI คืออะไร? ต่างกันอย่างไร? ทำไมต้องให้ความสำคัญ

    วันนี้เรามาทำความรู้จักเกี่ยวกับ UX UI กันให้มากขึ้นดีกว่า UX UI คืออะไร?

  • Landing Page คืออะไร? สำหรับสาย UX UI ปี 2022 

    Landing Page คืออะไร? พร้อม 5 ตัวอย่าง มัดใจผู้ใช้งาน สำหรับสาย UX UI ปี 2022  บางคนอาจจะโฟกัสการทำ SEO เพิ่มดึงดูดคนเข้ามายังเว็บไซต์ จนอาจจะละเลยไปกับการทำ Landing Page  การพัฒนาหน้า Landing Page ดูเหมือนเป็นงานง่าย แต่เราต้องการเน้นว่าหน้า Landing Page มีความสำคัญอย่างยิ่งต่อการนำไปสู่ ​​Conversion  เพื่อเปลี่ยนผู้เยี่ยมชมทั่วไป ให้มีโอกาสมาเป็นลูกค้าของเรา 8 เว็บไซต์ที่เป็นตัวช่วยให้ ออกแบบ UX/UI ง่ายขึ้น อัพเดต 2023 Landing Page คืออะไร? หน้า Landing Page คือหน้าในเว็บไซต์ของคุณที่ออกแบบมาเพื่อเปลี่ยนผู้เข้าชม ให้กลายมาเป็นลูกค้า จะแตกต่างจากหน้าอื่นๆ ในเว็บไซต์ของตาม 2 ข้อนี้: (หน้าแรกที่มีแบบฟอร์มไม่นับเป็นหน้า Landing Page เนื่องจากใช้เพื่อวัตถุประสงค์อื่นด้วย) โดยพื้นฐานแล้วมันคือขั้นตอนต่อไปในการที่ผู้เข้าชมกลายเป็นลูกค้า หน้า Landing […]

  • What is UX and UI and how are they different?

    This article is to get you to better understand UX and UI. You may have known that UX and UI are very important for technology products e.g. website and applications.