วิธีทำ Slider Image Figma
Figma เป็นหนึ่งใน UI Design ที่ผู้ใช้ระบบปฏิบัติการ Windows เลือกใช้มากที่สุดเพราะมีฟีเจอร์การใช้งานที่หลากหลาย อำนวยความสะดวกตั้งแต่งานด้าน Graphic Design และ UX/UI Design รวมถึงการทำงานร่วมกับ Developer อีกด้วย
วิธีทำ Slider Image (ภาพสไลด์) ของ Figma
1. สร้างวัตถุ
- เราจะสร้างรูปแบบขึ้นมาเพื่อรองรับรูปภาพ สามารถเลือกรูปแบบไหนก็ได้ที่เราต้องการ
2. Group
- ทำการเลือกวัตถุที่เราสร้างขึ้นมา
- คลิกขวา แล้วเลือกคำว่า Group Selection
3. ใส่รูปภาพ
- กดไปที่แถบรูปทรง แล้วเลือกคำว่า Place image
- เลือกรูปภาพที่เราต้องการ
เมื่อแสดงผลแล้วเราจะเห็นได้ว่า มีจำนวนหน้าที่เราใส่รูปภาพ เราสามารถเลื่อนดูได้เลย
จะเห็นได้ว่าการทำสไลด์รูปภาพใน figma ง่ายนิดเดียวเพียงแค่ไม่กี่ขั้นตอนก็สามารถทำได้แล้ว แต่ในการทำสไลด์รูปภาพนี้จะมีส่วนของเส้นกรอบของวัถตุเข้ามาเกี่ยวข้องอยู่พอสมควร ถ้ากรณีที่เราจัดเส้นวัตถุไม่ตรงหรือไม่เท่ากัน จะทำให้การแสดงผลภาพสไลด์ผิดเคลื่อนไป และขนาดภาพจะไม่ตรงกับหน้าจอโมบายนี้
วิธีทำ Slider Image Figma
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
-
- PHP Super Hero Member
- โพสต์: 849
- ลงทะเบียนเมื่อ: 30/11/2020 10:24 am
Re: วิธีทำ Slider Image Figma
ชื่อบทความไม่สื่อถึงประโยชน์
ลิงค์เชื่อมส่วนเกริ่นไม่ครบ
ลิงค์เชื่อมส่วนเกริ่นไม่ครบ
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: วิธีทำ Gimmicks Slider Image ของโปรแกรม Figma อย่างง่าย
วิธีทำ Gimmicks Slider Image ของโปรแกรม Figma อย่างง่าย
Figma เป็นหนึ่งใน UI Design ที่ผู้ใช้ระบบปฏิบัติการ Windows เลือกใช้มากที่สุดเพราะมีฟีเจอร์การใช้งานที่หลากหลาย อำนวยความสะดวกตั้งแต่งานด้าน Graphic Design และ UX/UI Design รวมถึงการทำงานร่วมกับ Developer อีกด้วย
วิธีทำ Slider Image (ภาพสไลด์) ของ Figma
1. สร้างวัตถุ - เราจะสร้างรูปแบบขึ้นมาเพื่อรองรับรูปภาพ สามารถเลือกรูปแบบไหนก็ได้ที่เราต้องการ
2. Group - ทำการเลือกวัตถุที่เราสร้างขึ้นมา
- คลิกขวา แล้วเลือกคำว่า Group Selection
3. ใส่รูปภาพ - กดไปที่แถบรูปทรง แล้วเลือกคำว่า Place image - เลือกรูปภาพที่เราต้องการ เมื่อแสดงผลแล้วเราจะเห็นได้ว่า มีจำนวนหน้าที่เราใส่รูปภาพ เราสามารถเลื่อนดูได้เลย
จะเห็นได้ว่าการทำสไลด์รูปภาพใน figma ง่ายนิดเดียวเพียงแค่ไม่กี่ขั้นตอนก็สามารถทำได้แล้ว แต่ในการทำสไลด์รูปภาพนี้จะมีส่วนของเส้นกรอบของวัถตุเข้ามาเกี่ยวข้องอยู่พอสมควร ถ้ากรณีที่เราจัดเส้นวัตถุไม่ตรงหรือไม่เท่ากัน จะทำให้การแสดงผลภาพสไลด์ผิดเคลื่อนไป และขนาดภาพจะไม่ตรงกับหน้าจอโมบายนี้
Figma เป็นหนึ่งใน UI Design ที่ผู้ใช้ระบบปฏิบัติการ Windows เลือกใช้มากที่สุดเพราะมีฟีเจอร์การใช้งานที่หลากหลาย อำนวยความสะดวกตั้งแต่งานด้าน Graphic Design และ UX/UI Design รวมถึงการทำงานร่วมกับ Developer อีกด้วย
วิธีทำ Slider Image (ภาพสไลด์) ของ Figma
1. สร้างวัตถุ - เราจะสร้างรูปแบบขึ้นมาเพื่อรองรับรูปภาพ สามารถเลือกรูปแบบไหนก็ได้ที่เราต้องการ
2. Group - ทำการเลือกวัตถุที่เราสร้างขึ้นมา
- คลิกขวา แล้วเลือกคำว่า Group Selection
3. ใส่รูปภาพ - กดไปที่แถบรูปทรง แล้วเลือกคำว่า Place image - เลือกรูปภาพที่เราต้องการ เมื่อแสดงผลแล้วเราจะเห็นได้ว่า มีจำนวนหน้าที่เราใส่รูปภาพ เราสามารถเลื่อนดูได้เลย
จะเห็นได้ว่าการทำสไลด์รูปภาพใน figma ง่ายนิดเดียวเพียงแค่ไม่กี่ขั้นตอนก็สามารถทำได้แล้ว แต่ในการทำสไลด์รูปภาพนี้จะมีส่วนของเส้นกรอบของวัถตุเข้ามาเกี่ยวข้องอยู่พอสมควร ถ้ากรณีที่เราจัดเส้นวัตถุไม่ตรงหรือไม่เท่ากัน จะทำให้การแสดงผลภาพสไลด์ผิดเคลื่อนไป และขนาดภาพจะไม่ตรงกับหน้าจอโมบายนี้
-
- PHP Hero Member
- โพสต์: 166
- ลงทะเบียนเมื่อ: 07/12/2020 9:33 am
Re: วิธีทำ Slider Image Figma
แก้ไขแล้วค่ะDuanghathai Termtem เขียน: ↑23/12/2020 12:52 pm ชื่อบทความไม่สื่อถึงประโยชน์
ลิงค์เชื่อมส่วนเกริ่นไม่ครบ
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 3 ตอบกลับ
- 1848 แสดง
-
โพสต์ล่าสุด โดย Aoranuch Phupaloy
24/12/2020 7:12 pm
-
-
โพสต์ใหม่ Module image slider (โมดูล อิมิจ สไลเดอร์) สำหรับแสดงรูปภาพแบบสไลด์
โดย abdkode » 30/01/2019 3:52 pm » ใน Joomla Extension Review - 0 ตอบกลับ
- 4036 แสดง
-
โพสต์ล่าสุด โดย abdkode
30/01/2019 3:52 pm
-
-
-
โพสต์ใหม่ Free Banners Slideshow, Flash Banners & Image Slider
โดย mcmakdonal » 17/07/2015 12:49 pm » ใน Magento user Guide Knowledge (เลิกทำเนื้อหา) - 0 ตอบกลับ
- 4180 แสดง
-
โพสต์ล่าสุด โดย mcmakdonal
17/07/2015 12:49 pm
-
-
-
โพสต์ใหม่ Banner Slider and Gallery Slider ทำแกลเลอรีแบบเลื่อนไปมาสวย ๆ ด้วย jQuery
โดย putcharaporn_tan » 05/08/2015 2:34 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 1628 แสดง
-
โพสต์ล่าสุด โดย putcharaporn_tan
05/08/2015 2:34 pm
-
-
-
โพสต์ใหม่ ทำ BBcode phpBB ให้รองรับ Image Title และ Image Alt Tag ส่งผลดีต่อ SEO
โดย mindphp » 30/12/2022 12:49 pm » ใน phpBB user Guide Knowledge - 0 ตอบกลับ
- 21024 แสดง
-
โพสต์ล่าสุด โดย mindphp
30/12/2022 12:49 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 46