โฮมเพจ » ออกแบบเว็บไซต์ » 27 ชุดเริ่มต้นที่ต้องมีสำหรับนักออกแบบเว็บไซต์

    27 ชุดเริ่มต้นที่ต้องมีสำหรับนักออกแบบเว็บไซต์

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

    ดังนั้นในชุดเริ่มต้นคืออะไร เราคิดว่ามันแตกต่างกันไป - ขึ้นอยู่กับสิ่งที่นักออกแบบแต่ละคนทำงานเป็นประจำ สำหรับ นักออกแบบ GUI, การเก็บสำเนาองค์ประกอบของแบบฟอร์ม (ปุ่มช่องทำเครื่องหมายแท็บเมนูแบบเลื่อนลง ฯลฯ ) จะช่วยให้กระบวนการสร้างหน้าจอและเลย์เอาต์รวดเร็วขึ้น ในอีกด้านแม่แบบเบราว์เซอร์ (IE, Firefox Safari) พร้อมพื้นที่ปลอดภัยบนเว็บ นักออกแบบเว็บไซต์ เตือนว่าควรให้ความสำคัญกับเนื้อหาของพวกเขาอย่างไร นักออกแบบที่มีประสบการณ์มักจะปรับแต่งและเก็บชุดเริ่มต้นส่วนบุคคลไว้ด้วยซึ่งบางคนก็มีน้อยเช่นกัน!

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

    GUI องค์ประกอบของแบบฟอร์มและส่วนประกอบของเว็บ

    จากองค์ประกอบของฟอร์มเช่นช่องทำเครื่องหมายฟิลด์อินพุตเท็กซ์areasไปจนถึงส่วนประกอบการออกแบบเว็บเช่นปุ่มลูกศรไอคอนป้ายและอื่น ๆ.

    Kit ลายฉลุของ Yahoo

    อาจเป็นหนึ่งในชุดที่สมบูรณ์แบบที่สุดสำหรับนักออกแบบ องค์ประกอบ GUI รวมถึงปฏิทินกริดเมนูมือถือ (ทั่วไปและ iphone) การนำทางและการแบ่งหน้าแท็บตัวควบคุม UI และอีกมากมาย! มาในหลายรูปแบบ: OmniGraffle, Visio (XML), PDF, PNG และ SVG.

    องค์ประกอบของเว็บฟอร์ม

    ด้วยแท็บปุ่มปุ่มดร็อปดาวน์เหล่านี้ในไฟล์ PSD ไฟล์เดียวคุณจะต้องเริ่มต้นในการออกแบบอินเตอร์เฟส ความอนุเคราะห์จาก sniperyu.

    องค์ประกอบรูปแบบเบราว์เซอร์ PSD

    องค์ประกอบของฟอร์มเบราว์เซอร์ PSD สำหรับ Mac Firefox 3 และอีกอันสำหรับ Vista IE7.

    Flex Dark Skin

    องค์ประกอบอินเทอร์เฟซผิวคล้ำเงา.

    ไอคอน Famfamfam

    ไม่ว่าคุณจะออกแบบสำหรับเว็บหรือแอพพลิเคชั่นคุณไม่ควรพลาดปุ่มเล็ก ๆ เหล่านี้โดย Famfamfam.

    ทางลัดไปที่: ชุดผ้าไหม, มินิและธง.

    ID DeivantART ของ Peter

    ออกแบบบัตรประจำตัวประชาชนทำง่ายด้วยแม่แบบ PSD นี้.

    Deluxive Creative Pack

    เผยแพร่ฟรีโดย Deluxive PSD ชุดโฆษณานี้มาพร้อมกับป้ายกรอบกริดปุ่มสติ๊กเกอร์และอีกมากมาย.

    Aero Avatar และ SIG

    Vista avatar และแม่แบบลายเซ็นต์ใน PSD.

    PSD สีเขียวขุ่น

    องค์ประกอบ Vista.

    เทมเพลตหน้าจอเบราว์เซอร์

    หากคุณกำลังออกแบบเว็บไซต์ในไฟล์ Photoshop PSD เป็นสิ่งสำคัญที่จะต้องพิจารณาแต่ละเบราว์เซอร์และหน้าจอที่มองเห็นได้ PSD ต่อไปนี้ที่มีเวอร์ชันต่าง ๆ ของ Firefox, IE และ Safari เว็บปลอดภัยจะเป็นประโยชน์.

    เบราว์เซอร์พื้นที่ปลอดภัยของเว็บ

    พื้นที่ปลอดภัยบนเว็บสำหรับ Safari, IE และ Firefox ในระบบปฏิบัติการที่แตกต่างกันทั้งหมดในไฟล์ PSD ที่สามารถดาวน์โหลดได้.

    ทางลัดไปที่: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

    เทมเพลตกริด Photoshop 960px

    เทมเพลตตารางกริดของ PSD ในความกว้าง 960px เพื่อป้องกันตัวเองจากการเขียนขอบของหน้าจอที่อาจ / อาจไม่ได้เป็นที่ที่คุณวางแผนไว้.

    (เพิ่มเติม) เทมเพลตเบราว์เซอร์

    หากคุณกำลังมองหาเทมเพลตเบราว์เซอร์ (PSD) มากขึ้นคอลเลกชันของ webdesignerstoolkit ควรเป็นสิ่งที่คุณกำลังมองหา คนเหล่านี้มีแม่แบบสำหรับ Opera, Camino และเบราว์เซอร์แบบคลาสสิกเช่น iCan, Netscape และ Mozilla.

    องค์ประกอบของเว็บเบราว์เซอร์

    ฟรีองค์ประกอบรูปแบบ HTML มาตรฐานหรือหน้าต่างเบราว์เซอร์สำหรับ Windows และ Mac OSX.

    ทางลัดไปที่: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

    หน้าจอเบราว์เซอร์และองค์ประกอบเว็บไซต์

    freebie Vector Pack พิเศษจาก VectorTuts เป็นชุดสินทรัพย์เว็บไซต์เวกเตอร์ที่มีประโยชน์ที่คุณสามารถใช้ในการจำลองโครงการลูกค้านำเสนองานของคุณหรือรับภาพอย่างรวดเร็วในขณะที่จัดวางเว็บไซต์.

    ชุดอุปกรณ์เริ่มต้นสำหรับการสื่อสาร

    หากคุณกำลังมองหาการออกแบบใน PSD โดยใช้ minial และ PSD พื้นฐานเป็นแนวทางชุดเริ่มต้นของ Quommunication อาจเป็นสิ่งที่คุณกำลังมองหา มันมาพร้อมกับแม่แบบสีพื้นที่ปลอดภัยของเว็บเบราว์เซอร์และส่วนประกอบแบบฟอร์มพื้นฐานทั้งหมดในหนึ่ง PSD.

    เคอร์เซอร์

    การจับภาพหน้าจอทั่วไป (หน้าจอการพิมพ์) จะไม่รวมเคอร์เซอร์ในผลลัพธ์ หากคุณขึ้นอยู่กับเคอร์เซอร์เพื่อช่วยระบุและอธิบายภาพให้ดีขึ้นชุด PSD ต่อไปนี้อาจช่วยได้.

    ขัดกราไฟท์

    เคอร์เซอร์เมาส์ 2 ชุดที่แตกต่างกันโดยใช้ HONDA.

    Photoshop Cursor Pack

    มีประโยชน์สำหรับผู้ที่สร้าง Photoshop Tutorials.

    ออกแบบผลิตภัณฑ์

    iPhone GUI PSD 3.0

    ภาพด้านล่างให้ความคิดที่ชัดเจนว่าไฟล์ PSD นี้ประกอบด้วยอะไร ประโยชน์สูงสุดในการจำลองอินเตอร์เฟสการพัฒนาของ iPhone สร้างโดย teehanlax.

    นี่คืออีกรุ่นหนึ่งสำหรับ iPhone รุ่นเก่า.

    iPhone PSD

    อินเตอร์เฟส iPhone ความละเอียดสูง.

    นี่คือสำหรับผู้ที่กำลังมองหาอินเตอร์เฟส iPhone รุ่นแรก.

    นิตยสาร PSD

    หากคุณกำลังนำเสนอบางสิ่งในรูปแบบนิตยสารคุณจะต้องเริ่มต้นด้วย PSD นี้.

    ถุงกระดาษ

    กล่องพลาสติกดีวีดี

    เทมเพลต PSD และ CD กรณีดีวีดีที่สวยงามของเรา.

    เอกสารและจดหมาย

    มากขึ้นสำหรับนักออกแบบ

    กำลังมองหาการดาวน์โหลดที่เกี่ยวข้องกับการออกแบบเพิ่มเติมหรือ ลองดูโพสต์ก่อนหน้าของเรา:

    • 60 เว็บไซต์โมเดล 3D ที่ยอดเยี่ยมฟรี
    • 100 บทคัดย่อที่ยิ่งใหญ่ที่สุดและแบบอักษรกรันจ์
    • 50 เว็บไซต์สำหรับดาวน์โหลดภาพเวกเตอร์ฟรี