โฮมเพจ » Toolkit » เห็นจานสีของคุณออนไลน์ด้วย Speculo

    เห็นจานสีของคุณออนไลน์ด้วย Speculo

    เรื่องทั่วไป กระบวนการออกแบบจำลอง สามารถรู้สึกเหมือนงานน่าเบื่อ คุณต้องพลิกไปมาระหว่าง Photoshop (หรือ Sketch) เพื่อเปลี่ยนสีพิมพ์ตัวอักษรสไตล์และเปรียบเทียบพวกมันทั้งหมดเพื่อดูว่าคุณชอบอะไรที่สุด.

    ถ้าคุณไปด้วยเครื่องมือเช่น Speculo คุณจะสามารถ การศึกษาและเปรียบเทียบจานสี ทันทีในเบราว์เซอร์ของคุณ.

    แอพนี้ให้บริการฟรีและทำงานในเบราว์เซอร์ที่สำคัญทั้งหมดจาก Chrome ถึง Edge มันสาธิต หน้า Landing Page แตกต่างกันหกประเภท, ออกแบบเป็น wireframes.

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

    นอกจากนี้คุณยังสามารถ เปลี่ยน typefaces เพื่อดูว่าพวกเขาดูในแต่ละการออกแบบอย่างไร มันจะเจ๋งถ้าคุณสามารถเพิ่มของคุณเอง แต่เว็บไซต์ รองรับฟอนต์ที่แตกต่างกัน 7 แบบเท่านั้น:

    • ตอนบ่าย
    • Lato
    • เปิด Sans
    • Roboto
    • มอนต์เซอร์รัต
    • Helvetica Neue
    • BLOKKNeue

    โครงร่างของหน้าที่เชื่อมโยงไปถึงไม่ค่อยมีรายละเอียดมากนักดังนั้นแอปนี้อาจไม่สามารถช่วยเหลือได้ในระหว่างขั้นตอนต่อไปในกระบวนการออกแบบ.

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

    หากคุณวางตัวใด ๆ ของ wireframes คุณสามารถคลิกเพื่อ ขยายเข้า และมองใกล้ ๆ มันจะย่อ / ขยายโดยอัตโนมัติสำหรับมุมมองแบบเต็มหน้าจอดังนั้นคุณจึงสามารถเห็นแบบอักษรและสีได้อย่างใกล้ชิด.

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

    คุณสามารถเรียกดูผ่าน รหัสแหล่งที่มา บน GitHub เพื่อดูว่าทำอย่างไร หากคุณมีความคิดหรือข้อเสนอแนะสำหรับ Speculo อย่าลังเลที่จะแบ่งปันกับผู้สร้างเว็บไซต์ Ben Howdle.