top of page

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 ชั่วโมง     รายละเอียดบริการดูแลการตลาดออนไลน์  >> https://www.chatstickmarket.com/langran  ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้  >> https://www.chatstickmarket.com/portfolio  ------------------------------------------------------------------------------------  💙ปรึกษาทีมงานของเรา💙  📱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

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

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛

หรือคลิ๊ก https://goo.gl/KuzCpM

🎉รายละเอียดที่ http://www.chatstickmarket.com/langran

🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

แท็ก:

ดู 1 ครั้ง

โพสต์ที่คล้ายกัน

ดูทั้งหมด

Comments


CS_Redesign_คอนเทนต์เดิม2_2.png
CS_Redesign_คอนเทนต์เดิม3.png
Recent Posts