ฉันเป็นนักพัฒนาเว็บไซต์ที่มีความสามารถพอสมควร ฉันสามารถวางสิ่งที่ฉันต้องการให้มันไปและใส่ของ JQuery ไว้ในนั้นถ้าฉันต้องการ อย่างไรก็ตามถ้าฉันสร้างเว็บไซต์ของตัวเอง (ซึ่งฉันกำลังจะเริ่มทำ) ฉันไม่รู้ว่าจะออกแบบอย่างไร ถ้ามีใครสักคนนั่งข้างๆฉันชี้ไปที่หน้าจอแล้วพูดว่า "เอารูปนี้ไปไว้ที่นั่นส่งข้อความไปที่นั่น" ฉันทำได้อย่างง่ายดาย แต่การออกแบบเว็บไซต์ของตัวเองด้วยการเลือกสีและข้อความของฉันจะมีลักษณะเหมือนเด็กวัยหัดเดินที่คิดค้นขึ้นมา

ไม่มีใครรู้เว็บไซต์ / หนังสือใด ๆ ที่ฉันสามารถดูหรือมีใครมีคำแนะนำใด ๆ เกี่ยวกับพื้นฐานของการออกแบบเว็บที่ไม่ใช่เด็กวัยหัดเดิน?

คุณมีสิ่งที่ต้องทำ

เคล็ดลับ:

เรียนรู้การใช้งาน Photoshop (โดยเฉพาะอย่างยิ่งสไตล์เลเยอร์นั้นยอดเยี่ยมเพียงแค่ทราบว่ามันอาจเป็นเอฟเฟกต์ยากที่จะนำไปใช้ใหม่ใน CSS2) มันจะไปไกลในการสร้างจำลองที่ดี

ดูไซต์ที่ออกแบบอย่างมืออาชีพ คุณเคยไปที่ไซต์ไหนที่ดูดีสำหรับคุณ

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

นอกจากนี้เมื่อคุณเริ่มได้รับการฝึกซ้อมฝึกฝนฝึกฝน กราฟิกต้องใช้เวลาในการพัฒนาเป็นทักษะโดยเฉพาะจากโปรแกรมเมอร์ที่มีการพิจารณา (การไล่ระดับสีเทียบกับ "ความสามารถต่อภาพ")

เครื่องมือ

(Photoshop เป็นที่ชื่นชอบส่วนตัวPaint.NETเป็นทางเลือก Windows ที่ดี แต่ไม่ค่อยมีประสิทธิภาพเท่าไหร่)

นาธานสมิ ธระบบ 960 ตาราง มีเทมเพลตสำหรับโปรแกรมกราฟิกหลัก ๆ มากมาย ลองดูสิ

อ้างอิง:

ดูที่เว็บไซต์เหล่านี้: (ฉันเห็นมากขึ้นฉันจะลองเพิ่มเมื่อเจอ)

• รายการนอกเหนือ
• John McCain
• BarackObama.com
• Hayon2010.com (โอเคฉันทำอันนี้ แต่ฉันคิดว่ามันดีการแก้ไข:ฉันขอขอบคุณความคิดเห็นด้วยเช่นกัน ;-D)

ด้านการปฏิบัติ

มีแง่มุมที่เป็นขั้นเป็นตอนในการออกแบบที่จำเป็นต่อการเรียนรู้ ไม่ใช่ทุกอย่างที่เป็นอัตนัย

   •เว็บสอนการออกแบบ: http://webdesign.tutsplus.com/

   •บทแนะนำ Photoshop: http://psd.tutsplus.com/

   •บทเรียนมากมาย: Lynda

แรงบันดาลใจ

   •เว็บไซต์: สไตล์ที่ไม่ตรงกัน

   •เว็บไซต์: Abduzeedo

   •หนังสือ: แนวทางสู่ความสำเร็จออนไลน์

   •เว็บไซต์: Smashing Magazine

ทักษะการออกแบบ

การออกแบบทั่วไป

   •หนังสือ: การออกแบบกราฟิก: พื้นฐานใหม่

   •หนังสือ: ออกแบบกราฟิก, อ้างอิง

   • PDF: The Big Four: Contrast, Repetition, Alignment, Proximity

วิชาการพิมพ์

   •หนังสือ: การคิดตามประเภท

   •หนังสือ: องค์ประกอบของสไตล์การพิมพ์

   •บทความ: http://en.wikipedia.org/wiki/Typography

   •บทความ: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

แบบ

   •หนังสือ: สมุดงานเค้าโครง

สี

   •หนังสือ: สมุดงานออกแบบสี

   •หนังสือ: Color Harmony Workbook

ปรัชญาการออกแบบ

"ความผิดพลาดที่โง่ที่สุดคือการดูการออกแบบเป็นสิ่งที่คุณทำในตอนท้ายของกระบวนการเพื่อ 'ทำให้เป็นระเบียบ' เมื่อเทียบกับการทำความเข้าใจมันเป็นปัญหา 'วันหนึ่ง' และเป็นส่วนหนึ่งของทุกสิ่ง" - ทอมปีเตอร์ส

"การออกแบบที่ดีช่วยให้ผู้ใช้มีความสุขผู้ผลิตสีดำและความงามไร้ที่ติ" -Raymond Loewy

"การออกแบบที่หรูหราอย่างแท้จริงรวมเอาฟังก์ชั่นยอดนิยมไว้ในรูปแบบที่เรียบง่ายและไร้ระเบียบ" -David Lewis

"การออกแบบที่ดีคือธุรกิจที่ดี" - โทมัสเจ. วัตสันจูเนียร์

คำคมเพิ่มเติม

นี่อาจเป็นหัวข้อเล็กน้อย แต่ฉันจำได้ว่า Jeff Atwood ขอแนะนำหนังสืออย่าทำให้ฉันคิดอย่างนั้น มันอธิบายถึงวิธีที่คุณควรออกแบบเว็บไซต์ของคุณเพื่อประสบการณ์การใช้งานที่ดีที่สุด

Ogilvy on Advertising: หนังสือเล่มนี้กล่าวถึงพื้นฐานบางอย่างของการออกแบบกราฟิกรวมถึงสามัญสำนึกมากมายในการทำใบปลิวโฆษณา ฯลฯ แม้ว่ามันจะถูกเขียนขึ้นก่อนยุค www

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

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

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

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