วิธีหมุนข้อความสำหรับการออกแบบเลย์เอาต์ที่ไม่ซ้ำใน Divi (บทช่วยสอน + ดาวน์โหลดเลย์เอาต์ฟรี)

พวกเราส่วนใหญ่คุ้นเคยกับการอ่านข้อความจากขวาไปซ้ายและจากบนลงล่าง แต่เมื่อพูดถึงการออกแบบเว็บ อาจเป็นความคิดที่ดีที่จะหลุดพ้นจากบรรทัดฐาน วิธีหนึ่งในการทำเช่นนี้คือการหมุนข้อความ การหมุนข้อความบนเว็บไซต์ของคุณอาจดูเหมือนทำไม่ได้ แต่ดูเหมือนว่าจะมีที่ อันที่จริง การวางแนวข้อความในแนวตั้งดูเหมือนจะเป็นเรื่องธรรมดาในการออกแบบเว็บสมัยใหม่ และแม้ว่าข้อความที่หมุนส่วนใหญ่จะใช้เพื่อจุดประสงค์ในการออกแบบเท่านั้น แต่การโต้แย้งสามารถทำได้ว่าข้อความที่หมุน (หรือแนวตั้ง) (แม้ว่าจะอ่านยากกว่า) อาจเป็นเทคนิคการดึงดูดความสนใจที่มีประสิทธิภาพ

ด้วย Divi คุณสามารถหมุนองค์ประกอบใดๆ บนหน้าของคุณโดยใช้ตัวเลือกการแปลงในตัว ในบทช่วยสอนนี้ ฉันจะแสดงวิธีหมุนข้อความให้สำเร็จเพื่อสร้างการออกแบบเลย์เอาต์ที่ไม่เหมือนใครใน Divi ในการทำเช่นนี้ ฉันจะออกแบบเลย์เอาต์สามส่วนที่รวมตัวอย่างข้อความที่หมุน

มาเริ่มกันเลย.

แอบมอง

นี่คือตัวอย่างคร่าวๆ ของเลย์เอาต์ทั้งหมดที่เราจะสร้างในบทช่วยสอน สังเกตว่ามีตัวอย่างของข้อความที่หมุนในสามส่วนต่างๆ ของเลย์เอาต์

ดาวน์โหลดเค้าโครงที่สมบูรณ์จากบทช่วยสอนนี้ได้ฟรี

หากต้องการวางมือบนเลย์เอาต์ Rotated Text Designs ฟรี ก่อนอื่นคุณต้องดาวน์โหลดโดยใช้ปุ่มด้านล่าง ในการเข้าถึงการดาวน์โหลด คุณจะต้องสมัครรับรายชื่ออีเมล Divi Daily ของเราโดยใช้แบบฟอร์มด้านล่าง ในฐานะสมาชิกใหม่ คุณจะได้รับ Divi goodness และ Divi Layout pack ฟรีทุกวันจันทร์! หากคุณอยู่ในรายชื่อแล้ว เพียงป้อนที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลด คุณจะไม่ถูก "สมัครใหม่" หรือรับอีเมลเพิ่มเติม

ดาวน์โหลดเค้าโครง

ดาวน์โหลดฟรี

เข้าร่วมจดหมายข่าว Divi แล้วเราจะส่งอีเมลสำเนาชุดเค้าโครงหน้า Landing Page ของ Divi ที่ดีที่สุดให้คุณ พร้อมแหล่งข้อมูล เคล็ดลับ และลูกเล่นที่น่าตื่นตาตื่นใจและฟรีอีกมากมายของ Divi ทำตามแล้วคุณจะเป็นผู้เชี่ยวชาญ Divi ในเวลาไม่นาน หากคุณสมัครรับข้อมูลแล้ว เพียงพิมพ์ที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลดเพื่อเข้าถึงชุดเค้าโครง

ดาวน์โหลด

คุณสมัครสำเร็จแล้ว โปรดตรวจสอบที่อยู่อีเมลของคุณเพื่อยืนยันการสมัครของคุณและเข้าถึงชุดเค้าโครง Divi รายสัปดาห์ฟรี!

ในการนำเข้าเลย์เอาต์ไปยังเพจของคุณ เพียงแตกไฟล์ zip แล้วลากไฟล์ json ไปที่ Divi Builder

ตอนนี้ขอกลับไปที่บทช่วยสอน

สิ่งที่ควรทราบเมื่อคุณหมุนข้อความ

คุณควรหมุนข้อความไปในทิศทางใด

หากคุณต้องการหมุนข้อความสำหรับการแสดงผลในแนวตั้ง คุณอาจไม่แน่ใจว่าจะหมุนข้อความไปในทิศทางใด คุณสามารถหมุนข้อความทวนเข็มนาฬิกาเพื่อให้ข้อความอ่านจากล่างขึ้นบน หรือคุณสามารถหมุนข้อความตามเข็มนาฬิกาเพื่อให้ข้อความอ่านจากบนลงล่าง หากคุณสงสัยว่าอันไหนอ่านง่ายกว่าฉันไม่แน่ใจว่ามีคำตอบ คุณสามารถลองหาเบาะแสจากการวางแนวของชื่อหนังสือบนชั้นวางหนังสือ แต่ประเทศต่างๆ ทำสิ่งนี้ต่างกัน (มาตรฐานในสหรัฐอเมริกาคือตามเข็มนาฬิกา จากบนลงล่าง)

ในบทช่วยสอนนี้ ฉันจะหมุนข้อความทวนเข็มนาฬิกาในกรณีส่วนใหญ่ เนื่องจากฉันชอบลักษณะที่ปรากฏทางด้านซ้ายของหน้า (บางทีฉันชอบเอียงศีรษะไปทางซ้าย) แต่อย่าลังเลที่จะลองใช้เส้นทางต่างๆ

ปัญหาความเบลอ

ในเบราว์เซอร์บางตัว (เช่น Chrome และ Safari) ข้อความจะเบลอเล็กน้อยเมื่อใช้คุณสมบัติหมุนการแปลง ในการแก้ไขปัญหา คุณสามารถเพิ่มค่าต้นทางของการแปลงเป็น 51% หรือ 52% ตามแกน X สิ่งนี้ควรแก้ไขปัญหา

ส่วนที่ 1: การสร้างส่วนหัวด้วยข้อความแนวตั้ง

สำหรับส่วนแรกของเลย์เอาต์นี้ เราจะสร้างส่วนหัวที่มีข้อความแนวตั้ง ในการทำเช่นนี้ เราจะหมุนโมดูลการนำเสนอโดยใช้ตัวเลือกการแปลง

ในการเริ่มต้น ให้สร้างส่วนปกติที่มีแถวสองคอลัมน์

ก่อนที่คุณจะเพิ่มโมดูล ให้นำช่องว่างด้านบนและด้านล่างของส่วนออกโดยอัปเดตการตั้งค่าส่วนต่อไปนี้:

ช่องว่างภายในที่กำหนดเอง: ด้านบน 0px, ด้านล่าง 0px

ถัดไป อัปเดตการตั้งค่าแถวดังนี้:

• ภาพพื้นหลัง: [เพิ่มรูปภาพที่มีความกว้างอย่างน้อย 1920px]
• คอลัมน์ 1 สีพื้นหลัง: #121212

• ความกว้างที่กำหนดเอง: 100%
• ความกว้างของรางน้ำ: 1
• ปรับความสูงของคอลัมน์ให้เท่ากัน: ใช่
• Custom Padding (เดสก์ท็อป): 0px บน, 0px ด้านล่าง
• Custom Padding (แท็บเล็ต): 40% ขวา
• Custom Padding (โทรศัพท์): 30% ถูกต้อง
• คอลัมน์ 1 Custom Padding (เดสก์ท็อป): 200px บนสุด 200px ล่างสุด
• คอลัมน์ที่ 1 Custom Padding (แท็บเล็ต): 150px บน, 150px ด้านล่าง

• กล่องเงา: ดูภาพหน้าจอ
• กล่องเงาตำแหน่งแนวนอน: 0px
• ตำแหน่งแนวตั้งเงาของกล่อง: -100px
• Shadow Color: #f6454e

การสร้างโมดูล Blurb

ตอนนี้เราพร้อมที่จะเพิ่มเนื้อหาส่วนหัวแล้ว เมื่อต้องการทำสิ่งนี้ ให้เพิ่มโมดูลการนำเสนอลงในคอลัมน์ด้านซ้ายของแถว

อัปเดตเนื้อหาต่อไปนี้:

• ชื่อเรื่อง: Divi Design
• เนื้อหา: เนื้อหาของคุณอยู่ที่นี่
• ใช้ไอคอน: ใช่
• ไอคอน: หลอดไฟ

• สีไอคอน: #f6454e
• ขนาดตัวอักษรของไอคอน: 32px
• การวางแนวข้อความ: center
• ระดับหัวเรื่อง: H1 (เพราะเป็นหัวเรื่องหลักของหน้า)
• แบบอักษรของชื่อเรื่อง: Muli
• รูปแบบตัวอักษรของชื่อเรื่อง: TT
• สีข้อความของชื่อเรื่อง: #ffffff
• ขนาดข้อความของชื่อเรื่อง: 70px (เดสก์ท็อป), 50px (แท็บเล็ต), 36px (โทรศัพท์)
• สีข้อความ: #cccccc
• ระยะห่างระหว่างตัวอักษร: 4px
• ความกว้าง: 500px
• การจัดตำแหน่งโมดูล: ศูนย์

หมายเหตุสำคัญ: เนื่องจากเราจะหมุนโมดูลการนำเสนอให้ตั้งในแนวตั้ง ความกว้างที่กำหนดเอง 500px จะกลายเป็นความสูงของโมดูลการนำเสนอแนวตั้ง ดังนั้นจึงเป็นสิ่งสำคัญที่เนื้อหาจะพอดีกับโมดูลนี้ด้วย สำหรับตัวอย่างนี้ ฉันใช้ข้อความจำนวนเล็กน้อยและปรับขนาดแบบอักษรของชื่อบนอุปกรณ์ต่างๆ เพื่อไม่ให้ข้อความแตกเป็นบรรทัดใหม่และทำให้การออกแบบยุ่งเหยิง

การหมุนโมดูล Blurb โดยใช้ตัวเลือกการแปลง

ในการหมุนโมดูลการนำเสนอ (และเนื้อหาทั้งหมด) ให้อัปเดตตัวเลือกการแปลงต่อไปนี้:

• เปลี่ยนแกนหมุน X: -90deg

คุณจะต้องป้อนค่า -90deg ด้วยตนเอง สิ่งนี้จะช่วยให้คุณจัดแนวเนื้อหาในแนวตั้งจากล่างขึ้นบน

คุณอาจสังเกตเห็นว่าข้อความพร่ามัวเล็กน้อยหากคุณใช้ Chrome หรือ Safari สิ่งนี้สามารถเกิดขึ้นได้บางครั้งเมื่อใช้คุณสมบัติการ แปลง: หมุน ในการแก้ไขปัญหานี้ คุณสามารถปรับ Transformer Origin ได้เล็กน้อยดังนี้:

• เปลี่ยนแกน Y ต้นทาง: 51%

คุณอาจต้องปรับค่านี้เล็กน้อยจนกว่าข้อความจะชัดเจน ตัวอย่างเช่น 52% อาจดูชัดเจนในบางแบบ

การสร้างปุ่มแนวตั้ง

ต่อไป เราจะเพิ่มปุ่มที่ด้านล่างของส่วนหัวเพื่อเตือนให้ผู้ใช้เลื่อนหน้าลง จากนั้น เราสามารถหมุนปุ่มโดยใช้ตัวเลือกการแปลง เช่นเดียวกับที่เราทำกับโมดูลการนำเสนอ

สร้างแถวใหม่ด้วยโครงสร้างคอลัมน์เดียว

ก่อนที่เราจะเพิ่มโมดูลปุ่มของเรา ให้อัปเดตการตั้งค่าแถวดังนี้:

• สีพื้นหลัง: #f6454e
• ความกว้างที่กำหนดเอง: 100%
• ความกว้างของรางน้ำ: 1

ถัดไป เพิ่มโมดูลปุ่มในแถวและอัปเดตตัวเลือกปุ่มต่อไปนี้:

• การจัดตำแหน่งปุ่ม: ศูนย์
• ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
• ขนาดข้อความของปุ่ม: 16px
• สีข้อความของปุ่ม: #ffffff
• ความกว้างของขอบปุ่ม: 0px
• ระยะห่างระหว่างตัวอักษรของปุ่ม: 9px
• น้ำหนักแบบอักษร: light
• รูปแบบตัวอักษร: TT
• ไอคอนปุ่ม: ลูกศรขวา

การหมุนและการวางตำแหน่งปุ่ม

ในการหมุนและจัดตำแหน่งปุ่ม เราจะใช้ระยะขอบร่วมกันและแปลงการหมุนดังนี้:

• ระยะขอบที่กำหนดเอง (เดสก์ท็อป): -50px บน, 50px ล่าง, -50px ซ้าย
• มาร์จิ้นที่กำหนดเอง (แท็บเล็ต): 0px left
• เปลี่ยนแกน X หมุน: 90deg

คราวนี้ปุ่มจะหมุน 90 องศา (ตามเข็มนาฬิกา) เพื่อให้ได้ข้อความแนวตั้งจากบนลงล่าง ดูเหมือนว่าจะเหมาะสมเนื่องจากเราต้องการให้ผู้ใช้เลื่อนลง

ส่วนที่ 2: การหมุนโมดูลข้อความเพื่อสร้างป้ายกำกับแนวทแยง

ในส่วนถัดไปของเลย์เอาต์ เราจะสร้างการนำเสนอสามแบบด้วยโมดูลข้อความที่หมุนแล้วซึ่งใช้เป็นป้ายกำกับ นี่เป็นวิธีที่ยอดเยี่ยมในการแสดงรายการแนะนำบนเพจของคุณ

นี่คือวิธีการทำ

สร้างส่วนปกติใหม่ด้วยแถวสามคอลัมน์ จากนั้นเพิ่มโมดูลการนำเสนอลงในคอลัมน์แรก

เลือกใช้ไอคอนหลอดไฟแทนรูปภาพเริ่มต้น

จากนั้นอัปเดตโมดูลการนำเสนอดังนี้:

• สีไอคอน: #f6454e
• ขนาดตัวอักษรของไอคอน: 32px
• Custom Padding: 3vw ล่าง, 3vw ซ้าย, 3vw ขวา

ถัดไป อัปเดตการตั้งค่าแถวดังนี้:

• คอลัมน์ 1 สีพื้นหลัง: #eeeeee
• คอลัมน์ 2 สีพื้นหลัง: #eeeeee
• คอลัมน์ 3 สีพื้นหลัง: #eeeeee
• ปรับความสูงของคอลัมน์ให้เท่ากัน: ใช่

ขั้นตอนต่อไปนี้มีความสำคัญต่อเมื่อเราเพิ่มการออกแบบฉลากโมดูลข้อความที่หมุน เราต้องการให้โมดูลข้อความล้นอยู่นอกคอลัมน์ เพื่อให้แน่ใจว่าสิ่งนี้จะเกิดขึ้น เราจำเป็นต้องเพิ่มคุณสมบัติ "ล้น: ซ่อน" ให้กับแต่ละคอลัมน์เป็น CSS ที่กำหนดเอง

ใต้แท็บขั้นสูง เพิ่ม CSS แบบกำหนดเองต่อไปนี้:

คอลัมน์ 1 องค์ประกอบหลัก CSS:

overflow: hidden;

คอลัมน์ 2 องค์ประกอบหลัก CSS:

overflow: hidden;

คอลัมน์ 3 องค์ประกอบหลัก CSS:

overflow: hidden;

การเพิ่มและหมุนโมดูลข้อความเป็นป้ายกำกับ

ถัดไป เพิ่มโมดูลข้อความที่อยู่เหนือโมดูลประกาศในคอลัมน์ 1

อัปเดตเนื้อหาข้อความด้วยคำว่า "แนะนำ"

จากนั้นกำหนดรูปแบบโมดูลข้อความดังนี้:

• สีพื้นหลัง: #f6454e
• แบบอักษรของข้อความ: Muli
• น้ำหนักแบบอักษรของข้อความ: กึ่งหนา
• สีข้อความ: #ffffff
• ระยะห่างของตัวอักษรข้อความ: 3px
• ความสูงของบรรทัดข้อความ: 2.5em
• การวางแนวข้อความ: center

ตอนนี้ให้โมดูลข้อความมีความกว้างที่กำหนดเองดังนี้:

• ความกว้าง: 180px
• การจัดตำแหน่งโมดูล: ซ้าย

ถัดไป วางตำแหน่งโมดูลข้อความที่มุมบนซ้ายของคอลัมน์โดยใช้ตัวเลือกการแปลงต่อไปนี้:

• แปลงแกน X แปล: -25%
• แปลงแกน Y แปล: 70%

สิ่งสำคัญคือต้องใช้ค่าเปอร์เซ็นต์ที่นี่เพื่อทำให้การออกแบบตอบสนองได้ดีขึ้น ดังนั้นคุณจะต้องป้อนค่าเหล่านี้ด้วยตนเอง

เปลี่ยนแกนหมุน X: -45deg

โปรดสังเกตว่าโมดูลข้อความล้นถูกซ่อนไว้ภายนอกคอลัมน์เพื่อให้การออกแบบสมบูรณ์

สิ่งที่เราต้องทำคือคัดลอกโมดูลในคอลัมน์หนึ่งแล้ววางลงในคอลัมน์ 2 และคอลัมน์ 3

นี่คือผลลัพธ์สุดท้าย

ส่วนที่ 3: การสร้างหัวข้อแนวตั้งสำหรับเนื้อหาของคุณ

ส่วนถัดไปของเลย์เอาต์นี้ใช้เทคนิคที่คล้ายกันในการหมุนและจัดตำแหน่งโมดูลข้อความให้เป็นส่วนหัวแนวตั้งสำหรับเนื้อหาของคุณ นี่เป็นเลย์เอาต์ที่มีประโยชน์สำหรับการจัดแสดงสิ่งต่างๆ เช่น บริการ นอกจากนี้ ฉันยังจะสาธิตวิธีที่สร้างสรรค์ในการใช้รายการเพื่อสร้างหัวข้อแนวตั้งที่ไม่เหมือนใคร

นี่คือวิธีการทำ

สร้างส่วนปกติใหม่ด้วยแถวหนึ่งคอลัมน์

จากนั้นคัดลอกหนึ่งในโมดูลการนำเสนอในแถวสามคอลัมน์ในเลย์เอาต์ด้านบน สิ่งนี้จะทำให้เราสามารถเริ่มต้นในการออกแบบได้

จากนั้นอัปเดตการตั้งค่าการนำเสนอดังนี้:

• ตำแหน่งภาพ/เบลอ: ซ้าย
• มาร์จิ้นที่กำหนดเอง (เดสก์ท็อป): เหลือ 200px
• ระยะขอบที่กำหนดเอง (โทรศัพท์): เหลือ 0px
• ช่องว่างภายในที่กำหนดเอง: บน 100px ด้านล่าง 100px

ระยะขอบด้านซ้ายสร้างพื้นที่ที่เราต้องการสำหรับโมดูลข้อความแนวตั้งที่เราจะเพิ่ม

จากนั้นเพิ่มเส้นขอบให้กับโมดูลการนำเสนอดังนี้:

• ความกว้างของเส้นขอบ: 2px
• สีขอบ: #eeeeee

การสร้างโมดูลข้อความ

ด้วยเนื้อหาการนำเสนอ ตอนนี้เราสามารถเพิ่มโมดูลข้อความของเราได้แล้ว สร้างโมดูลข้อความใหม่แล้ววางไว้เหนือโมดูลประกาศโดยตรง

หลังจากนั้น เพิ่ม html ต่อไปนี้ในกล่องเนื้อหา (ตรวจสอบให้แน่ใจว่าได้เลือกแท็บข้อความ):

<ol>
  <li><h5>Design</h5>
    <ul>
      <li>Lorem ipsum dolor sit amet</li>
    </ul>
  </li>
</ol>

นี่คือ html กำลังใช้รายการที่เรียงลำดับ (ol) แท็ก h5 และรายการที่ไม่เรียงลำดับ (ul) ซึ่งช่วยให้เราปรับแต่งแต่ละรายการและ h5 แยกกันได้โดยใช้ตัวเลือกการออกแบบในตัวของ Divi ภายในโมดูลข้อความ

เทคนิคนี้สามารถใช้เพื่อสร้างการออกแบบรายการที่น่าทึ่ง

ถัดไป ข้ามไปที่แท็บการออกแบบและอัปเดตสิ่งต่อไปนี้:

• แบบอักษรของรายการที่ไม่เรียงลำดับ: Muli
• น้ำหนักแบบอักษรของรายการที่ไม่เรียงลำดับ: เบา
• ขนาดข้อความรายการที่ไม่เรียงลำดับ: 15px
• Unordered List Style Type: ไม่มี
• เยื้องรายการที่ไม่เรียงลำดับ: 0.01px

• แบบอักษรของรายการสั่งซื้อ: Abril Fatface
• สีข้อความของรายการสั่งซื้อ:
• ขนาดรายการสั่งซื้อ: 40px
• รายการสั่งซื้อระยะห่างตัวอักษร: 4px
• รายการที่สั่งซื้อ ความสูงของบรรทัด: 1.3em
• ประเภทของรายการที่สั่ง: ทศนิยมนำหน้า Zero

• แบบอักษรหัวเรื่อง 5: Muli
• หัวข้อที่ 5 น้ำหนักแบบอักษร: เบาพิเศษ
• หัวข้อ 5 รูปแบบตัวอักษร: TT
• หัวเรื่อง 5 ขนาดข้อความ: 62px

การปรับขนาด การหมุน และการวางตำแหน่งโมดูลข้อความ

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

• กำหนดความกว้าง: 300px
• การจัดตำแหน่งโมดูล: ซ้าย

หากต้องการหมุนข้อความ ให้อัปเดตสิ่งต่อไปนี้:

• เปลี่ยนแกนหมุน X: -90deg (เดสก์ท็อป), 0deg (โทรศัพท์)

เราจำเป็นต้องรีเซ็ตการหมุนกลับเป็น 0deg สำหรับการแสดงโทรศัพท์

ถัดไป อัปเดตตัวเลือก Transform Translate:

• แปลงแกน X แปล: -10% (เดสก์ท็อป), 0% (โทรศัพท์)
• Transform Translate แกน Y: 50% (เดสก์ท็อป), 0% (โทรศัพท์)

การตั้งค่าการแปลงจะปรับตำแหน่งของโมดูลข้อความเล็กน้อย แต่เพื่อให้ระยะห่างของเราถูกต้อง เราต้องแทนที่ช่องว่างเชิงลบที่เหลือโดยโมดูลข้อความที่อยู่เหนือโมดูลประกาศ ในการทำเช่นนี้ เราจำเป็นต้องเพิ่มระยะขอบด้านล่างติดลบให้กับโมดูลข้อความดังนี้:

• มาร์จิ้นที่กำหนดเอง (เดสก์ท็อป): -150px ด้านล่าง
• Custom Margin (โทรศัพท์): 0px bottom

ทำซ้ำส่วนและอัปเดตหมายเลขเริ่มต้นของรายการที่สั่งซื้อ

หากต้องการสร้างส่วนเพิ่มเติมของการออกแบบนี้ คุณสามารถทำซ้ำส่วนนั้นได้ หมายเลขรายการที่สั่งซื้อจะยังคงเป็น “1” ในการเปลี่ยนแปลงนี้ คุณต้องแทนที่แท็กเปิดรายการสั่งซื้อ (ol) ด้วยสิ่งต่อไปนี้:

<ol start="2">

ซึ่งจะทำให้รายการเริ่มต้นด้วยหมายเลข 2 แทนที่จะเป็น 1

แค่นั้นแหละ. เราทุกคนทำเสร็จแล้ว!

การออกแบบขั้นสุดท้ายของเค้าโครงด้วยการออกแบบข้อความแบบหมุน

เดสก์ทอป

แท็บเล็ตและโทรศัพท์

ความคิดสุดท้าย

การรู้วิธีหมุนข้อความ (หรือเนื้อหาใดๆ ก็ตาม) ใน Divi เป็นวิธีที่ยอดเยี่ยมในการดึงดูดความสนใจมายังเนื้อหาของคุณ นอกจากนี้ หากคุณทำถูกต้อง จะทำให้การออกแบบโดดเด่นได้จริงๆ ฉันหวังว่าบทช่วยสอนนี้จะจุดประกายแรงบันดาลใจเกี่ยวกับวิธีการใช้การหมุนข้อความเพื่อการออกแบบที่สวยงามยิ่งขึ้น

ฉันหวังว่าจะได้ยินจากคุณในความคิดเห็น

ไชโย!