แนะนำการใช้งาน ของโปรแกรม Figma
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
แนะนำการใช้งาน ของโปรแกรม Figma
แนะนำการใช้งาน ของโปรแกรม
Figma
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีแดงด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีแดง คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
สรุป
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชัน เราสามารถออกแบบรูปทรง ใส่แบบข้อความ ใส่สีใส่พื้นหลังได้ เมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้ แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
Figma
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีแดงด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีแดง คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
สรุป
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชัน เราสามารถออกแบบรูปทรง ใส่แบบข้อความ ใส่สีใส่พื้นหลังได้ เมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้ แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
-
- PHP Super Hero Member
- โพสต์: 849
- ลงทะเบียนเมื่อ: 30/11/2020 10:24 am
Re: แนะนำการใช้งาน ของโปรแกรม Figma
ขาดการแนบลิงค์ในส่วนสรุป
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: แนะนำการใช้งาน ของโปรแกรม Figma
แนะนำการใช้งาน ของโปรแกรม
Figma
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีแดงด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีแดง คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
สรุป
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชัน เราสามารถออกแบบรูปทรง ใส่แบบข้อความ ใส่สีใส่พื้นหลังได้ เมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้ แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
Figma
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีแดงด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีแดง คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
สรุป
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชัน เราสามารถออกแบบรูปทรง ใส่แบบข้อความ ใส่สีใส่พื้นหลังได้ เมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้ แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
แก้ไขล่าสุดโดย Aoranuch Phupaloy เมื่อ 22/12/2020 3:48 pm, แก้ไขไปแล้ว 1 ครั้ง.
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: แนะนำการใช้งาน ของโปรแกรม Figma
แก้ไขแล้ว
- แนบลิงค์ในส่วนสรุป
-
- PHP Super Hero Member
- โพสต์: 849
- ลงทะเบียนเมื่อ: 30/11/2020 10:24 am
Re: แนะนำการใช้งาน ของโปรแกรม Figma
ขาดส่วนเกริ่นและลิงค์เชื่อม3ลิงค์
ไม่ควรเชื่อมลิงค์ซ้ำในบทความเดียวกัน
มีบางลิงค์ ไม่ได้นำไปสู่หน้าบทคามที่้องการเชื่อม
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: การใช้งานเบื้องต้นของโปรแกรมออกแบบหน้าจอ Figma
การใช้งานเบื้องต้นของโปรแกรมออกแบบหน้าจอ Figma
Figma ออกแบบมาเพื่อช่วยงาน Design ตั้งแต่ก่อนเริ่มต้นลงมือออกแบบรวมถึงขั้นตอนทดสอบ พูดง่ายๆก็คือใช้งานได้ตั้งแต่วาด wireframe ไปจน prototype และ test กับ user ได้เลยโดยแบ่ง Feature การทำงานเป็น 4 ด้านดังนี้
- Collaboration Features
- Design Features
- Prototyping Features
- Design systems features
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีเขียวด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีเขียว คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชันเราสามารถออกแบบรูปทรง, ใส่แบบข้อความ, ใส่สีใส่พื้นหลังได้ UX/UI Design ทำได้ตั้งแต่ก่อนเริ่มต้นออกแบบไปจนถึงทำ prototype เลยเมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
Figma ออกแบบมาเพื่อช่วยงาน Design ตั้งแต่ก่อนเริ่มต้นลงมือออกแบบรวมถึงขั้นตอนทดสอบ พูดง่ายๆก็คือใช้งานได้ตั้งแต่วาด wireframe ไปจน prototype และ test กับ user ได้เลยโดยแบ่ง Feature การทำงานเป็น 4 ด้านดังนี้
- Collaboration Features
- Design Features
- Prototyping Features
- Design systems features
เรามาดูกันว่าโปรแกรม Figma ใช้งานยังไง
1. ไปที่ https://www.figma.com/downloads/ นี่คือหน้าตาของ Figma ในรูปแบบของเว็บนะคะ
2. ทำการสมัครใช้งาน - กรณีที่เรายังไม่มี Account ต้องกดไปที่ Sing up ก่อน
- กรอกอีเมลและหรัสผ่าน
- ระบบจะส่งข้อความไปยังอีเมลของเราที่นำมากรอก ให้ไปกดยืนยัน - ใส่ชื่อ และ ระบุว่าเราทำงานแบบไหน
- ติ๊กตรงช่องสี่เหลี่ยม แล้วกลับไปล็อกอินที่หน้าแรก
3. หลังจาก Login แล้วหน้าตาของโปรแกรมก็จะเป็นปนะมาณนี้นะคะ - ชิ้นงานจะบันทึกบน Clound - ตรงที่วงกลมสีเขียวด้านบน คือ การที่เราจะเพิ่มหน้าใหม่ - ปุ่มที่วงกลมสีเขียว คือปุ่มแสดงผล - การแสดงผลของ Figma เป็นการแสดงผลแบบจำลองโปรแกรม
Figma เป็นโปรแกรมออกแบบเว็บไซต์และแอปพลิเคชันเราสามารถออกแบบรูปทรง, ใส่แบบข้อความ, ใส่สีใส่พื้นหลังได้ UX/UI Design ทำได้ตั้งแต่ก่อนเริ่มต้นออกแบบไปจนถึงทำ prototype เลยเมื่อออกแบบเสร็จเราสามารถที่จำลองบนรูปแบบของเว็บไซต์หรือแอปพลิเคชันนั้นได้แต่ไม่สามารถที่จะรันโปรแกรมได้จริงๆ
แก้ไขล่าสุดโดย Aoranuch Phupaloy เมื่อ 25/12/2020 3:09 pm, แก้ไขไปแล้ว 2 ครั้ง.
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: แนะนำการใช้งาน ของโปรแกรม Figma
แก้ไขแล้วค่ะDuanghathai Termtem เขียน: ↑23/12/2020 12:32 pmขาดส่วนเกริ่นและลิงค์เชื่อม3ลิงค์
ไม่ควรเชื่อมลิงค์ซ้ำในบทความเดียวกัน
มีบางลิงค์ ไม่ได้นำไปสู่หน้าบทคามที่้องการเชื่อม
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 2 ตอบกลับ
- 955 แสดง
-
โพสต์ล่าสุด โดย tatiya
13/07/2019 4:52 pm
-
-
โพสต์ใหม่ แนะนำการใช้ Typography ใน bootstrap 5
โดย Thanapoom1514 » 08/11/2022 5:27 pm » ใน Booststap Knowledge - 0 ตอบกลับ
- 824 แสดง
-
โพสต์ล่าสุด โดย Thanapoom1514
08/11/2022 5:27 pm
-
-
- 0 ตอบกลับ
- 711 แสดง
-
โพสต์ล่าสุด โดย alfie8522
22/03/2022 4:51 pm
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 74