เนื้อหา
- 01. Repo ระบบการออกแบบ
- 02. PixelSnap
- 03. ร่าง. ริปเปอร์
- 04. สแต็คเวลล์
- 05. แบบอักษรตัวแปร
- 06. การเรียกเก็บเงินแบบ Stripe
- 07. CreativeGuild
- 08. ม็อบบิน
- 09. ฮิวสแนป
- 10. Eggradients
- รับตั๋วของคุณเพื่อสร้างนิวยอร์ก
ธีมของบทสรุปของเราในเดือนนี้คือความเร็วและประสิทธิภาพ: บางส่วน เครื่องมือออกแบบเว็บไซต์ จะทำสิ่งที่น่าอัศจรรย์ให้กับขั้นตอนการทำงานของคุณโดยการตัดงานที่น่าเบื่อและน่าหงุดหงิดที่ไม่เกี่ยวข้องกับการออกแบบออกไป Take Stackswell - มันทำให้บิตที่น่ารำคาญทั้งหมดในการออกแบบตอบสนองใน Sketch เป็นไปโดยอัตโนมัติ เครื่องมืออีกอย่างของเราช่วยเพิ่มความเร็วให้กับคุณโดยการแยกและจัดระเบียบเนื้อหาทั้งหมดจากไฟล์. sketch
นอกจากนี้ยังมีผลิตภัณฑ์การเรียกเก็บเงินใหม่ที่ยอดเยี่ยมจาก Stripe ซึ่งเป็นเครื่องมือสร้างเครือข่ายที่ยอดเยี่ยมสำหรับครีเอทีฟโฆษณาโดย Tina Roth Eisenberg และเครื่องมือที่ยอดเยี่ยมสำหรับการวัดสิ่งต่างๆบนหน้าจอเป็นพิกเซล
01. Repo ระบบการออกแบบ
หากคุณได้รับมอบหมายให้ทำงานเกี่ยวกับส่วนผสมบางอย่างสำหรับระบบการออกแบบขององค์กรของคุณหรือแม้กระทั่งการสร้างหรือเขียนโค้ดระบบเองคุณจะต้องใช้ทรัพยากรล่าสุดในหัวข้อนี้อย่างรวดเร็ว
สำหรับสิ่งนี้ Design Systems Repo คือเพื่อนของคุณ เป็นชุดหนังสือบทความการพูดคุยเว็บไซต์เครื่องมือระบบการออกแบบไลบรารีรูปแบบและคู่มือสไตล์ที่คุณสามารถใช้เพื่อทำความเข้าใจว่าองค์กรชั้นนำและนักคิดชั้นนำกำลังทำสิ่งต่างๆอย่างไร
02. PixelSnap
PixelSnap เป็นแอพที่ดีมากที่ทำให้การวัดสิ่งต่างๆบนหน้าจอของคุณมากขึ้นและน่ารำคาญน้อยลงมาก วางเคอร์เซอร์ระหว่างสององค์ประกอบเช่นรูปภาพและส่วนหัวและจะบอกจำนวนพิกเซลระหว่างองค์ประกอบเหล่านั้นโดยอัตโนมัติ วาดรูปสี่เหลี่ยมผืนผ้ารอบ ๆ องค์ประกอบจากนั้นจะยึดรอบองค์ประกอบและบอกขนาดของมัน ใช่. คุณสามารถวัดสิ่งต่างๆได้อย่างรวดเร็ว
ดูวิดีโอในหน้าแรกเพื่อรับแนวคิด แอพนี้มีราคาอยู่ที่ $ 15 และมีข้อเสียเปรียบเพียงอย่างเดียวคือตอนนี้มีให้บริการเป็นแอป Mac เท่านั้น แต่ถ้าคุณเป็นผู้ใช้ Mac ก็เป็นเรื่องที่ดี
03. ร่าง. ริปเปอร์
การส่งออกและจัดเตรียมสินทรัพย์จาก Sketch เพื่อส่งมอบให้กับทีมอื่นอาจเป็นเรื่องจริงดังนั้นความคาดหวังของเครื่องมือที่ทำเพื่อคุณด้วยการคลิกเพียงครั้งเดียวนั้นค่อนข้างน่าตื่นเต้น Sketch.The Ripper แยกและจัดระเบียบหน้าจอคัดลอกและแรสเตอร์ภาพจากอาร์ตบอร์ดทั้งหมดในไฟล์. คุณสามารถดูตัวอย่างผลลัพธ์จากไฟล์ที่ริปได้ที่นี่
เครื่องมือนี้ทำงานบนเว็บดังนั้นจึงสามารถใช้งานได้กับระบบปฏิบัติการใด ๆ ซึ่งสามารถขจัดความไม่ลงรอยกันออกจากขั้นตอนการทำงานของคุณได้หากผู้คนใช้ระบบที่แตกต่างกัน สร้างโดย Icons8 และคุณสามารถอ่านเพิ่มเติมได้ที่นี่
04. สแต็คเวลล์
Stackswell เพิ่มความเร็วเวิร์กโฟลว์การออกแบบที่ตอบสนองของคุณโดยนำการสืบค้นสื่อมาไว้ใน Sketch และทำให้กระบวนการอัปเดตรูปแบบและสัญลักษณ์ของแต่ละเบรกพอยต์เป็นไปโดยอัตโนมัติ แทนที่จะทำงานนี้ด้วยตนเองเมื่อคุณปรับความกว้างของอาร์ตบอร์ดสไตล์จะอัปเดตโดยอัตโนมัติ
Stackswell ยังช่วยคุณในการตรวจสอบระยะห่างในแนวตั้งสำหรับแต่ละจุดพักดังนั้นคุณจะได้ระยะห่างที่สม่ำเสมอและไม่ยุ่งยาก คุณสามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ในบทความนี้
05. แบบอักษรตัวแปร
แบบอักษรที่ปรับเปลี่ยนได้ช่วยให้คุณใช้น้ำหนักและความกว้างแบบอักษรที่แตกต่างกันได้โดยไม่ต้องรวมไฟล์แยกสำหรับแต่ละไฟล์: คุณรวมไฟล์เดียวแล้วแก้ไขแบบอักษรโดยใช้ CSS เป็นสถานการณ์ที่ยอดเยี่ยมเพราะช่วยให้คุณสามารถใช้ตัวอักษรเพื่อให้ได้ผลดีที่สุดในการออกแบบของคุณโดยไม่ต้องเพิ่มน้ำหนักหน้า
ฟอนต์ตัวแปรบางตัวไม่เท่ากัน บางคนมีความยืดหยุ่นมากกว่าคนอื่น ๆ เครื่องมือนี้ช่วยให้คุณค้นหาแบบอักษรต่างๆและทดลองใช้เพื่อดูว่าเหมาะกับความต้องการของคุณหรือไม่ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับฟอนต์ตัวแปรและแนวคิดเกี่ยวกับสิ่งที่สามารถทำได้ให้ลองใช้การสาธิตนี้
06. การเรียกเก็บเงินแบบ Stripe
ผลิตภัณฑ์การเรียกเก็บเงินใหม่ของ Stripe สำหรับธุรกิจออนไลน์เป็นวิธีที่สามสำหรับ บริษัท ที่กำลังพิจารณาว่าจะสร้างหรือซื้อระบบการเรียกเก็บเงิน (สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้โปรดดูบทความของเราเกี่ยวกับโซลูชันร้านค้าออนไลน์) Stripe Billing API รวมเข้ากับไซต์ที่มีอยู่ได้อย่างง่ายดายและช่วยให้คุณสามารถใช้ Building Block เพื่อสร้างระบบที่ยืดหยุ่นที่เหมาะกับความต้องการของคุณ
เมื่อระบบของคุณได้รับการตั้งค่าทุกอย่างจะได้รับการจัดการจากแดชบอร์ดซึ่งคุณสามารถติดตามการสมัครรับใบแจ้งหนี้และรายงานทางการเงินได้ นอกจากนี้คุณยังได้รับคุณลักษณะที่มีประสิทธิภาพเช่นระบบการชำระเงินทั่วโลกของ Stripe ซึ่งจัดการสกุลเงินและบัตรเครดิตที่แตกต่างกันและองค์ประกอบการเรียกเก็บเงินที่ยืดหยุ่นซึ่งช่วยให้คุณสามารถทดลองกำหนดราคาได้
07. CreativeGuild
CreativeGuild เป็นส่วนหนึ่งของ CreativeMornings ซึ่งเป็นชุดการบรรยายฟรีรายเดือนที่ก่อตั้งโดย Tina Roth Eisenberg ในบรูคลินเมื่อทศวรรษที่แล้ว แนวคิดดังกล่าวได้รับความนิยมและขณะนี้มีบท CreativeMornings ในกว่า 185 เมืองทั่วโลกแต่ละแห่งมีชุมชนที่มีชีวิตชีวาของตัวเองที่ดูแลและสร้างแรงบันดาลใจให้กับสมาชิก
CreativeGuild มีวัตถุประสงค์เพื่อนำเสนอแง่มุมของชุมชนทางออนไลน์เพื่อให้ผู้คนสามารถเข้าถึงได้มากขึ้น คุณอาจคิดว่ามันเหมือนกับ LinkedIn แต่สำหรับครีเอทีฟโฆษณา มีไดเรกทอรีของ บริษัท ครีเอทีฟบุคคลและตำแหน่งงานและคุณสามารถค้นหาตามสถานที่เพื่อค้นหาโอกาสในเมืองของคุณ
08. ม็อบบิน
Mobbin เป็นแกลเลอรีการออกแบบแอปบนอุปกรณ์เคลื่อนที่ที่คุณสามารถใช้เพื่อรับแนวคิดสำหรับโครงการของคุณเองแทนที่จะติดตั้งแอปจำนวนมากคุณสามารถเรียกดูได้จากที่เดียวเพื่อดูว่าผู้อื่นแก้ปัญหาการออกแบบอย่างไร หกหน้าจอสำหรับแต่ละแอปจะแสดงขึ้นเพื่อให้คุณได้ทราบถึงเส้นทางของผู้ใช้และรูปแบบการออกแบบสำหรับแต่ละแอป นอกจากนี้ยังมีแถบด้านข้างที่แสดงรายชื่องาน
09. ฮิวสแนป
คุณไม่มีทางรู้ว่าแรงบันดาลใจจะเกิดขึ้นเมื่อใด บางทีการตกแต่งโรงแรมหรือแสงไฟในสวนสาธารณะอาจจะเป็นโทนสีที่เหมาะกับงานของคุณ หากเป็นเช่นนั้นคุณสามารถถ่ายภาพและใช้ HueSnap เพื่อดึงสีจากภาพและทำให้เป็นจานสีได้
แอพนี้มีจุดมุ่งหมายเพื่อการใช้งานมือถือดังนั้นจึงทำงานได้ดีที่สุดบนโทรศัพท์ของคุณและคุณสามารถบันทึกและแบ่งปันจานสีของคุณกับผู้อื่นได้ มีคุณสมบัติมากมายที่จะช่วยคุณปรับเปลี่ยนจานสีเช่นตัวเลือกในการเลือกสีเสริมและสีผสม จานสีของคุณสามารถมีได้ถึงหกสี
สำหรับข้อมูลเพิ่มเติมโปรดดูบทสรุปของเครื่องมือสีที่ดีที่สุดสำหรับนักออกแบบเว็บไซต์
10. Eggradients
ใครก็ตามที่รวบรวมคอลเลคชันการไล่ระดับสีที่สวยงามนี้จะมีสีสันและอารมณ์ขันที่น่าสนใจ การไล่ระดับสีแต่ละรายการจะแสดงในภาชนะรูปไข่และมีชื่อที่อาจเกี่ยวข้องกับสีไม่ทางใดก็ทางหนึ่งหรือไม่ก็ได้ หากมีความสัมพันธ์เราไม่สามารถถอดรหัสได้
ชื่อตัวอย่าง ได้แก่ "ผู้อพยพที่ประสบความสำเร็จ" สำหรับการไล่ระดับสีเทอร์ควอยซ์ "Wozniak’s Broken Heart" สำหรับสีน้ำเงินซีดและ "Merciful Enemy" สำหรับการเปลี่ยนสีเหลืองเป็นสีเขียว
รับตั๋วของคุณเพื่อสร้างนิวยอร์ก
งานออกแบบเว็บชั้นนำ สร้างนิวยอร์ก กลับมา. ซึ่งจัดขึ้นระหว่างวันที่ 25-27 เมษายนผู้บรรยายหัวข้อข่าว ได้แก่ SuperFriendly’s Dan Mall ที่ปรึกษาด้านแอนิเมชั่นเว็บ Val Head ผู้พัฒนา JavaScript แบบเต็มสแต็ก Wes Bos และอีกมากมาย นอกจากนี้ยังมีเวิร์กช็อปและโอกาสในการสร้างเครือข่ายอีกหนึ่งวันอย่าพลาด รับตั๋วสร้างของคุณตอนนี้.
