Designheaven?
ทรัพยากรการออกแบบ ฟรี ที่น่าทึ่งสำหรับนักออกแบบและนักพัฒนา! หยุดกดหัวของคุณลงบนโต๊ะอีกต่อไป?
สารบัญ
- ภาพสต็อก
- วิดีโอสต็อก
- ไอคอน
- ไอคอนเคลื่อนไหว
- แบบอักษร
- ภาพประกอบ
- ระบบออกแบบ
- แรงบันดาลใจในการออกแบบ
- สี
- การไล่ระดับสี
- เครื่องมือออกแบบ
- เครื่องมือสร้างต้นแบบ
- เครื่องมือนำเสนอ
- เครื่องมือเคลื่อนไหว
- เครื่องมือจำลอง
- การเข้าถึงเว็บ
- ชุด UI
- เครื่องมือการไหลของผู้ใช้
- เครื่องมือสร้างสรรค์
- เครื่องมือ AI
การออกแบบทรัพยากร
ภาพสต็อก
- Burst by Shopify - ดาวน์โหลดรูปภาพฟรีความละเอียดสูง
- Gratisography - คอลเล็กชั่นที่เล่นโวหารที่สุดในโลกของรูปภาพความละเอียดสูงฟรีที่คุณสามารถใช้กับโครงการส่วนตัวและเชิงพาณิชย์ของคุณ
- Life of Pix - การถ่ายภาพความละเอียดสูงฟรี
- Moose - คอลเล็กชั่นการถ่ายภาพสต็อกในรูปแบบเดียว ดีสำหรับภาพตัดปะ ฟรีสำหรับการใช้งานเชิงพาณิชย์
- ใหม่สต็อกเก่า - ภาพถ่ายวินเทจจากจดหมายเหตุสาธารณะ
- Pexels - ภาพถ่ายสต็อกฟรีที่คุณสามารถใช้ได้ทุกที่
- PIXABAY - ภาพถ่ายและวิดีโอฟรีมากกว่า 1.6 ล้านภาพและวิดีโอที่แบ่งปันโดยชุมชนใจกว้างของเรา
- Reshot - ภาพที่ไม่ได้รับการคัดเลือก ของคุณใช้ตามที่คุณต้องการ
- StocksNAP - ภาพสต็อกคุณภาพสูงและความละเอียดสูงฟรีจากข้อ จำกัด ด้านลิขสิทธิ์ทั้งหมด (CC0)
- UNSPLASH - รูปภาพและภาพถ่ายที่สวยงามฟรีที่คุณสามารถดาวน์โหลดและใช้สำหรับโครงการใด ๆ
วิดีโอสต็อก
- Coverr - ดาวน์โหลด Royalty Free (สำหรับการใช้งานส่วนตัวและเชิงพาณิชย์) วิดีโอวิดีโอที่ไม่เหมือนใครและสวยงามสำหรับเว็บไซต์ของคุณหรือโครงการใด ๆ
- Life of Vids - วิดีโอฟรีสำหรับการใช้งานส่วนบุคคลและเชิงพาณิชย์ วิดีโอใหม่เพิ่มทุกสัปดาห์
- Mixkit - วิดีโอ HD พิเศษเพื่อให้คุณใช้โดยไม่เสียค่าใช้จ่ายอย่างสมบูรณ์
- วิดีโอ Pexels - วิดีโอฟรีที่ดีที่สุดที่แชร์โดยชุมชน Pexels
- VIDEVO - ภาพ HD สต็อกฟรีและกราฟิกเคลื่อนไหวสำหรับโครงการใด ๆ
ไอคอน
- ไอคอน EVA - ไอคอน EVA เป็นไอคอนโอเพนซอร์สมากกว่า 480 รายการสำหรับการกระทำและรายการทั่วไป
- Evericons - Evericons เป็นคอลเล็กชั่นไอคอนที่สร้างขึ้นมาอย่างดี 460+ สำหรับโครงการต่อไปของคุณ
- ไอคอนขนนก - Feather เป็นคอลเล็กชั่นไอคอนโอเพนซอร์สที่สวยงาม ไอคอนแต่ละตัวได้รับการออกแบบบนกริด 24x24 โดยเน้นความเรียบง่ายความสอดคล้องและการอ่าน
- FLATICON - ฐานข้อมูลที่ใหญ่ที่สุดของไอคอนฟรีที่มีอยู่ใน PNG, SVG, EPS, PSD และรูปแบบฐาน 64
- Font Awesome - รับไอคอนเวกเตอร์และโลโก้โซเชียลบนเว็บไซต์ของคุณด้วย Font Awesome ซึ่งเป็นไอคอนและชุดเครื่องมือยอดนิยมของเว็บ
- ไอคอน Grommet - การยึดถือสำหรับ Grommet และ React.js
- Iconbros - ไอคอนฟรี 1227+ จัดกลุ่มใน 38 คอลเลกชัน
- IconMonstr - ค้นพบไอคอนฟรี 4432+ ในคอลเล็กชั่น 307
- ICONS8 - รับไอคอนฟรีที่ออกแบบมาเพื่อรวมเข้ากับสไตล์การออกแบบของคุณอย่างสมบูรณ์แบบ
- Ionicons - ไอคอนที่ได้รับการออกแบบระดับพรีเมี่ยมสำหรับใช้ในเว็บ, iOS, Android และแอพเดสก์ท็อป รองรับ SVG และ Web Font โอเพ่นซอร์สอย่างสมบูรณ์ MIT ได้รับใบอนุญาตและสร้างโดยทีมงาน Ionic Framework
- Ikonate - ไอคอนเวกเตอร์ที่ปรับแต่งได้อย่างเต็มที่และเข้าถึงได้
- ไอคอนการออกแบบวัสดุ - คอลเลกชันไอคอนที่กำลังเติบโตของไอคอนการออกแบบวัสดุช่วยให้นักออกแบบและนักพัฒนาเป้าหมายกำหนดเป้าหมายแพลตฟอร์มต่าง ๆ เพื่อดาวน์โหลดไอคอนในรูปแบบสีและขนาดที่ต้องการสำหรับโครงการใด ๆ
- ไอคอนนม - ไอคอนฟรี 1,000 ไอคอนสำหรับสตาร์ทอัพ
- Myicons - ไอคอนบรรทัดคุณภาพสูงพรีเมี่ยม 1800 รายการสำหรับเว็บไซต์และแอพมืออาชีพ
- แอพนิวเคลียส - นิวเคลียสเป็นห้องสมุดที่สวยงามของไอคอน 26831 และแอปพลิเคชันที่ทรงพลังในการรวบรวมปรับแต่งและส่งออกไอคอนทั้งหมดของคุณ
- οutlane - แพ็คประกอบด้วยไอคอนเวกเตอร์ภาพเคลื่อนไหวที่สร้างขึ้นด้วยมือ 100 รายการที่คุณสามารถใช้ในเว็บไซต์หรือแอพใด ๆ
- ไอคอน POTLAB - ไอคอน SVG แบบเคลื่อนไหวสำหรับโครงการเว็บ
- ไอคอนรีมิกซ์ -ไอคอนรีมิกซ์เป็นชุดของสัญลักษณ์ระบบสไตล์โอเพนซอร์ซแบบโอเพนซอร์ซที่สร้างขึ้นอย่างประณีตสำหรับนักออกแบบและนักพัฒนา
- Slice - ร่ายมนตร์รูปทรงที่หลากหลาย
- ปรับปรุง 3.0 - มากกว่า 10.500 ในสามน้ำหนักที่แตกต่างกัน
- โครงการคำนาม - ไอคอนที่ได้รับการดูแลมากกว่า 2 ล้านไอคอนสร้างโดยชุมชนระดับโลก
- ไอคอน Tilda - ไอคอนฟรีสำหรับหน้า Landing Page
- Unicons - ไอคอนเวกเตอร์และไอคอนที่สมบูรณ์แบบ 1,000 พิกเซลและไอคอนสำหรับโครงการต่อไปของคุณ
- Zwicon - ไอคอน Handcrafted สำหรับโครงการต่อไปของคุณ
ไอคอนเคลื่อนไหว
- ไอคอนภาพเคลื่อนไหวโดย ICON8 - ชุดไอคอนภาพเคลื่อนไหว 166 ชุดใน JSON (Lottie), GIF และรูปแบบเอฟเฟกต์หลัง
- แอนิเมชั่น - ไอคอน GIF แบบเคลื่อนไหวที่สวยงามและปรับแต่งได้
- USEanimations - ไอคอนภาพเคลื่อนไหวใน Lottie Framework และ After Effects สำหรับการใช้งานแอพหรือเว็บไซต์ของคุณทันที
แบบอักษร
- 1001FreeFonts - ดาวน์โหลด 41882 แบบอักษรใน 21841 ครอบครัวสำหรับ Windows, Mac และ Linux ฟรี 1001 แบบอักษรให้เลือกแบบอักษรฟรีจำนวนมาก มีการเพิ่มแบบอักษรใหม่ทุกวัน
- ALEO - แบบอักษร Serif แบบร่วมสมัยฟรี
- archetype - archetype ทำให้การออกแบบการพิมพ์เว็บที่สวยงามและง่ายต่อการสร้าง
- Behance - Behance เป็นเครือข่ายเว็บไซต์และบริการที่เชี่ยวชาญในการส่งเสริมตนเองรวมถึงการให้คำปรึกษาเว็บไซต์พอร์ตโฟลิโอออนไลน์และแหล่งข้อมูลแบบอักษรฟรีมากมาย สิ่งที่คุณต้องทำคือเพิ่มตัวกรองการค้นหาที่ฉลาดเช่น 'แบบอักษรฟรี'
- Clear Sans - Clear Sans ได้รับการยอมรับว่าเป็นตัวอักษร opentype อเนกประสงค์สำหรับหน้าจอการพิมพ์และเว็บ
- Cooper Hewitt - ตัวอักษรที่สร้างโดย Chester Jenkins
- Dafont - เก็บถาวรของแบบอักษรที่ดาวน์โหลดได้อย่างอิสระ เรียกดูโดยรายชื่อตัวอักษรตามสไตล์โดยผู้แต่งหรือตามความนิยม
- Fontpair - Font Pair ช่วยให้นักออกแบบจับคู่ Google Fonts เข้าด้วยกัน ชุดและคู่ของ Google Font ที่สวยงาม
- FontSpark - ช่วยนักออกแบบค้นพบตัวอักษรที่สมบูรณ์แบบสำหรับโครงการออกแบบครั้งต่อไป
- Fontsquirrel - Font Squirrel Scours อินเทอร์เน็ตสำหรับแบบอักษรที่มีคุณภาพสูงและถูกต้องตามกฎหมาย
- Inter Font Family - Inter เป็นตัวอักษรที่ออกแบบมาเป็นพิเศษสำหรับส่วนต่อประสานผู้ใช้
- Google Fonts - Google Fonts เป็นไลบรารีของ 900 LIBRE FONTS ที่ได้รับอนุญาตซึ่งเป็นเว็บไดเรกทอรีแบบโต้ตอบสำหรับการเรียกดูไลบรารีและ APIs เพื่อใช้แบบอักษรผ่าน CSS และ Android อย่างสะดวก
- Google Noto Font - แบบอักษรที่สวยงามและฟรีสำหรับทุกภาษา
- Leon Sans - Leon Sans เป็นแบบอักษร Sans -Serif ทางเรขาคณิตที่ทำด้วยรหัสในปี 2019 โดย Jongmin Kim
- Optician Sans - แบบอักษรฟรีตามแผนภูมิดวงตาในอดีตและ optotypes ที่ใช้โดย Opticians World Wide
- PICAS - สร้างโลโก้โครงการด้วย Google Fonts
- Type -Scale - ดูตัวอย่างและเลือกมาตราส่วนประเภทที่เหมาะสมสำหรับโครงการของคุณ
- Typewolf - Typewolf ช่วยให้นักออกแบบเลือกการผสมผสานแบบอักษรที่สมบูรณ์แบบสำหรับโครงการออกแบบครั้งต่อไปของพวกเขา
- ตัวแปรฟอนต์ - ทรัพยากรที่ง่ายสำหรับการค้นหาและลองแบบอักษรตัวแปร
ภาพประกอบ
- Absurb - สิ่งที่เกี่ยวกับภาพประกอบ Surrealist สำหรับหน้า Landing Pages? พาผู้ใช้ทุกคนไปสู่การเดินทางแต่ละครั้งผ่านจินตนาการของพวกเขาเอง
- Avataaars - ภาพประกอบ Avatar ผสมผสานและจับคู่ รวมเสื้อผ้าผมอารมณ์อุปกรณ์เสริมและสี
- Blobmaker - สร้างรูปร่าง SVG ออร์แกนิกในเวลาเพียงไม่กี่วินาที
- Charco - ชุดภาพประกอบที่ทำด้วยมือ 16 ภาพสำหรับโครงการเว็บและแอพของคุณโดย Karthik Srinivas
- DELESIGN - ใช้การออกแบบปลอดค่าลิขสิทธิ์ของเราสำหรับเว็บไซต์โซเชียลมีเดียบล็อกจดหมายข่าวอีเมลและอื่น ๆ
- Drawkit - Drawkit เป็นคอลเลกชันของภาพประกอบ SVG ที่ได้รับใบอนุญาต MIT ที่สวยงามและปรับแต่งได้ในสองรูปแบบ
- FreePik - เวกเตอร์ฟรีมากกว่า 3 ล้านเวกเตอร์ PSD ภาพถ่ายและไอคอนฟรี
- Fresh Folk - ห้องสมุดภาพประกอบของผู้คนและวัตถุ
- Freellustrations - ดาวน์โหลดภาพประกอบฟรีและภาพเวกเตอร์สำหรับพื้นหลังของเว็บไซต์และหน้า Landing Page
- IRA Design - ด้วยการออกแบบ IRA คุณสามารถสร้างภาพประกอบที่น่าทึ่งโดยใช้ส่วนประกอบสเก็ตช์ด้วยมือเลือกการไล่ระดับสี 5 ครั้งและ AI., SVG หรือ png รูปแบบ
- ภาพสามมิติ - ภาพประกอบภาพสามมิติสำหรับนักออกแบบผู้เริ่มต้นและ บริษัท ต่างๆ
- ความรักแบบสามมิติ - วัตถุมีมิติที่น่ารักสำหรับการออกแบบของคุณ
- Humaaans -Mix-&-การจับคู่ภาพประกอบของผู้คนที่มีห้องสมุดการออกแบบ
- ภาพประกอบเคลือบ - ภาพประกอบฟรีสำหรับทุกสิ่ง
- Lukasz Adam - ภาพประกอบศิลปะและไอคอนเวกเตอร์ฟรี มีให้สำหรับการใช้งานส่วนบุคคลและเชิงพาณิชย์
- Manypixels - ในแต่ละสัปดาห์ค้นพบภาพประกอบปลอดค่าลิขสิทธิ์เพื่อเพิ่มพลังให้กับโครงการของคุณ
- Mixkit - Mixkit เป็นแกลเลอรี่ที่ดูแลของวิดีโอและศิลปะคุณภาพสูงที่ผลิตโดยผู้สร้างที่มีความสามารถมากที่สุดในโลกโดยมีเนื้อหาทั้งหมดได้รับอนุญาตฟรี
- Open Doodles - ภาพประกอบร่างฟรีโดย Pablo Stanley
- อุ๊ย - ภาพประกอบฟรีสำหรับชั้นเรียนโครงการของคุณ
- Scribbles - 100+ scribbbles เพื่อเพิ่มเครื่องเทศโครงการออกแบบของคุณ
- Generator Stubborn - Generator Stubborn เป็นคอลเล็กชั่น 25 ตัวละครเจ๋งอย่างไม่น่าเชื่อ
- UNDRAW - ภาพประกอบโอเพ่นซอร์สสำหรับทุกโครงการที่คุณสามารถจินตนาการและสร้าง
- WireFramer - บล็อกเนื้อหา SVG ที่ไร้ที่ติสำหรับ WireFrames ของคุณ
- 404 ภาพประกอบ - อินเทรนด์พร้อมที่จะใช้รูปภาพสำหรับหน้า 404 ของคุณ
ระบบออกแบบ
- การออกแบบมด โดยอาลีบาบา - ภาษาการออกแบบ UI ระดับองค์กรและการใช้งานตอบสนอง
- Atlaskit โดย Atlassian - ห้องสมุด UI อย่างเป็นทางการของ Atlassian สร้างขึ้นตามแนวทางการออกแบบของ Atlassian
- Audi Design โดย Audi - ส่วนต่อประสานผู้ใช้ Audi มีความหลากหลายตามการใช้งาน - ตั้งแต่เว็บไซต์ที่สร้างแรงบันดาลใจไปจนถึงแอปพลิเคชันสำหรับบริการเฉพาะ
- กระเป๋าเป้สะพายหลัง โดย Skyscanner - Backpack เป็นคอลเลกชันของทรัพยากรการออกแบบส่วนประกอบและแนวทางที่ใช้ซ้ำได้สำหรับการสร้างผลิตภัณฑ์ Skyscanner
- Grommet โดย HP Enterprise - สร้างโครงการมือถือมือถือที่ตอบสนองและเข้าถึงได้สำหรับเว็บด้วยไลบรารีส่วนประกอบที่ใช้งานง่าย
- IBM Carbon โดย IBM Cloud Products - ระบบการออกแบบคาร์บอนเป็นระบบออกแบบโอเพนซอร์ซของ IBM สำหรับผลิตภัณฑ์และประสบการณ์
- Lightning by Salesforce - สร้างประสบการณ์แอพระดับองค์กรที่ดีที่สุดในโลก
- รูปแบบ MailChimp โดย MailChimp - รูปแบบ UX โดยทีมออกแบบ MailChimp
- วัสดุ UI โดย Google - ส่วนประกอบตอบสนองที่ใช้การออกแบบวัสดุของ Google
- Nachos โดย Trello - Nachos เป็นระบบการออกแบบของ Trello (และของว่างที่เราโปรดปราน)
- พลาสมา โดย WeWork - พลาสมาเป็นระบบการออกแบบสำหรับการสร้างอินเทอร์เฟซที่เหมาะสมและทันสมัย
- Pluralsight โดย Pluralsight - UI Building Blocks สำหรับการสร้างการออกแบบที่เหนียวแน่นในผลิตภัณฑ์ Pluralsight
- Polaris โดย Shopify - ระบบการออกแบบของเราช่วยให้เราทำงานร่วมกันเพื่อสร้างประสบการณ์ที่ยอดเยี่ยมสำหรับพ่อค้าของ Shopify ทั้งหมด
- ไพรเมอร์ โดย GitHub - ทรัพยากรเครื่องมือและแนวทางการออกแบบสำหรับการสร้างอินเทอร์เฟซด้วยระบบการออกแบบของ GitHub
สำหรับข้อมูลเพิ่มเติมคลิกที่นี่หรือตีสิ่งนี้
แรงบันดาลใจในการออกแบบ
- Abduzeedo - การออกแบบที่น่าสนใจที่สุด/งานศิลปะ/แนวคิดที่ดูแลโดยทีมงานของ Abduzeedo เพื่อสร้างแรงบันดาลใจให้กับวันของคุณอย่างเต็มที่
- awwards. - Awwwards เป็นรางวัลเว็บไซต์ที่รับรู้และส่งเสริมความสามารถและความพยายามของนักพัฒนาที่ดีที่สุดนักออกแบบและหน่วยงานเว็บในโลก
- Behance - แสดงและค้นพบผลงานล่าสุดจากพอร์ตการลงทุนออนไลน์ชั้นนำโดยผู้เชี่ยวชาญด้านความคิดสร้างสรรค์ในอุตสาหกรรม
- Calltoidea - Calltoidea เป็นสถานที่ที่ไม่เหมือนใครซึ่งคุณสามารถค้นหาแรงบันดาลใจ เครื่องมือที่ยอดเยี่ยมที่สร้างขึ้นโดยนักออกแบบสำหรับผู้เชี่ยวชาญด้านเว็บ
- CSS Design Awards - แพลตฟอร์มการออกแบบและพัฒนาเว็บสำหรับ Folk ดิจิตอล Peeps UI/UX และผู้นำที่เป็นแรงบันดาลใจของเว็บ
- DesignMunk - แรงบันดาลใจจากการลงจอดมือที่ดีที่สุดจากรอบ ๆ เว็บ
- Deviant Art - Deviantart เป็นชุมชนสังคมออนไลน์ที่ใหญ่ที่สุดในโลกสำหรับศิลปินและผู้ที่ชื่นชอบศิลปะทำให้ผู้คนสามารถเชื่อมต่อผ่านการสร้างและแบ่งปันศิลปะ
- Dribbble - Dribbble เป็นจุดหมายปลายทางชั้นนำในการค้นหาและแสดงผลงานสร้างสรรค์และเป็นที่ตั้งของผู้เชี่ยวชาญด้านการออกแบบที่ดีที่สุดในโลก
- H69 - Colletions Page Landing Page และทรัพยากรฟรีสำหรับนักออกแบบ
- HTTPSTER - HTTPSTER เป็นทรัพยากรแรงบันดาลใจที่จัดแสดงเว็บไซต์โยกโดยสิ้นเชิงที่ทำโดยผู้คนจากทั่วทุกมุมโลก
- Hyperpixel - ค้นพบการออกแบบล่าสุดสำหรับแรงบันดาลใจของคุณเองจากรายการหน้า Landing Page ของเรา
- InspirationDe - InspirationDe เป็นแหล่งออนไลน์ของแรงบันดาลใจการออกแบบการถ่ายภาพการตกแต่งภายในการออกแบบเว็บ UI และ UX, ศิลปะดิจิทัล, ภาพประกอบ, การออกแบบกราฟิกและอื่น ๆ อีกมากมาย
- หนังสือที่ดิน - เรารวบรวมเว็บไซต์ที่ยอดเยี่ยมเพื่อช่วยสร้างสรรค์ค้นหาแรงบันดาลใจและแรงบันดาลใจในการทำสิ่งที่ rad
- Lapa Ninja - แรงบันดาลใจในการออกแบบหน้า Landing Page ที่ดีที่สุดจากรอบ ๆ เว็บ
- MUZLI - MUZLI เป็นส่วนขยายโครเมี่ยมแบบใหม่ที่มอบเรื่องราวการออกแบบและแรงบันดาลใจที่เกี่ยวข้องทันที
- ONEPAGELOVE - One Page Love เป็นแกลเลอรีออกแบบเว็บไซต์หน้าเดียวที่จัดแสดงเว็บไซต์หน้าเดียวที่ดีที่สุดเทมเพลตและทรัพยากร
- PTTRNS - PTTRNS เป็นคอลเล็กชั่นที่ดีที่สุดของรูปแบบการออกแบบมือถือทรัพยากรและแรงบันดาลใจ
- FWA - จัดแสดงนวัตกรรมทุกวันตั้งแต่ปี 2000
- UI Garage - แรงบันดาลใจและรูปแบบ UI ที่ได้รับการคัดเลือกทุกวัน
- UI Movement - แรงบันดาลใจในการออกแบบ UI ที่ดีที่สุดทุกวัน
- WebFrame - ค้นพบและได้รับแรงบันดาลใจจากการออกแบบ WebApp ที่สวยงาม
สี
- Matrix สีที่เข้าถึงได้ - เครื่องมือในการช่วยให้นักออกแบบสร้างจานสีด้วยชุดค่าผสมที่สอดคล้องกับมาตรฐานการเข้าถึง
- Color.Review - เครื่องมือที่ทันสมัยสำหรับการสำรวจและค้นหาสีที่เข้าถึงได้
- Colorable - Color Combination Contrast Tester
- Colorbook - ข้อมูลสี HEX ของคุณและแหล่งที่มาของการแปลง พวกเราที่ Colorbook มีภารกิจเดียว: เราต้องการให้แต่ละสี คิดว่ามันเป็น Facebook ที่มีสีสัน
- Colorbox - Colorbox เป็นเครื่องมือสีในการสร้างชุดสี
- Color-Hex -Color-Hex ให้ข้อมูลเกี่ยวกับสีรวมถึงรุ่นสี (RGB, HSL, HSV และ CMYK)
- Color Designer - เพียงแค่เลือกสีและแอพก็เหลือ
- Color Hunt - Color Hunt เป็นแพลตฟอร์มฟรีและเปิดสำหรับแรงบันดาลใจสีด้วยจานสีที่เลือกด้วยมือที่ทันสมัยนับพัน
- ColorInspire - แรงบันดาลใจสี CURATED ใช้สำหรับโครงการต่อไปของคุณฟรี
- Color Lisa - Masterpieces จานสีจากศิลปินที่ยิ่งใหญ่ที่สุดในโลก
- ใบเสนอราคาสี - การผสมสีทุกวันและการ์ดใบเสนอราคาที่สร้างแรงบันดาลใจสำหรับนักออกแบบและนักพัฒนา
- Color Safe - เสริมพลังนักออกแบบด้วยจานสีที่สวยงามและเข้าถึงได้ตามแนวทาง WCAG ของอัตราส่วนข้อความและพื้นหลัง
- พื้นที่สี - สร้างจานสีที่สวยงามโดยป้อนเพียงสีเดียว
- เครื่องมือสี - สร้างแบ่งปันและใช้จานสีกับ UI ของคุณรวมถึงวัดระดับการเข้าถึงของการผสมสีใด ๆ
- Colors by EVA Design System - สร้างพาเลทสีโดยใช้อัลกอริทึมการเรียนรู้เชิงลึก
- Colors by Klart - Colors เป็นคอลเลกชันที่ขับเคลื่อนด้วยข้อมูลสี 100% ของจานสี
- Copypalette - ส่งออกจานสีของคุณไปยังรูปแบบ SVG แบบไม่ยุ่งยาก
- CULRS - สีที่ทำงานร่วมกันได้รับการดูแลและจัดเป็นจานสีที่มีคุณภาพซึ่งคุณสามารถรวมเข้าด้วยกัน
- สี UI แบบแบน - 280 สีที่ได้รับการคัดเลือกพร้อมสำหรับคัดลอกและวาง
- HappyHues - สีที่ดูแลในบริบท
- HUESNAP - สร้างจานสีที่สวยงามเพื่อแบ่งปันและสร้างแรงบันดาลใจให้ผู้อื่น
- Khroma - ค้นพบค้นหาและบันทึกชุดสีที่คุณรัก
- Leonardo - เครื่องกำเนิดสีแบบโอเพ่นซอร์สที่ใช้ความคมชัดโดย Adobe
- Muzli Colors - สร้างโทนสีที่สวยงามที่ใช้งานได้
- Open Color - Open Color เป็นโทนสีโอเพนซอร์ซ
- แอพ Palettee - เครื่องมือแก้ไขและการแมป Palette ที่ชัดเจน
- PALX - ให้ค่าสีเดียวและ PALX ส่งคืนจานสีแบบเต็มสเปกตรัม
- Picular - เครื่องกำเนิดไฟฟ้าหลักจรวดโดยใช้การค้นหารูปภาพของ Google
- Tints and Shades Generator - ทำสีและเฉดสีได้อย่างง่ายดายเพิ่มขึ้น 10%
การไล่ระดับสี
- CSS Gradient - สร้างพื้นหลังการไล่ระดับสีที่มีสีสันสำหรับเว็บไซต์บล็อกหรือโปรไฟล์โซเชียลมีเดียของคุณ
- Eggradients - จานสีไล่ระดับสีที่มีสีพื้นหลังการไล่ระดับสี +200
- Grabient - UI ที่สวยงามและเรียบง่ายสำหรับการสร้างการไล่ระดับสีบนเว็บ
- พื้นหลังการไล่ระดับสี - รายการที่ดูแลของเว็บไซต์ไล่ระดับสีที่ดีที่สุดผ่านอินเทอร์เน็ต
- การ์ดไล่ระดับสี - รายการการไล่ระดับสีที่เรียบง่ายและสวยงามและสวยงาม
- การไล่ระดับสี - รายการไล่ระดับสีเป็นคอลเลกชันที่ใหญ่ที่สุดของการไล่ระดับสีบนเว็บ
- Uigradients - คอลเล็กชั่นการไล่ระดับสีที่สวยงามสำหรับนักออกแบบและนักพัฒนา
- WebGradients - WebGradients เป็นคอลเลกชันฟรีของการไล่ระดับสีเชิงเส้น 180 ที่คุณสามารถใช้เป็นฉากหลังเนื้อหาในส่วนใด ๆ ของเว็บไซต์ของคุณ
เครื่องมือออกแบบ
- Affinity - Affinity - ซอฟต์แวร์สร้างสรรค์มืออาชีพที่เร็วที่สุดและราบรื่นที่สุด
- Photopea - ทางเลือกที่สมบูรณ์แบบสำหรับ Photoshop หรือ Gimp
- Photoshop - มาตรฐานอุตสาหกรรมในการถ่ายภาพดิจิตอลและใช้โดยมืออาชีพทั่วโลกสำหรับการออกแบบการถ่ายภาพการแก้ไขวิดีโอและอื่น ๆ
- Procreate - Procreate เป็นแอพภาพประกอบดิจิตอลที่ทรงพลังและใช้งานง่ายที่สุดสำหรับ iPad
- Lunacy - ซอฟต์แวร์การออกแบบกราฟิกฟรีพร้อมแหล่งข้อมูลการออกแบบในตัว
เครื่องมือสร้างต้นแบบ
- Adobe XD CC - การออกแบบต้นแบบและแบ่งปันประสบการณ์ผู้ใช้ที่มีส่วนร่วมในแพลตฟอร์มหน้าจอและอุปกรณ์ที่มี Adobe XD CC
- Figma - วิธีที่ดีกว่าในการออกแบบ ออกแบบต้นแบบและรวบรวมข้อเสนอแนะทั้งหมดในที่เดียวด้วย Figma
- Framerx - สร้างเลย์เอาต์ที่ตอบสนองการออกแบบต้นแบบที่สมจริงและนำทุกอย่างเข้ามาใกล้การผลิตมากขึ้น - ในที่เดียว
- Invision Studio - แพลตฟอร์มใหม่ที่ได้รับแรงบันดาลใจจากทีมออกแบบที่ดีที่สุดของโลก ออกแบบต้นแบบและการเคลื่อนไหวทั้งหมดในที่เดียว
- Sketch App - Sketch เป็นชุดเครื่องมือออกแบบที่สร้างขึ้นเพื่อช่วยให้คุณสร้างผลงานที่ดีที่สุดของคุณ - จากแนวคิดแรกสุดของคุณไปจนถึงงานศิลปะขั้นสุดท้าย
- UXPIN - เครื่องมือออกแบบที่ไม่เหมือนใคร ต้นแบบที่ให้ความรู้สึกจริงด้วยพลังของส่วนประกอบรหัสตรรกะสถานะและระบบการออกแบบ
เครื่องมือนำเสนอ
- Beautiful.ai - ซอฟต์แวร์การนำเสนอ AI
- DeckroBot - สร้างเด็คสไลด์ขององค์กรที่สอดคล้องกันในคลิกเดียว
- Google Slides - สร้างงานนำเสนอใหม่และแก้ไขกับผู้อื่นในเวลาเดียวกัน - จากคอมพิวเตอร์โทรศัพท์หรือแท็บเล็ตของคุณ
- Keynote - Keynote เป็นแอพการนำเสนอที่ทรงพลังที่สุดที่เคยออกแบบมาสำหรับอุปกรณ์มือถือ
- Microsoft PowerPoint - Microsoft PowerPoint เป็นซอฟต์แวร์การนำเสนอที่ดีที่สุดสำหรับการประชุมการเจรจาอุตสาหกรรมและข้อเสนอทางธุรกิจ
- Prezi - ซอฟต์แวร์การนำเสนอที่ใช้การเคลื่อนไหวซูมและความสัมพันธ์เชิงพื้นที่เพื่อนำความคิดของคุณมาสู่ชีวิตและทำให้คุณเป็นผู้นำเสนอที่ยอดเยี่ยม
- สไลด์ - สไลด์เป็นสถานที่สำหรับการสร้างการนำเสนอและแบ่งปันการนำเสนอ ตัวแก้ไขสไลด์มีอยู่ในเบราว์เซอร์ของคุณ
เครื่องมือเคลื่อนไหว
- Adobe After Effects - ด้วย After Effects CC ซึ่งเป็นกราฟิกการเคลื่อนไหวมาตรฐานอุตสาหกรรมและซอฟต์แวร์ Visual Effects คุณสามารถใช้ความคิดใด ๆ และทำให้มันเคลื่อนไหวได้
- Animator โดย Haiku - Haiku Animator เป็นโซลูชันชั้นนำสำหรับการสร้างภาพเคลื่อนไหว UI แบบข้ามแพลตฟอร์ม
- anime.js - anime.js เป็นไลบรารีแอนิเมชั่น JavaScript น้ำหนักเบาที่ออกแบบมาเพื่อช่วยให้คุณสร้างภาพเคลื่อนไหวที่ซับซ้อนได้อย่างง่ายดาย
- Animista - Animista เป็นสถานที่ที่คุณสามารถเล่นกับคอลเลกชันของพร้อมใช้งานแอนิเมชั่น CSS ปรับแต่งและดาวน์โหลดเฉพาะสิ่งที่คุณจะใช้จริง
- CSSFX- เอฟเฟกต์ CSS แบบคลิกเพื่อคัดลอกที่เรียบง่ายอย่างสวยงาม
- Drawer - คอลเล็กชั่นอนิเมชั่นลอตตี้และภาพประกอบ SVG คุณภาพสูง
- Easings - ฟังก์ชั่นการผ่อนคลายระบุอัตราการเปลี่ยนแปลงของพารามิเตอร์เมื่อเวลาผ่านไป
- Flinto - Flinto เป็นแอพ MAC ที่นักออกแบบชั้นนำที่ใช้ทั่วโลกเพื่อสร้างต้นแบบแบบโต้ตอบและเคลื่อนไหวของการออกแบบแอพของพวกเขา
- KeyFrames - วิธีง่ายๆในการสร้างภาพเคลื่อนไหว CSS
- Lightbox - Lightbox เป็นแพ็คเกจภาพเคลื่อนไหว 2D ที่วาดด้วยมือ
- หลักการ - หลักการทำให้ง่ายต่อการออกแบบอินเทอร์เฟซผู้ใช้ภาพเคลื่อนไหวและอินเทอร์แอคทีฟ
- LOTTIE - LOTTIE เป็น iOS, Android และ React Native Library ที่แสดงผลหลังจากอนิเมชั่นเอฟเฟกต์แบบเรียลไทม์
- Spirit - เครื่องมือที่ดีที่สุดในการสร้างภาพเคลื่อนไหวที่มีคุณภาพสูงโดยตรงในเบราว์เซอร์
- SVG Artista - เครื่องมือเล็ก ๆ น้อย ๆ ที่ช่วยให้คุณสร้างภาพเคลื่อนไหว SVG
- ZDOG -Round, Flat, Engine Pseudo-3D ที่เป็นมิตรกับนักออกแบบสำหรับ Canvas & SVG
เครื่องมือจำลอง
- Clean Mockups - สร้าง mockups ที่น่าทึ่งที่ทำให้การออกแบบของคุณโดดเด่น
- การออกแบบ Facebook - คอลเลกชันของแหล่งข้อมูลฟรีที่ผลิตโดยนักออกแบบที่ Facebook
- Frrames - การออกแบบที่สมบูรณ์แบบของคุณในกรอบจำลองที่สมบูรณ์แบบ
- LS Graphics - การจำลองการสร้างแบรนด์, อุปกรณ์จำลอง, ผู้สร้างฉากและชุด UI ฟรี
- Mockup World - Mockups ฟรีที่ดีที่สุดจากเว็บ
- Mockuuups Studio- เครื่องมือลากและวางสำหรับการสร้างตัวอย่างแอพที่สวยงามและสื่อการตลาด
- รายการ UX Planet - รายการ MacBook Mockups ฟรีที่ยอดเยี่ยม
- ภาพหน้าจอ - เปลี่ยนภาพหน้าจอของคุณให้กลายเป็นล้อเลียนที่สวยงามทันที
- ShotsNapp - สร้างภาพจำลองอุปกรณ์ที่สวยงามสำหรับแอปหรือการออกแบบเว็บไซต์ของคุณ
- Threed.io - สร้างการจำลอง 3D ในเบราว์เซอร์ของคุณ
- Qurb - เครื่องกำเนิด mockup ฟรีบนเว็บ
การเข้าถึงเว็บ
- Contraste - Contraste เป็นแอพที่ง่ายสำหรับการตรวจสอบการเข้าถึงข้อความกับแนวทางการเข้าถึงเนื้อหาเว็บ (WCAG)
- Color Safe - เสริมพลังนักออกแบบด้วยจานสีที่สวยงามและเข้าถึงได้ตามแนวทาง WCAG ของอัตราส่วนข้อความและพื้นหลัง
- Hex Naw - เครื่องมือการเข้าถึงสีสำหรับนักออกแบบและนักพัฒนา
- Stark - ปลั๊กอินเพื่อช่วยคุณออกแบบและสร้างผลิตภัณฑ์ที่สามารถเข้าถึงได้จริยธรรมและครอบคลุม
- โครงการ A11Y - ความพยายามที่ขับเคลื่อนด้วยชุมชนเพื่อให้การเข้าถึงเว็บง่ายขึ้น
ชุด UI
- EVA - ระบบการออกแบบที่ปรับแต่งได้สามารถปรับให้เข้ากับแบรนด์ของคุณได้อย่างง่ายดาย พร้อมใช้งานสำหรับร่างด้วยไลบรารีมือถือและเว็บส่วนประกอบ
- UI Store - 252 ชุด UI ที่ได้รับการคัดเลือกฟรีสำหรับโครงการชีวิตจริงของคุณ
- Velocity UI Kit - ชุดอุปกรณ์ UI ของแดชบอร์ดพร้อมระบบการออกแบบที่แข็งแกร่ง
- Semantic UI Kit สำหรับ XD - สร้างระบบการออกแบบที่กำหนดเองของคุณเองด้วยชุด XD UI ฟรีที่ได้รับแรงบันดาลใจจาก Semantic UI สร้างโดย Ole Fredrik
- Square Dashboard UI KIT - ชุดแผงควบคุม UI ที่มีสไตล์สำหรับความต้องการสายพันธุ์
เครื่องมือการไหลของผู้ใช้
- draw.io - เครื่องมือวาดภาพเวกเตอร์แบบง่าย ๆ ข้ามแพลตฟอร์ม มันจะช่วยให้คุณสร้างผังงานเหล่านี้แผนภูมิกระบวนการ, แผนภูมิองค์กร, UML, ER และไดอะแกรมเครือข่ายภายในไม่กี่นาที
- LucidChart - เครื่องมือบนเว็บสำหรับการสร้างไดอะแกรมแผนภูมิโฟลว์แผนที่ไซต์
- Miro- ปรับขนาดได้ปลอดภัยข้ามอุปกรณ์และทีมงานการทำงานร่วมกันของทีมงานสำหรับทีมกระจาย
- Overflow - เครื่องมือไดอะแกรมการไหลของผู้ใช้ที่เหมาะสำหรับนักออกแบบ
เครื่องมือสร้างสรรค์
- Poolside FM - FM เป็นสถานีวิทยุออนไลน์เล่นสระว่ายน้ำแบบอินฟินิตี้ของเสียงฤดูร้อน
- React-Spring-Visualizer- แสดงภาพการกำหนดค่าสปริงของคุณสำหรับ React-Spring
- บรรณาธิการฤดูใบไม้ผลิ - ความแข็ง? หมาด? มวล? บรรณาธิการฤดูใบไม้ผลิ
- Tinkersynth - Tinkersynth เป็นโครงการศิลปะการทดลอง สร้างการออกแบบที่เป็นเอกลักษณ์โดยการจัดการเครื่องจักรที่แปลกและทำการค้นพบแบบบังเอิญ
- Waveforms โดย Josh Comeau - คู่มือแบบโต้ตอบที่แนะนำและสำรวจรูปคลื่น
เครื่องมือ AI
- Compress.Studio - เครื่องมือการบีบอัดภาพที่ไม่มีเซิร์ฟเวอร์พร้อมที่เก็บข้อมูลส่วนตัวแบบกระจายอำนาจ
- ภาพถ่ายที่สร้างขึ้น - 100,000 ใบหน้าที่สร้างโดย AI
- ภาพถ่าย Generative - ภาพถ่ายสต็อกฟรีที่หลากหลายและปรับแต่งได้ 25K สร้างโดย AI
- remove.bg - ลบพื้นหลังภาพ 100% โดยอัตโนมัติและฟรี
- ติดตามโดยสติกเกอร์ล่อ - ถอดพื้นหลังออกจากภาพใด ๆ ฟรี
- VisualEyes - ผู้ช่วยออกแบบ AI เสมือนจริงของคุณ
- ภาพหรู - ปรับปรุงภาพของคุณโดยใช้ AI
ใบอนุญาต
มิกซ์
ทำด้วย? โดย @d__raptis
