ต้องขอบคุณอินเทอร์เน็ตการออกแบบกราฟิกและการเขียนโปรแกรมกำลังกลายเป็นฟิลด์ที่ทับซ้อนกันมากขึ้นเรื่อย ๆ

ในฐานะโปรแกรมเมอร์ฉันพบว่าตัวเองต้องการความรู้พื้นฐานของการออกแบบกราฟิกอยู่ตลอดเวลา แต่มีปัญหาในการค้นหาแหล่งข้อมูลการเรียนรู้การออกแบบกราฟิกที่ละเอียดและรัดกุมและมักจะหาบิตและชิ้นส่วนของความรู้ที่เกี่ยวข้องกับงาน

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

• Stay Simple - อย่าพยายามทำอะไรแฟนซีเกินไปหรือผจญภัยในตอนแรก รับข้อมูลเบื้องต้นก่อนจากนั้นคุณสามารถเริ่มการทดสอบ อย่าพยายามเลียนแบบส่วนต่อประสานคอมพิวเตอร์ของ Star Trek
• Be Consistent - การออกแบบที่สอดคล้องเป็นส่วนหนึ่งของรากฐานของการออกแบบที่ดี ติดตามระยะขอบขนาดและตำแหน่งและดูแลรักษาตลอดการออกแบบ
• ลบความยุ่งเหยิง - รวมองค์ประกอบที่จำเป็นสำหรับการออกแบบเท่านั้น ลบทุกอย่างออก
• จัดลำดับความสำคัญ - อะไรคือวัตถุประสงค์หลักของการออกแบบ? เน้นที่จุดประสงค์นั้น ทำให้ชัดเจน
• ใช้ช่องว่าง - อนุญาตสำหรับระยะขอบที่เหมาะสม กลุ่มข้อความขนาดใหญ่ที่มีระยะขอบเพียงเล็กน้อยหรือไม่มีเลยนั้นไม่สามารถอ่านได้มากนัก เหมือนกันสำหรับองค์ประกอบการออกแบบอื่น ๆ
• ใช้ A Color Palette - คุณไม่ควรใช้สีมากกว่า 4-5 สี
• แบบอักษรที่สอดคล้อง - ติดกับแบบอักษรหนึ่งหรือสองแบบ ใช้พวกมันอย่างสม่ำเสมอโดยปกติจะใช้สำหรับหัวเรื่องหนึ่งอันสำหรับข้อความในย่อหน้า คำนวณและรักษาขนาดตัวอักษรความสูงของบรรทัดและระยะห่างบรรทัดที่สอดคล้องกัน อย่าใช้ Comic Sans นอกเสียจากว่าคุณจะสามารถกำจัดซอมบี้ velociraptor ที่บ้าคลั่งได้
• ออกแบบก่อน - การออกแบบไม่ควรเป็นสิ่งที่ตามมาภายหลัง มันควรเป็นสมาชิกชั้นหนึ่งของขั้นตอนการวางแผน การออกแบบจะเป็นวิธีที่ผู้ใช้โต้ตอบกับการเขียนโปรแกรมของคุณและพวกเขาจะรวบรวมความคิดเห็นของพวกเขาเป็นอันดับแรกและขึ้นอยู่กับการออกแบบของคุณเป็นหลัก ให้การออกแบบความสำคัญที่เหมาะสม

สำหรับทรัพยากรคุณสามารถเข้าชมเว็บไซต์ใด ๆ ต่อไปนี้:

• นิตยสารยอดเยี่ยม
• Tuts PSD
• Abuzeedo
• บูธ UX
• ฉันรักวิชาการพิมพ์
• เจสันซานต้ามาเรีย

ดัชนีพื้นฐานการออกแบบของ Jim Krause ให้บทสรุปที่ดีมากเกี่ยวกับพื้นฐานขององค์ประกอบสีและประเภท ฉันไม่ได้เป็นแฟนตัวยงของตัวอย่างส่วนใหญ่ของเขา แต่พวกเขาแสดงให้เห็นถึงจุดของเขาได้ดีมากและเขาก็สัมผัสกับสิ่งมีค่าบางอย่างที่ฉันไม่เคยเห็นมาพูดถึงที่อื่น และที่สำคัญที่สุดการอ่านมันทำให้ฉันรู้สึกตื่นเต้นมากที่ได้ออกไปข้างนอกและทดลองกับแนวคิดที่เขาแนะนำ

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

หากนี่คือเพื่อให้คุณสามารถเรียนรู้ที่จะเป็นนักออกแบบเว็บไซต์ของคุณเอง (เช่นออกแบบเว็บไซต์ของคุณเองสำหรับเว็บไซต์ทั้งหมดที่คุณทำงาน) ฉันขอแนะนำให้คุณได้รับการฝึกอบรมอย่างเป็นทางการ เพื่อเรียนรู้พื้นฐานการออกแบบและองค์ประกอบภาพ หนังสือออกแบบสไตล์ตำราเช่นเดียวกับ Damon ที่โพสต์อาจช่วยได้ แต่คุณจะต้องทำแบบฝึกหัดทั้งหมดในหนังสือและทำให้แน่ใจว่าคุณเข้าใจเนื้อหา แต่ที่สำคัญที่สุดคือคุณต้องใช้เวลามากในการดู (เรียกดูแกลเลอรีออกแบบออนไลน์พลิกนิตยสารและโฆษณานิตยสาร ฯลฯ ) และสร้างงานออกแบบ (ดาวน์โหลดบทสรุปการออกแบบการฝึกปฏิบัติออนไลน์หรือเข้าประกวดการออกแบบออนไลน์)

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

Virtuosi Media มีทรัพยากรที่ดีมากมาย (เครือข่าย Tutsplus นั้นยอดเยี่ยมโดยทั่วไปและ Smashing Magazine เป็นสิ่งที่ต้องอ่านสำหรับนักพัฒนา / นักออกแบบเว็บไซต์ใด ๆ ) ซึ่งฉันต้องการจะเพิ่ม:

• http://www.alistapart.com/
• http://webdesignledger.com
• http://behance.net - โฮสต์พอร์ตการลงทุนของนักออกแบบระดับโลกจำนวนมากเพื่อดึงแรงบันดาลใจจาก

ฉันเป็นโปรแกรมเมอร์เองและสำหรับฉันหนังสือต่อไปนี้มีประโยชน์มากสำหรับฉัน:

• หนังสือออกแบบที่ไม่ได้ออกแบบโดย Robin Williams: หนังสือเล่มนี้ครอบคลุมพื้นฐานของการออกแบบกราฟิก
• วาดบนด้านขวาของสมองโดย Betty Edwards: หนังสือสำหรับพัฒนาทักษะการวาดของคุณ
• The Humane Interface โดย Jef Raskin: หนังสือเล่มนี้กระตุ้นความคิดบางอย่างเกี่ยวกับการออกแบบส่วนต่อประสานกับผู้ใช้

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

ในปี 2004 ฉันพบว่าตัวเองอยู่ครึ่งทางระหว่างทั้งสองโลกเพราะฉันใช้เวลาส่วนใหญ่ในชีวิตของฉัน - ฉันทำเว็บตั้งแต่ HTML 3.2 ในวันดอทคอม เลี้ยงดูด้วยแอปเปิ้ล // e โดยผู้ปกครอง (นักออกแบบท่าเต้นและนักการศึกษา) ที่อนุญาตและสนับสนุนให้ฉันใช้เวลากับศิลปะมาก การออกแบบไม่ใช่ศิลปะและในความเป็นจริงแล้วรูปแบบอัลกอริธึมบางอย่างนั้นสอดคล้องกับการเขียนโปรแกรมไม่ว่าคุณจะทำเว็บหรืออะไรก็ตาม

• Bookshelf Histogram - งานพิมพ์ที่ฉันสร้างขึ้นในบัณฑิตวิทยาลัยที่มีทั้งการออกแบบและการพัฒนา -y

แต่ใช่แล้ว 2004: ฉันแยกความแตกต่างเมื่อฉันไปโรงเรียนบัณฑิตที่ฉันได้รับการศึกษาวิชาการพิมพ์ดีดระดับเฟิร์สคลาสและจากนั้นละติจูดเพื่อสำรวจ - ในช่วงเวลาต่อไป

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

เรียนรู้มากมายเกี่ยวกับการพิมพ์

จากความคลาสสิค ...

^{Jan Tschichold}

ไม่ใช่ตัวตลก ...

^{เดวิดคาร์สัน}

การพิมพ์เชิงกลยุทธ์และมีประสิทธิภาพเป็นหนึ่งในคุณสมบัติที่ขาดหายไปมากที่สุดในสาขานี้ (และได้รับเสมอ)

โดยปกติฉันสามารถรับสมัครนักออกแบบโดยสิ้นเชิงจากการจัดการประเภทของพวกเขา ประมาณ 80% ของเรื่องราวถูกต้องในการตั้งค่าประวัติย่อ

การเริ่มต้นที่ดี (ฟรี) คือการปรับรายละเอียดของทรัพยากรที่จำเป็นจาก Robert Bringhurst เพื่อนำไปใช้กับเว็บ

^{องค์ประกอบของรูปแบบตัวอักษร Bringhurst}

นี่คือการพิจารณาที่กว้างขึ้นซึ่งเกี่ยวข้องกับการโต้ตอบระหว่างชนิดและโครงร่าง

^{ระบบกริดในการออกแบบกราฟิก Brockmann}

1. คิดวิเคราะห์เกี่ยวกับวัตถุที่ออกแบบรอบตัวคุณ

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

   ขอให้สังเกตว่าการออกแบบฟังก์ชั่นสำหรับวัตถุประสงค์ที่ตั้งใจเช่นเดียวกับรูปลักษณ์

2. คิดว่าการออกแบบเป็นวิธีเติมความต้องการหรือแก้ปัญหา

   ในขณะที่พยายามทำให้สิ่งต่าง ๆ ดูดีการออกแบบนั้นแตกต่างจากงานศิลปะประเภทอื่น ๆ เพราะมันมีการใช้งานจริง

   ตัวอย่างเช่นโลโก้เป็นประเภทของการออกแบบกราฟิกที่ช่วยให้แบรนด์หรือ บริษัท เป็นที่รู้จักอย่างรวดเร็ว

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

3. ฝึกการสื่อสารด้วยภาพ

   นักออกแบบจะต้องสามารถสร้างแบบหรือการนำเสนอแบบอื่นเพื่อปรับแต่งและอธิบายให้คนอื่นเช่นผู้ร่วมงานออกแบบและผู้ผลิต

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

   นอกเหนือจากภาพวาดนักออกแบบยังใช้สิ่งต่าง ๆ เช่นแบบจำลองต้นแบบและการถ่ายภาพคอมพิวเตอร์เพื่อแสดงภาพการออกแบบของพวกเขา

4. สำรวจว่าสิ่งต่าง ๆ เกิดขึ้นได้อย่างไร

   เมื่อคุณทำงานเป็นนักออกแบบคุณไม่เพียง แต่ต้องพิจารณาสิ่งที่ถูกใจคุณต้องพิจารณาว่าการออกแบบของคุณจะถูกนำไปใช้อย่างไร

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

5. ค้นหาแหล่งข้อมูลที่ดี

   นอกจากนิตยสารการออกแบบแล้วให้มองหาหนังสือเกี่ยวกับกระบวนการหลักการและวิธีการออกแบบ

   ลองดูที่หนังสือเรียนและวิดีโอทางเทคนิคเพื่อดูสิ่งต่าง ๆ ที่ใช้ในการก่อสร้างเครื่องแต่งกายวิธีการผลิตและเทคนิคการผลิตที่หลากหลาย

   การเรียนรู้เกี่ยวกับการออกแบบนั้นลึกกว่าการอ่านนิตยสารแฟชั่นและการตกแต่งแม้ว่าสิ่งเหล่านี้จะเป็นแหล่งข้อมูลที่ดีสำหรับแนวโน้มในปัจจุบัน

6. พัฒนาทักษะการออกแบบของคุณ

   การศึกษาและการฝึกฝนเป็นสิ่งที่ดี แต่สิ่งที่จะนำการออกแบบของคุณไปสู่อีกระดับคือประสบการณ์ในโลกแห่งความเป็นจริง

7. ทำผิดพลาดอย่างรวดเร็ว

   คุณจะทำผิดพลาดมากมายและยิ่งคุณผ่านได้เร็วเท่าไหร่ก็ยิ่งดีเท่านั้น

8. พร้อมที่จะรับความคิดเสมอ

   มองหาแรงบันดาลใจทุกที่ แรงบันดาลใจไม่จำเป็นต้องมาจากการออกแบบหรือเทรนด์การออกแบบอื่น ๆ บ่อยครั้งที่มันอาจมาจากธรรมชาติหรือสิ่งต่าง ๆ ที่เกิดขึ้นโดยบังเอิญ

หนังสือและวัสดุ

http://www.alistapart.com

http://webdesignledger.com

นิตยสารยอดเยี่ยม

Tuts PSD

Abuzeedo

บูธ UX

จุดที่ควรทราบ:

1. ทุกการออกแบบแก้ปัญหาได้

หยุดคิดเกี่ยวกับการออกแบบในแง่ของ "ฉันจะทำให้สวยได้อย่างไร" และเริ่มคิดในแง่ "ฉันจะทำให้มันใช้งานง่ายที่สุดเท่าที่เป็นไปได้อย่างมนุษย์ปุถุชน?"

เมื่อคุณสร้างเว็บไซต์หมายความว่าคุณกำลังแก้ไขปัญหาทางธุรกิจอย่างกว้าง ๆ

เว็บไซต์ที่มีอยู่เพื่อตระหนักถึงเป้าหมายทางธุรกิจ

ผู้ใช้เว็บไซต์นั้นมีเป้าหมายเป็นของตนเอง - พวกเขาอาจต้องการซื้อบางอย่างเปรียบเทียบผลิตภัณฑ์อ่านในหัวข้อ ฯลฯ

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

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

ส่วนสำคัญของกระบวนการออกแบบคือการหาปัญหาสร้างโปรไฟล์ของผู้ใช้คิดวิธีการบรรลุเป้าหมายทางธุรกิจ ฯลฯ

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

2. มันซ้ำที่ทำให้สิ่งที่ดูสวย

นั่นคือสิ่งที่สอดคล้องกันเกี่ยวกับ

ตัวอย่างเช่นการจับคู่แบบอักษร แบบอักษรจะถูกจับคู่ตามลักษณะที่คล้ายคลึงกันในการทำซ้ำของรายละเอียด

นี่คือการแข่งขัน: Farnham และ Benton Sans

ตามโพสต์นี้ที่นี่2แบบอักษรทั้งสองนี้ตรงกันเนื่องจาก:

[... ] ใบหน้าเหมือนกันใน squatness ของตัวอักษรตัวเล็กของพวกเขาซึ่งมี ascenders สั้นอย่างชัดเจนและสืบทอด [... ] ตัวอักษรพิมพ์เล็กทั้งสองกว้าง

การทำซ้ำบางลักษณะทำให้ทั้ง 2 แบบอักษรทำงานร่วมกันได้ดี คุณสามารถเห็นพวกเขาบนหน้าเว็บได้ที่นี่3 .

การทำซ้ำนำความกลมกลืนในการออกแบบ และความกลมกลืนทำให้การออกแบบดูสวยงาม

แต่อย่างที่คุณเห็นฟาร์นนัมและเบนตันซันก็มีความแตกต่างเช่นกัน - ฟาร์นแฮมเป็นฟอนต์ serif และเบนตันเป็นซันเซริฟ

ทำไมจึงต้องมีการเปรียบเทียบ เราต้องการแนะนำความคล้ายคลึงกันในการออกแบบใช่ไหม

ดีใช่ แต่การทำซ้ำมากเกินไปทำให้การออกแบบของคุณหมองคล้ำและยากที่จะใช้

การรักษามีความคมชัด

3. ความคมชัดช่วยให้ผู้ใช้ค้นหาวิธีการของพวกเขา

มันช่วยให้พวกเขาแยกแยะองค์ประกอบที่แตกต่างจากกัน มันช่วยให้พวกเขาค้นหาองค์ประกอบสำคัญเช่นส่วนหัวการนำทางปุ่ม

องค์ประกอบที่สำคัญมากขึ้นก็ควรจะตัดกันกับสภาพแวดล้อม

ใช้การทำซ้ำเพื่อทำให้การออกแบบของคุณสอดคล้องกัน เช่นเดียวกับที่คนอื่นพูด - สี 2 แบบอักษรมีจำนวน จำกัด เป็นต้น

ใช้ความเปรียบต่างเมื่อคุณต้องการแยกองค์ประกอบออกจากส่วนที่เหลือ

ทั้งหมดนี้เป็นเรื่องน่ารู้ แต่ ... ยังไม่ช่วยให้คุณออกแบบเว็บไซต์ต่อไปใช่มั้ย

ดีฉันมีวิธีแก้ปัญหาสำหรับที่มากเกินไป

ขั้นตอนที่ 1 ถึงการพัฒนาเว็บไซต์ให้ดีขึ้นคือการสังเกตและซึมซับผลงานของผู้อื่น มันเยอะมาก นั่นคือสิ่งที่ "แรงบันดาลใจ" มาจาก

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

สรุป: ครั้งต่อไปที่คุณเริ่มออกแบบสำหรับโครงการด้านข้างของคุณ

ผ่านเว็บไซต์ / เว็บแอพที่คล้ายกันหลายโหลและสร้างภาพร่างการออกแบบที่รวดเร็ว บันทึกเวิร์กโฟลว์ที่ใช้ ทำไมพวกเขาถึงใช้มัน? สังเกตว่าพวกเขาใช้รูปทรงสีและแบบอักษรใด

จากนั้นทำตามขั้นตอนนี้เพื่อสร้างการออกแบบของคุณเอง:

1. กำหนดโครงการ ดื่มด่ำกับโครงการและทำความรู้จักกับ:

   1. วัตถุประสงค์วัตถุประสงค์ผลลัพธ์

   2. ผู้ใช้ (อนาคต)
   3. ประสบการณ์ที่ตั้งใจไว้สำหรับผู้ใช้ / ผู้เยี่ยมชม
   4. การสร้างแบรนด์ที่อยู่เบื้องหลังโครงการ
2. รับทรัพยากรที่จำเป็น รับมือ (ตัวอย่าง) เนื้อหา (ยืมจากไซต์ที่คล้ายกัน)

3. ให้รูปร่างกับเนื้อหา

   1. เลือกแบบอักษรที่จะเรียงเนื้อหา (เลือกอันที่เหมาะกับอารมณ์และข้อความของไซต์)
   2. เลือกขนาดตัวอักษรสำหรับตัวสำเนา
   3. สร้างสเกลโมดูลาร์ (ตารางขนาดมิติฮาร์มอนิกตามสัดส่วน) จากขนาดตัวอักษรของตัวสำเนา (โดยใช้เครื่องชั่งประเภท - เครื่องคำนวณภาพ)
   4. ร่างเค้าโครงที่แตกต่างกันตามข้อกำหนดของโครงการ
   5. สร้างเลย์เอาต์ (ใน HTML & CSS) ด้วยความช่วยเหลือของสเกลโมดูลาร์: ความกว้างของคอลัมน์, ความสูงของบรรทัด, ขนาดส่วนหัว, ระยะขอบล่าง, คอลัมน์ (หากจำเป็น)
   6. ใช้สีตามแนวทางของแบรนด์

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับแต่ละขั้นตอนจากขั้นตอนนี้ที่นี่

อีกไม่กี่:

1. ดูผ่านชุดเว็บไซต์ที่สร้างแรงบันดาลใจเพื่อหาแนวคิด คอลเลกชันมาตุภูมิของคอลเลกชันเว็บไซต์สร้างแรงบันดาลใจรายการคอลเลกชันค่อนข้างน้อย อีกสองเว็บไซต์ที่ดีมีsiiimple.comและminimalsites.com

2. คำแนะนำ 'ลบความยุ่งเหยิง' ของ Virtuosi Media นั้นเหมาะอย่างยิ่ง แต่เว็บไซต์ที่มีความยุ่งเหยิงโดยผู้เริ่มต้นจะดูดีกว่าเว็บไซต์ที่เรียบง่ายที่ทำโดยผู้เริ่มต้น ความยุ่งเหยิงค่อนข้างลวงตาองค์ประกอบการออกแบบที่ไม่ดีอื่น ๆ กวนใจกับเนื้อหา ไซต์ธุรกิจทั่วไปมีความยุ่งเหยิงมากเกินไปเช่นเดียวกับเทมเพลตเกือบทั้งหมด แต่ยังดูเป็นมืออาชีพพอสมควร
   
   มันใช้การเชื่อมต่อที่ใกล้ชิดกับแบบอักษร, ความคมชัด, พื้นที่เชิงลบ, การระบายสี, ความหนาแน่น, การไหล, ... เพื่อสร้างเว็บไซต์ที่ออกแบบมาอย่างดีและมีประสิทธิภาพที่หายใจได้ดี

3. หากทุกอย่างกลายเป็นเรื่องเล็กน้อยให้พิจารณาซื้อเทมเพลต

เพียงเพิ่มลิงก์เพิ่มเติมอีกสองสามรายการสำหรับผู้ที่มาจากพื้นหลังการเขียนโปรแกรมที่สนใจในการออกแบบ UI

• ออกแบบสำหรับแฮ็กเกอร์ (หนังสือที่พิมพ์)
• หลักการออกแบบส่วนต่อประสานผู้ใช้ (ไซต์)
• การออกแบบ UI ทีละขั้นตอน (ebook)
• The Shape Of Design (รุ่นออนไลน์ฟรี)

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

คุณต้องมองหานักออกแบบที่ยอดเยี่ยมคนอื่น ๆ สำหรับสิ่งที่คุณควรทำตามนักออกแบบที่ดีในDribbble สิ่งที่สำคัญมาก ๆ ก็คือการดูการออกแบบล่าสุดในเว็บไซต์แกลเลอรี่ css เช่นwww.minimalistgallery.comหรืออื่น ๆ

ขออวยพรให้สิ่งที่ดีที่สุด !!!

สมัครสมาชิกhttp://sidebar.io/สำหรับจดหมายข่าวรายวัน แต่ละบทความจะมีประโยชน์ไม่ทางใดก็ทางหนึ่ง อีกวิธีที่ดีในการเรียนรู้ด้วยตนเองเกี่ยวกับการออกแบบที่เป็นDribbble

นี่อาจเป็นคำแนะนำทั่วไป แต่สำหรับฉันมันเป็นสิ่งที่บอกได้จริง ๆ ว่าใครบางคนเป็นนักออกแบบที่ดีหรือไม่:

ช่องว่างระยะขอบและการจัดตำแหน่ง

พวกเขาเป็นกุญแจสำคัญในการสร้างการออกแบบที่เรียบเนียนดูเป็นมืออาชีพ พวกเขาสร้าง 'พื้นที่การหายใจ' ของการเรียงลำดับและสามารถกำหนดได้ว่าการออกแบบของคุณจะดูเข้ากันได้หรือไม่ เช่นเดียวกับแบบอักษรที่คุณต้องการติดกับระยะขอบที่กำหนด / whitespaces เพื่อรักษาเค้าโครงให้ดูสะอาด

ในการติดตามสิ่งต่าง ๆ เช่นนี้การใช้กริดหรือเส้นบอกแนวเพื่อออกแบบจะมีประโยชน์มาก

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

หนังสือที่ไม่ใช่นักออกแบบ