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.