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 จากด้านล่าง เพิ่ม-ลด ขนาดของตัวหนังสือ แบบอักษร การเลือกใช้สีที่ไม่เด่นจนเกินไปเมื่อมองภาพรวมของงาน ต้องกลืนไปด้วยกัน ไม่เด่นออกมาแค่จุดใดจุดหนึ่ง
-----------------------------------------------------------------------------------
สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด | รับสร้างแบรนด์ | รับทำการตลาดออนไลน์ | รับทำแผนการตลาดออนไลน์ | รับสร้างแบรนด์ | รับดูแล Facebook แฟนเพจ | รับดูแล LINE OA สามารถติดต่อเราได้ตลอด 24 ชั่วโมง
รายละเอียดบริการดูแลการตลาดออนไลน์
ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้
------------------------------------------------------------------------------------
💙ปรึกษาทีมงานของเรา💙
📱Tel : 0840104252 📱0947805680
📨 Inbox : http://m.me/ChatStick.TH
┏━━━━━━━━━┓
📲 LINE: @chatstick
┗━━━━━━━━━┛
หรือคลิ๊ก https://goo.gl/KuzCpM
🎉รายละเอียดที่ http://www.chatstickmarket.com/langran
🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio
