UI Design คืออะไร?

UI Design คืออะไร?

ในการทำงานดีไซน์ต้องใช้เครื่องมือที่หลากหลาย อาศัยประสบการณ์ ความชำนาญ และเซ้นส์ในการเลือก แต่ถ้าเราไม่ใช่คนที่ทำงานด้านดีไซน์แต่เราต้องทำงานดีไซน์ล่ะ เราจะมีเทคนิคยังไง ให้สามารถทำงานออกมาได้ดี

ก่อนอื่นต้องเริ่มที่ทัศนคติของตัวเราเองก่อน เพราะคนเราจะติดความคิดว่า เราทำไม่ได้หรอก เราทำไม่เก่ง ให้เราตัดความคิดเชิงลบพวกนี้ออกไปก่อนนะคะ เรายังไม่ทันลงมือเลยด้วยซ้ำ ฉะนั้นอย่าเพิ่งดูถูกความสามารถของตัวเองไปก่อน

กฎ 7 ข้อ (7 Rules for Creating Gorgeous UI)

1. แสงจากฟ้า

หลักการธรรมชาติง่ายๆ เลยค่ะ เมื่อมีแสงก็ต้องมีเงา โดยการสังเกตว่าแสงมาจากทางไหน และเงาควรจะไปทางไหน เพื่อทำให้ภาพดูเป็น 3 มิติ ดูตื้นนูนหลุมลึก มีชีวิตมากขึ้น แค่นี้ก็ช่วยสร้างงานให้ดูน่าสนใจไปขั้นนึงแล้วค่ะ

2. ดีไซน์อย่างศิลปิน

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

3. เริ่มด้วย ขาว-ดำ

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

4. เพิ่ม White Space

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

5. แบบอักษร

ตัวช่วยบอก Mood and Tone ของงานดีไซน์ มีความสำคัญมากๆ มีทั้งแบบที่ฟรีและเสียเงิน ให้ความรู้สึก อารมณ์ต่างกัน

6. วาง Text ให้ไม่จมไปกับภาพ

จุดที่แม้จะเป็นคนที่เรียนด้านสายดีไซน์มาก็ยังสามารถพลาดในจุดนี้ได้เหมือนกัน โดยมีจุดสำคัญหลักๆ 3 จุดด้วยกันคือ สีอักษรสีขาว สีของรูปพื้นหลังต้องเข้มหรือเบลอ ลองย่อ-ขยายทุกขนาดจอ

7. เพิ่ม-ลด ความเด่นของตัวอักษร

อาจจะมีเทคนิคเล็กๆ น้อยๆ เสริมเพิ่มเติมจากการวางข้อความบนภาพได้ เช่น การใส่พื้นหลังข้อความเพื่อวางทับรูปได้แบบไม่ต้องกลัวอักษรจม การเบลอภาพพื้นหลัง Fade จากด้านล่าง เพิ่ม-ลด ขนาดของตัวหนังสือ แบบอักษร การเลือกใช้สีที่ไม่เด่นจนเกินไปเมื่อมองภาพรวมของงาน ต้องกลืนไปด้วยกัน ไม่เด่นออกมาแค่จุดใดจุดหนึ่ง

-----------------------------------------------------------------------------------

รายละเอียดบริการดูแลการตลาดออนไลน์

>> https://www.chatstickmarket.com/langran

ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้

>> https://www.chatstickmarket.com/portfolio

------------------------------------------------------------------------------------

💙ปรึกษาทีมงานของเรา💙

📱Tel : 0840104252 📱0947805680

📨 Inbox : http://m.me/ChatStick.TH

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛