ส่งการบ้านคับ ช่วยแ...
 
การแจ้งเตือน
ลบทั้งหมด

[ได้คำตอบแล้ว] ส่งการบ้านคับ ช่วยแนะนำด้วยคับ

หน้า 1 / 3

ปู๊ด
กระทู้: 13
หัวข้อเริ่มต้น
(@montri-thanadkha)
เริ่มโพสต์
เข้าร่วม: 1 ปี ที่ผ่านมา
X   1

ทดลองทำตามที่เรียน (เรียนย้อนหลังเหงาๆคนเดียวคับ) ไม่แน่ใจว่าส่งงานเป็น format .jpg แบบนี้ถูกต้องมั้ยนะครับ

ขอคำแนะนำจากพีเม่น ทีมงาน และ เพื่อนๆพี่ๆทุกคนด้วยครับ

ขอบคุณมากครับ

16 ตอบกลับทั้งหมด
ปู๊ด
กระทู้: 13
หัวข้อเริ่มต้น
(@montri-thanadkha)
เริ่มโพสต์
เข้าร่วม: 1 ปี ที่ผ่านมา

มีคำถามเพิ่มเต็มเล็กน้อยครับ

  1. คือ ลองทำ Mask group ระหว่าง shape วงกลม กับ Text เหมือนมันจะทำไม่ได้ (หรือว่าผมอาจจะทำไม่เป็นเอง) ใจจริงอยากให้ตัว M ไม่ล้นวงกลมออกมาครับ 
    image

     

  2. ทดลองทำ component #1 แล้วก๊อบมา #2,#3 ด้วย พบปัญหาว่า พอเปลี่ยนรูปภาพ แล้วอยากจะขยับตำแหน่ง หรือย่อขยาย ใน #2,#3 มันจะทำไม่ได้ พอไปทำใน #1 คือมันจะย่อขยายและปรับขนาดไปพร้อมกันหมดเลย มึนไปเลยครับ แล้วก็หาวิธีเอาออกจากการเป็น component ไม่ได้ด้วย จนต้องไปหารูปที่แปะแล้วมันจะพอดีจนได้เองครับ ปัญหาแบบนี้มีวิธีจัดการอย่างไรครับ
    image

     

ขอบพระคุณครับ

ตอบ
เม่น
กระทู้: 188
Seed Webs
(@menn)
เข้าร่วม: 1 ปี ที่ผ่านมา

ข้อ 1. พี่ลองทำก็ได้ปกตินะครับ เอาตัว M อยู่บนวงกลมนะ

แต่พอทำได้แล้ว วงกลมจะหายไป (เพราะมันกลายเป็น mask) เราก็ก๊อบไว้ก่อนก็ได้ ในรูปคือเอาไปไว้ข้างหลัง ใส่สีเหลืองไว้ให้

CleanShot 2021 06 11 at 21.25.11@2x

ข้อ 2. การทำเป็น component ตำแหน่งต่างๆ จะต้องเหมือนเดิม ดังนั้น เราจะเลื่อนรูปทั้งรูปไม่ได้ครับ

ทางแก้คือ เราไป crop รูปใหม่ (โดยตำแหน่งรูปเหมือนเดิมอยู่นะ) ซึ่งถ้าดีไซน์นี้ แนะนำว่าไม่ต้องทำ mask ก็ได้ครับ

  1. วาดวงกลมเปล่าๆ ไว้
  2. หารูปที่ขอบ (เช่นจาก Google) คลิกขวา Copy Image เลย
  3. กลับมาที่ Figma คลิกให้โดนวงกลม แล้วกด Paste รูปจะมาบรรจุในวงกลมพอดี

แล้วพอเป็น component แล้ว วงกลมนี้ก็จะอยู่ตำแหน่งเดียวกันหมด หากต้องการแก้รูปในวงกลม ก็ก๊อบแปะ แล้วไปเลือก Crop ก่อน พอเลือกเสร็จ เราจะขยายหรือเลื่อนตำแหน่งได้เลย

CleanShot 2021 06 11 at 21.28.06@2x
ตอบ
1 ตอบ
ปู๊ด
(@montri-thanadkha)
เข้าร่วม: 1 ปี ที่ผ่านมา

เริ่มโพสต์
กระทู้: 13

@menn

 

ขอบคุณครับพี่ เดี๋ยวจะลองฝึกทำดูครับ

ว่าแต่การบ้านผม ที่ส่งไป มีจุดไหนควรปรับปรุงบ้างมั้ยครับ

ดูแล้วพอที่จะมีพื้นฐานไปเรียนวันที่ 2 ต่อได้มั้ยครับ

ตอบ
tutu.prinya@gmail.com
กระทู้: 4
(@tutu-prinyagmail-com)
มาใหม่
เข้าร่วม: 1 ปี ที่ผ่านมา

สวัสดีครับ ขอส่งการบ้านผ่านทางนี้ด้วยนะครับ

ของผมอยากทำเป็น web sale page เกี่ยวกับการขายผัก ขายต้นไม้ 

ลองไปหา idea ใน pinterest มา แล้วก็ทำอย่างที่พี่เม่นแนะนำคือ ลอง copy รูปแบบเค้าแล้วมาปรับเอาเล็กๆน้อยครับ (แต่ในความเป็นจริงก็ copy เค้ามาทั้งหมดลำบากเหมือนกันเพราะทำอย่างไรก็ไม่เหมือน ของเค้าจะมีจัดองค์ประกอบการวางภาพ รูปภาพ และ แสง ที่เราทำไม่เป็น)

ส่วนเทคนิคในการทำ figma ก็ไม่ได้มีอะไรพิเศษครับ(เพราะทำยังไม่คล่อง) ก็แค่ copy ภาพมาวาง แต่ส่วนใหญ่จะทำพื้นหลังภาพให้เป็นแบบใส(ไม่มีพื้นหลัง) ผมว่า พอพื้นหลังไม่มี เอาภาพไปใส่ในไหนก็ค่อนข้างดูโอเค

อนาคตคงต้องใช้งาน Figma บ่อยๆ พอเก่งขึ้นก็น่าจะทำอะไรได้เยอะขึ้นครับ

ขอบคุณครับ

----

ตู่

Seed Web Practical 2

 

ตอบ
2 ตอบกลับ
ปู๊ด
(@montri-thanadkha)
เข้าร่วม: 1 ปี ที่ผ่านมา

เริ่มโพสต์
กระทู้: 13

@tutu-prinyagmail-com

สวยดีนะครับพี่ ดู layout เหมือนในแอพ Clubhouse เลยครับ ทันสมัย

ตอบ
tutu.prinya@gmail.com
(@tutu-prinyagmail-com)
เข้าร่วม: 1 ปี ที่ผ่านมา

มาใหม่
กระทู้: 4

@montri-thanadkha

ขอบคุณครับ 🙂 ของคุณปู๊ดก็ดูสวยและมืออาชีพดีครับ ผมชื่อ ตู่ ยินดีที่ได้รู้จักนะครับ

ตอบ
ohiinice
กระทู้: 8
(@ohiinice)
เริ่มโพสต์
เข้าร่วม: 1 ปี ที่ผ่านมา

ขอส่งการบ้านด้วยนะคะ ลองออกแบบเว็บขายอุปกรณ์ทางการแพทย์ค่ะ

Link: https://www.figma.com/file/DDIR53HEkYymmN4hdlPpQM/Depa?node-id=0%3A1

Depa

ขอวิธีเลือกแยก Export เฉพาะอย่างได้ไหมคะ พอดีทำไซต์มือถือกับ PC ค่ะ

ตอบ
2 ตอบกลับ
K
 K
Seed Webs
(@k)
เข้าร่วม: 1 ปี ที่ผ่านมา

กระทู้: 446

@ohiinice สามารถกดที่ส่วนของ mobile ด้านซ้ายมือก่อน แล้วไปกดที่ export ด้านขวามือได้เลยนะครับ

Screen Shot 2564 06 16 at 08.42.08
Screen Shot 2564 06 16 at 08.43.36
ตอบ
เม่น
Seed Webs
(@menn)
เข้าร่วม: 1 ปี ที่ผ่านมา

กระทู้: 188

@ohiinice

เพิ่มเติมว่า ถ้าอยากแยกเป็นชิ้นๆ ให้ Group รวมกันไว้ครับ จะ export แยกชิ้นได้เลย

ตอบ
หน้า 1 / 3
แบ่งปัน: