Web & App Design

ศึกษาการออกแบบ Design System ของบริษัทระดับโลก ปี 2019

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

Design System คืออะไร ทำไมนักออกแบบต้องรู้จัก

รู้จัก Design System ให้มากขึ้น ทำไมนักออกแบบเว็บไซต์และแอพพลิเคชั่นต้องรู้จัก และเริ่มทำกับโปรเจคการออกแบบอะไรก็แล้วแต่ ถ้าเราไม่วางโครงสร้างเพื่อรองรับกา...

พื้นฐาน ออกแบบเว็บไซต์ Hero image คือส่วนสำคัญ

ในกระบวนการ ออกแบบเว็บไซต์ สิ่งที่ทำให้ลูกค้าสนใจหรือไม่สนใจงานออกแบบของคุณส่วนหนึ่งที่สำคัญคือ Hero image นั่นเอง ด้วยขนาดที่ใหญ่สามารถดึงดูดสายตาของผู้ใช้งานไ...

ออกแบบเว็บไซต์ หน้า 404 pages

เคยไหมที่ต้อง ออกแบบเว็บไซต์ 404 pages แต่ไอเดียในการออกแบบหน้านี้นั้นไม่มี หลายคนอาจจะคิดว่าหน้า 404 pages เป็นหน้าที่ไม่สำคัญ แต่ในการทำเว็บไซต์นั้นหน้า 404 p...
หาฟอนต์

หาชื่อฟอนต์บนเว็บไซต์เพียงคลิกเดียวด้วย Fontanello Chrome Extension

เว็บไซต์ที่นักออกแบบและนักพัฒนาเอาผลงานมาโชว์กันอย่าง https://awwwards.com เวลาเข้าไปดูแล้วรู้สึกอยากว่าแต่ละส่วนของการออกแบบใช้ สี ฟอนต์ อะไรบ้าง หลายครั้งจะต้...

UX UI กับความเหมือนที่แตกต่าง

นักออกแบบหลายคนที่กำลังเปลี่ยนเส้นทางในการทำงาน คงเคยเห็นตำแหน่ง UX UI ผ่านตากันมาพอสมควร รู้ไหมว่า 2 ตำแหน่งที่มีชื่อคล้ายกันแต่ทำหน้าที่ต่างกันอย่างสิ้นเชิง ใ...

2 เทคนิคสำคัญทำปุ่ม Call to action

Call to action คือปุ่มที่เอาไว้กระตุ้นความรู้สึก สามารถทำออกมาในหลายรูปแบบเช่น ปุ่ม ป้าย ภาพ จะเป็นกราฟิกบนโปสเตอร์หรือบนเว็บไซต์ แต่ในบทความนี้เราจะมาแนะนำ 2 ...

วิธีออกแบบฟอร์มกรอกข้อมูลเพื่อผู้ใช้งาน

ฟอร์มกรอกข้อมูล (forms) เป็นหนึ่งในโจทย์ที่นักออกแบบเว็บไซต์จะต้องพบเจอ ฟอร์มกรอกข้อมูลมีความสำคัญอย่างไร ทำไมเราต้องออกแบบให้เป็นมิตรกับผู้ใช้งานมากที่สุด ในบท...

5 เว็บไซต์แนวมินิมอล ที่ทำออกมาให้สวยสด ไม่จืดจาง

ปกติแล้วเว็บไซต์แนวเรียบง่าย มักจะเป็นโจทย์หลักในการออกแบบเว็บไซต์ในช่วงระยะเวลาที่ผ่านมา เพราะความเรียบง่ายนั้นได้รับความนิยมจากผู้ใช้งานเป็นอย่างมาก ด้วยความเ...

Apple ปล่อย UI Design Resources ของ Human Interface Guidelines ให้โหลดฟรีทุกโปรแกรม

เป็นที่ทราบกันดีอยู่แล้วว่าแนวทางการออกแบบ UI (user interface) สำหรับ Devices ทางฝั่ง Apple นั้นจะต้องอ้างอิงมาจาก Human Interface Guidelines ซึ่งทางฝั่งของนักอ...