Toolkit - หน้า 17

นักออกแบบทุกคนอาศัยเว็บไซต์อื่นเพื่อหาแรงบันดาลใจ มันเป็นรากฐานที่สำคัญของการออกแบบเว็บและมีประโยชน์อย่างยิ่งสำหรับผู้เริ่มต้นเข้าสู่พื้นที่การออกแบบ. แต่หลาย ๆ แกลเลอรี่แรงบันดาลใจมุ่งเน้นไปที่หน้าแรกหรือรูปแบบแปลก / ไม่ซ้ำกัน. มันเป็นเรื่องยากที่จะหาแรงบันดาลใจสำหรับหน้า 404 หน้าเช็คเอาต์และเค้าโครงบล็อกทั้งหมดในเว็บไซต์เดียวกัน. Interfaces.pro นั้นแตกต่างกัน เป็นแกลเลอรีออกแบบเว็บไซต์ฟรี หมวดหมู่ที่จัดเรียงโดยหน้า มากกว่าสไตล์ เว็บไซต์มุ่งเน้นไปที่แบรนด์ใหญ่และการออกแบบที่มีคุณภาพสูงเพื่อให้คุณสามารถรวบรวมแนวคิดจากเว็บที่ดีที่สุด. จากหน้าแรกคุณจะพบรายการหมวดหมู่ขนาดใหญ่ทางด้านซ้ายมือ หมวดหมู่เหล่านี้ดูเหมือนไม่มีที่สิ้นสุดและรวมถึง หน้าเว็บทั่วไปมากมาย. โดยปกติแล้วคุณสามารถค้นหาโดย Google เพื่อค้นหาแกลเลอรี่แรงบันดาลใจสำหรับหน้าตะกร้าสินค้าหรือหน้า 404 หรือสิ่งที่คุณกำลังมองหา. แต่แกลเลอรี่ส่วนต่อประสานนี้มี ทุกอย่างในที่เดียวจัดเรียงตามสไตล์เพจ. คุณสามารถลงคะแนนหน้าโปรดของคุณเพื่อนำพวกเขาเข้ามาใกล้ด้านบนและมองเห็นการออกแบบเหล่านั้นได้มากขึ้น. รายการหมวดหมู่มีขนาดใหญ่ แต่นี่คือหมวดหมู่หน้าเว็บโปรดของฉันที่โดดเด่น: ร่วมงานกับเรา....

ด้วยแกลเลอรีแรงบันดาลใจหลายพันแห่งทางออนไลน์มีเว็บไซต์มากมายให้รวบรวมความคิด แต่ไม่ใช่แกลเลอรี่ทั้งหมดที่ให้คุณ ค้นหาตามองค์ประกอบส่วนต่อประสาน เช่นฟอร์มล็อกอินตารางการกำหนดราคาหรือ UIs ของแผงควบคุม. นั่นคือสิ่งที่ UIDB โดดเด่น มันคือ แกลเลอรี่แรงบันดาลใจฟรี เน้นไปที่ ประเภทของอินเตอร์เฟส กับหมวดหมู่สำหรับเกือบทุกอย่าง. คุณสามารถเรียกดู Web UIs เพื่อดูหน้าบัญชีผู้ใช้ที่กำหนดเอง, “พบกับทีม” หน้าและอีกมากมาย. จากหน้าแรกคุณจะพบ แถบค้นหาที่มุมบนซ้าย. เริ่มพิมพ์สิ่งที่คุณต้องการและฟิลด์คำแนะนำการค้นหาควรปรากฏพร้อมคำหลักที่เกี่ยวข้องของหมวดหมู่ยอดนิยม. สมมติว่าเรากำลังมองหาแนวคิดการออกแบบสำหรับหน้าคำถามที่พบบ่อย ในประเภทแถบค้นหา “คำถามที่พบบ่อย” และคลิกที่ผลลัพธ์ที่แนะนำ. จากนั้นคุณสามารถเรียกดูอินเทอร์เฟซคำถามที่พบบ่อยจากเว็บไซต์ทุกประเภท ทำง่ายสุด ๆ...

คุณกด Google เพื่อค้นหา mockup UI หรือชุดไอคอนฟรีสำหรับโครงการต่อไปของคุณบ่อยแค่ไหน ภาพถ่ายสต็อกฟรีที่ดูดีในงานออกแบบจริงหรือไม่ การค้นหาแหล่งข้อมูลที่ถูกต้องอาจลำบากถ้าคุณไม่รู้ว่าจะมองที่ใด. แต่ด้วย ZippList คุณ รับทรัพยากรเหล่านี้ทั้งหมดในที่เดียว จัดตามหมวดหมู่ ไซต์ดังกล่าวทำหน้าที่คล้ายกับไดเรกทอรีที่รวบรวมข้อมูลแหล่งทรัพยากรฟรีแวร์ดิจิทัลที่คุณสามารถค้นหาได้ทั่วทั้งเว็บ. แต่ละหมวดหมู่มีรายการเว็บไซต์ที่แตกต่างกัน รองรับทรัพยากรประเภทอื่น. คุณสามารถเลือกจากเนื้อหาสร้างสรรค์ที่แตกต่างกัน: mockups การถ่ายภาพ ไอคอน กราฟิก แบบอักษร พื้นผิว เสียง วีดีโอ นี่เป็นแหล่งข้อมูลที่สมบูรณ์ฟรีและ คุณไม่จำเป็นต้องสมัครอะไร. เว็บไซต์ใช้การออกแบบที่เรียบง่ายมากโดยแต่ละทรัพยากรที่ระบุไว้ในกริดจะมีคำอธิบายสั้น ๆ เกี่ยวกับสิ่งที่นำเสนอ....

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

ข้อความมีบทบาทสำคัญในการออกแบบที่มีคุณภาพ สิ่งนี้รวมถึงเว็บที่การพิมพ์มีผลต่อการอ่านได้อย่างแน่นอน ด้วยการเพิ่มขึ้นของ webfonts มันง่ายกว่าที่เคยในการเปลี่ยนแปลงข้อความหน้าของคุณและโดดเด่นจากฝูง. หากคุณสามารถหา คอมโบตัวอักษรที่สมบูรณ์แบบ สำหรับส่วนหัว, ข้อความหน้า, การนำทางและส่วนอื่น ๆ คุณจะอยู่ใกล้กับรูปแบบการออกแบบที่ยอดเยี่ยม. Brandmark สร้างตัวสร้างฟอนต์นี้เป็นเครื่องมือฟรี ช่วยให้ผู้ออกแบบจับคู่รูปแบบตัวอักษร. มันทำงานในเบราว์เซอร์ใดก็ได้และให้คุณเลือกแบบอักษรฟรีทั้งหมดของ Google ที่มีให้เลือกกว่า 500 แบบ. นี่คือวิธีการทำงาน: คุณเลือกแบบอักษรสามแบบและเปลี่ยนขนาด + สไตล์โดยใช้เมนูแบบเลื่อนลง ลักษณะแบบอักษรสามแบบเหล่านี้ทำงานดังนี้: แบบอักษรของชื่อ - พาดหัวหลักของหน้า. Accent font...

การออกแบบที่ยอดเยี่ยมทุกอย่างต้องการการพิมพ์ที่ยอดเยี่ยม แหวนนี้เป็นจริงสำหรับงานออกแบบทั้งหมดรวมถึงการพิมพ์และการออกแบบเว็บ. แต่ การค้นหาตัวพิมพ์ที่ดีที่สุดสำหรับไซต์ของคุณไม่ใช่เรื่องง่าย. นักออกแบบหลายคนใช้เครื่องมือฟรีสำหรับการจับคู่แบบอักษร แต่เครื่องมือบางอย่างนั้นไม่ได้ถูกสร้างขึ้นมาเท่ากันและมีเครื่องมือน้อยมากที่มีแบบอักษรนับร้อยที่คุณสามารถเลือกได้จากห้องสมุด Webfonts ของ Google. ด้วย Typ.io คุณสามารถค้นหา จับคู่แบบอักษรด้วยการทดสอบเพียงไม่กี่นาที. ไซต์นี้ฟรีแคตตาล็อกของ typefaces ที่แตกต่างกันหลายร้อยตัวอย่างจาก เว็บไซต์ในโลกแห่งความจริง และเปรียบเทียบลักษณะที่ปรากฏ. มัน สมบูรณ์แบบสำหรับการจับคู่แบบอักษรร่างกายของคุณด้วยหัวเรื่องแบบอักษร, และสำหรับการค้นหาแบบอักษรที่ถูกเน้นเพื่อใช้ในการนำทางหรือส่วนท้ายของไซต์ของคุณ. ตรวจสอบหน้ารายการซึ่งสรุปแนวคิดการจับคู่ทั่วไปสำหรับการพิมพ์. รายการเหล่านี้รู้สึกเหมือนแคตตาล็อกขนาดใหญ่ที่คุณสามารถเรียกดูแบบอักษรตามเกณฑ์ที่กำหนด นี่คือตัวเลือกยอดนิยมบางส่วน: แบบอักษรส่วนหัวของ Sans-serif. Serif สำหรับส่วนหัวและเนื้อหา. แบบอักษรเดียวกันในส่วนหัวและเนื้อหา. ที่กล่าวว่า...

ระบบจับคู่สี Pantone กำหนดค่าเฉพาะสำหรับสีที่ทำโดย Pantone สีเหล่านี้ส่วนใหญ่จะใช้สำหรับ การตกแต่งทางกายภาพ และ การจับคู่พิมพ์ แต่พวกเขาก็สามารถทำงานได้เช่นกัน ดิจิทัล. แต่ถึงกระนั้นก็เป็นงานที่ยาก ตรงกับรหัสฐานสิบหกที่แน่นอน สำหรับแต่ละสี Pantone และต้องขอบคุณเว็บแอปฟรีที่คุณสามารถทำได้ ค้นหารหัสฐานสิบหก ที่คลิกปุ่ม. เครื่องมือฟรีนี้เป็นรายการใหญ่อย่างแน่นอน ห้องสมุดสี Pantone ทั้งหมด 2,300+ แห่ง ในที่เดียว พวกเขากำลัง จัดโดยเว้, เพื่อให้คุณสามารถเรียกดูเพื่อค้นหาสิ่งที่คุณต้องการจากนั้นคลิกเพื่อคัดลอกรหัสฐานสิบหกโดยอัตโนมัติ. คุณสามารถกด CTRL +...

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