ออกแบบ

ตกแต่งภาพหน้าจอ

มุมโค้ง เงา พื้นหลังใดก็ได้ (หรือไม่มี) — พร้อมโพสต์

ทำให้ภาพหน้าจอดูออกแบบแล้ว

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

Screenshot Beautifier เปลี่ยนภาพหน้าจอ RAW ให้ดูเหมือนออกแบบมา: ภาพของคุณอยู่บนพื้นหลังกราเดียนท์นุ่มนวล มุมโค้ง เงาตกกระทบธรรมชาติ และ — ถ้าต้องการ — แถบหน้าต่างสไตล์ macOS พร้อมจุดไฟจราจร เป็นภาษาภาพของทวีตผลิตภัณฑ์ที่สวยงาม โพสต์บันทึกการเปลี่ยนแปลง เอกสาร และประกาศเปิดตัว โดยไม่ต้องเปิดเครื่องมือออกแบบ

เลือกหนึ่งในแปดโทนกราเดียนท์ ลากแถบเลื่อนสามอัน (padding, corner radius, shadow depth) และส่งออกที่ 1× หรือ 2× บรรทัดข้อมูลเชิงลึกบอกคุณเมื่อผลลัพธ์อยู่ในจุดที่เหมาะสมสำหรับการ์ดลิงก์ X/Twitter และ LinkedIn ทุกอย่างเรนเดอร์บน canvas ในเครื่อง — ภาพหน้าจอผลิตภัณฑ์ แดชบอร์ด หรือโค้ด ไม่เคยออกจากเครื่องของคุณ

คำถามที่พบบ่อย

ทำไมภาพหน้าจอถึงต้อง 'ทำให้สวย'?

ภาพหน้าจอสี่เหลี่ยมเปลือยจะกลมกลืนกับหน้าและดูเหมือนรายงานข้อบกพร่อง การเพิ่ม padding, gradient และเงาจะสร้างการแยกตัวพื้นซึ่งทำให้พิกเซลเดียวกันดูเหมือนเนื้อหาที่ตั้งใจ — ช่วยเพิ่มการมีส่วนร่วมบนโซเชียลมีเดียอย่างมีนัยสำคัญ

แถบเลื่อนสามแถบควบคุมอะไร?

Padding คือระยะระหว่างภาพหน้าจอกับขอบ canvas corner radius ทำให้ภาพหน้าจอมีมุมโค้ง shadow ควบคุมความเบลอและความลึกของเงาด้านล่าง ค่าเริ่มต้น (48 / 14 / 30) ใช้ได้กับภาพส่วนใหญ่

เมื่อใดที่ฉันควรเปิดใช้งานกรอบหน้าต่าง?

เมื่อภาพหน้าจอเป็นมุมมองของแอปหรือเบราว์เซอร์ที่ได้รับประโยชน์จากการดูเหมือนหน้าต่าง — UI ผลิตภัณฑ์, แดชบอร์ด, ตัวแก้ไข ปิดไว้สำหรับภาพหน้าจอมือถือ, แผนภาพ หรือรูปภาพ

ควรเลือกเกรเดียนต์ใด?

จับคู่กับแบรนด์ของคุณหรือสีหลักของภาพหน้าจอ กราเดียนท์โทนเย็น (Ocean, Slate) ดูเป็นมืออาชีพ โทนอุ่น (Sunset, Peach) ดูเป็นกันเอง Night ใช้ได้ดีกับภาพหน้าจอโหมดมืด

การตั้งค่าการส่งออกใดดีที่สุดสำหรับ X/Twitter หรือ LinkedIn?

ส่งออกที่ 2× และตั้งเป้าให้ได้ผลลัพธ์ประมาณ 16:9 ที่ 1600×900 — เส้นคำแนะนำใต้ตัวอย่างยืนยันเมื่อคุณอยู่ในโซนนั้น PNG ทำให้ข้อความใน UI คมชัด

ฉันสามารถใช้สำหรับรูป App Store หรือบล็อกได้ไหม?

ใช่ — มันเป็นไฟล์ PNG/JPG/WebP ออกมา สำหรับบล็อก 1× มักจะเพียงพอ สำหรับผู้ชมที่เน้นจอเรตินาให้ใช้ 2×

ภาพหน้าจอของฉันถูกอัปโหลดหรือไม่?

ไม่ องค์ประกอบถูกวาดบน canvas ในเบราว์เซอร์ของคุณ UI ของผลิตภัณฑ์และแดชบอร์ดภายในอยู่ในเครื่องของคุณ — เครื่องมือทำงานแบบออฟไลน์เมื่อโหลดแล้ว

ทำไมผลลัพธ์ของฉันดูนุ่มนวล?

คุณอาจส่งออก 1× และแพลตฟอร์มขยายขนาดขึ้น ส่งออกใหม่ที่ 2× — ข้อความคมชัดแบบเวกเตอร์ต้องการพิกเซลพิเศษเหล่านั้นบนหน้าจอความละเอียดสูง