มีประโยชน์ (ออฟไลน์) อุปกรณ์และชุดเครื่องมือสำหรับนักออกแบบ

นักออกแบบเว็บไซต์ส่วนใหญ่เริ่มโครงการใหม่บนคอมพิวเตอร์ มีเครื่องมือหลายร้อยรายการในการสร้าง wireframes, จำลอง, ต้นแบบและทำกิจกรรมการวางแผนอื่น ๆ บนคอมพิวเตอร์หรือออนไลน์ของคุณ แต่ยังมีเครื่องมือที่ใช้กระดาษเป็นออฟไลน์มากมายที่จะช่วยให้การพัฒนาและการออกแบบของคุณเร็วขึ้น นักออกแบบที่เริ่มวางแผนแบบออฟไลน์มักจะใช้กระดาษเปล่าหรือกราฟและเริ่มจากศูนย์.

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

นี่คือนักออกแบบที่มีประโยชน์มากกว่าบทความชุดเครื่องมือที่คุณอาจต้องการตรวจสอบ:

• 27 ชุดเริ่มต้นที่ต้องมีสำหรับนักออกแบบเว็บไซต์
• ชุดไอคอน GUI สำหรับนักออกแบบเว็บไซต์
• 50 (เพิ่มเติม) ชุดไอคอนขนาดเล็กที่ยอดเยี่ยม

ดาวน์โหลด

เครื่องมือด้านล่างนี้มีให้ดาวน์โหลดฟรี พวกเขารวมถึงเบราว์เซอร์ก่อนวาดกริดและเครื่องมือสำหรับการพัฒนา iPad และ iPhone.

เบราว์เซอร์กระดาษ

หน้าต่างเบราว์เซอร์ที่เรียบง่ายและพิมพ์ได้สำหรับ wireframing มีกริดที่บอบบางภายในหน้าต่างเพื่อการออกแบบที่ดีขึ้น (สำหรับทั้งความกว้าง 960px และการออกแบบความกว้าง 800px) มันถูกปรับอัตราส่วนตามสัดส่วนสำหรับความละเอียดหน้าจอ 1024 × 768.

กระดาษร่าง MBTI เพื่ออุดมการณ์

กระดาษร่าง MBTI ประกอบด้วยสี่ส่วนที่แตกต่างกันสำหรับการคิดหาวิธีการซื้อที่เฉพาะเจาะจงสี่แบบ: การแข่งขันที่เกิดขึ้นเองมีระเบียบและมีมนุษยธรรม มันมีอยู่ในสี่ขนาด: A4, A3, จดหมายและกฎหมาย.

กระดาษวาดเขียน

กระดาษร่างนี้แสดงหน้าต่างเบราว์เซอร์ที่มีเส้นกริดที่สร้างไว้ล่วงหน้ารวมถึงพื้นที่บันทึกย่อที่ด้านข้าง มันมีอยู่ในขนาด A4 และ A3.

แผ่นร่างระบบ 960 ตาราง

960 Grid System มีเทมเพลตมากมายสำหรับโปรแกรมออกแบบต่างๆ แต่ผู้คนจำนวนมากไม่ทราบว่ามีเทมเพลต PDF ที่สามารถดาวน์โหลดได้สำหรับ wireframing ด้วย 960.gs บนกระดาษ.

กระดาษกราฟการออกแบบตาราง

Konigi มีกระดาษกราฟที่พิมพ์ฟรีสำหรับ mockups การออกแบบตาราง เทมเพลตที่พร้อมใช้งานรวมถึงโครงร่างที่มีพื้นที่บันทึกย่อ wireframes แนวนอนและแนวตั้งกระดานเรื่องราว (ที่มีและไม่มีโน้ต) กระดาษกราฟสองต่อสองและกระดาษกราฟขั้นพื้นฐาน.

ชุดโครงลวดแม่เหล็ก DIY

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

Sketchboards

กระดานวาดภาพเหล่านี้มีสองรุ่น: หน้าจอเดียวที่มีพื้นที่โน้ตหรือหกขึ้นกับพื้นที่โน้ต รุ่นหลายหน้านั้นยอดเยี่ยมสำหรับการสร้างต้นแบบอย่างรวดเร็วของหลาย ๆ หน้าซึ่งรุ่นหน้าเดียวนั้นยอดเยี่ยมสำหรับ wireframing รายละเอียดเพิ่มเติมของหน้าเฉพาะ.

เทมเพลต 6 หน้า

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

เทมเพลตโครงลวดกระดาษ

เทมเพลตโครงร่างหลากหลายที่มีทั้งหมดเจ็ดแบบรวมอยู่ในการดาวน์โหลด นอกจากนี้ยังมีเทมเพลต PSD ถ้าคุณต้องการปรับแต่งก่อนพิมพ์.

เทมเพลตโครงร่าง

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

เทมเพลต Wireframe ของ iPhone App

เทมเพลตแอพ iPhone ทันสมัยมากมีให้เลือกทั้งแนวตั้งและแนวนอน มีรุ่นที่มี mockups iPhone เดี่ยวที่มีพื้นที่มากมายสำหรับโน้ตรวมถึงเพจที่มี iPhone สามเครื่องในหน้าเดียว.

แผ่นความคิดของ iPad

มีให้เลือกสามรุ่น: แผ่นงานสองแผ่นพร้อม iPads แบบแนวตั้งแผ่นงานสี่แผ่นพร้อม iPads แบบแนวนอนและแผ่นหนึ่งแผ่นพร้อม iPad แนวนอน พวกเขายังมี iPhone Idea Sheet สำหรับดาวน์โหลด.

สถานการณ์, Taskflow และ Grid Sketchsheets

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

ผลิตภัณฑ์

ผลิตภัณฑ์ด้านล่างมักจะคล้ายกับผลิตภัณฑ์ที่มีให้ดาวน์โหลดด้านบน แต่มีการพิมพ์ล่วงหน้า รวมถึงเครื่องมืออื่น ๆ เช่นลายฉลุและกระดาษโน๊ต.

Mighty Mouse Pad

แผ่นรองเมาส์ที่เป็นแผ่นจดบันทึก มีสามรุ่นที่แตกต่างกัน: 5 วันต่อสัปดาห์ (มีพื้นที่สำหรับรายการที่ต้องทำห้าวัน), ศูนย์ข้อมูล (มีพื้นที่มากมายสำหรับบันทึก) และสุ่ม Dawdle $ 10 ต่อคน.

ชุดลายฉลุ iPad

โลหะฉลุจาก UI Stencils สำหรับออกแบบสำหรับ Apple iPad มีทุกสิ่งที่คุณต้องการในการจำลองแอปพลิเคชันสำหรับ iPad ชุดนี้ยังรวมถึงดินสอเครื่องกลม้าลาย 0.7 มม. และตารางเทคนิคการโต้ตอบ $ 24.95

ชุดฉลุ iPhone

อีกชุดโลหะ stencil จาก UI Stencils คราวนี้สำหรับ iPhone นอกจากนี้ยังมาพร้อมกับสติ๊กเกอร์ Zebra Mechanical Pencil และ UI Stencils $ 24.95

แอพ Sketchbook

เสนอ Sketchbooks แอพที่มีขอบเกลียวสำหรับการออกแบบแอพ iPhone และ iPad มีทั้งแบบมาตรฐานแบบพรุนและ iPad รุ่นของ iPhone มาพร้อมกับภาพขนาดจริงของ iPhone สามภาพต่อหน้ารวมทั้งหมด 50 หน้า (สองหน้า) สมุดร่าง iPad (ยังไม่พร้อมใช้งาน) มาพร้อมกับภาพหนึ่งภาพต่อหน้า $ 12 ต่อคน.

Notepod และ Notepod+

แผ่นจดบันทึกขนาดเท่าจริงสำหรับการออกแบบแอพ iPod และ iPad โน้ตบุ๊ก iPod มี 3 แพ็คมี 100 แผ่นต่อแผ่น iPad รุ่น (Notepod +) ขายแยกต่างหากและยังมี 100 แผ่นต่อแผ่น Notepod + คือ $ 19.95; Notepod คือ $ 17.95 / สาม.

กระดานเรื่องราวสตอรี่บอร์ด

แผ่นจดบันทึก 8 1/2 x 11 นิ้วจาก Konigi มีกระดาษกระดานเรื่องราว 50 แผ่นแต่ละแผ่นมีพื้นที่สำหรับบันทึกย่อ สิ่งที่ทำให้สิ่งเหล่านี้แตกต่างจากสมุดบันทึกกระดานเรื่องราวทั่วไปคือแต่ละส่วนของกระดานเรื่องราวแบ่งออกเป็นตารางทำให้เหมาะสมกว่าสำหรับการออกแบบการโต้ตอบ แต่ละอันมีราคา $ 9 เท่านั้นที่มีให้ในสหรัฐอเมริกา.

เบราว์เซอร์ Sketch Pad

แผ่นจดบันทึกที่มีแม่แบบหน้าต่างเบราว์เซอร์ในแต่ละหน้า แต่ละหน้าต่างจะมีกริดซึ่งเข้ากันได้กับ Website Stencil Kit ($ 24.95) จาก UI Stencils $ 8.95 ต่อคน.

หนังสือ Dot Grid

หนังสือจุดตารางเหล่านี้จาก Behance คล้ายกับกระดาษกราฟแบบดั้งเดิม แต่แทนที่จะเป็นเส้นพวกเขามีจุดที่เส้นจะตัดกัน มันเป็นกริดที่ยอดเยี่ยมสำหรับการสเก็ตช์โดยไม่มีการบุกรุกของเส้นทึบ $ 14 ต่อคน.

เมื่อใดก็ตามที่ตั้งค่าบันทึกย่อช่วยเตือน

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

แหล่งข้อมูลเพิ่มเติม

ค้นหาแหล่งข้อมูลเพิ่มเติมผ่านทาง roundups ด้านล่าง:

• 50 UI และการออกแบบเว็บฟรีชุดเครื่องมือ Wireframing ทรัพยากรและไฟล์แหล่งที่มา - บทสรุปที่ยอดเยี่ยมจาก Smashing Magazine ที่มีทั้งทรัพยากรออนไลน์และออฟไลน์.
• เทมเพลต PDF ที่พิมพ์ได้ฟรี Wireframing และการจดบันทึก - เป็นอีกหนึ่งบทสรุปยอดเยี่ยมจากนิตยสาร Smashing ซึ่งประกอบด้วยทรัพยากรที่สามารถพิมพ์ได้ทั้งหมดในครั้งนี้.
• UI, Wireframing และทรัพยากรการออกแบบเลย์เอาต์ - แหล่งข้อมูลที่สามารถพิมพ์ได้ขนาดเล็กที่รวบรวมโดย Es Developed.