เคล็ดลับการออกแบบกราฟิก 17 ข้อที่ผู้ที่ไม่ใช่นักออกแบบทุกคนต้องรู้

เผยแพร่แล้ว: 2016-03-29

ฉันมีเรื่องจะสารภาพ...

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

ตอนนี้มีข่าวดี…

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

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

1. เริ่มด้วยจานสีที่ยอดเยี่ยม

เคยสังเกตไหมว่าการออกแบบที่ดีที่สุดมักจะมีสีสันที่สวยงาม? นั่นไม่ใช่อุบัติเหตุ การเลือกจานสีที่ยอดเยี่ยมเป็นหนึ่งในกุญแจสำคัญในการออกแบบที่ยอดเยี่ยม

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

ต่อไปนี้เป็นแหล่งข้อมูลที่ยอดเยี่ยมสำหรับการค้นหาจานสี:

  • รงควัตถุโดย Shapefactory
  • คูลเลอร์
  • Adobe Color

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

คนรักสี

2. อย่าหลงไปกับฟอนต์

ตามหลักการแล้ว คุณต้องการจำกัดตัวเองไว้ที่ 1 หรือ 2 ฟอนต์ ช่วยให้คุณไม่ต้องกังวลกับชุดแบบอักษรจำนวนมาก หากคุณกำลังจะใช้แบบอักษรหลายแบบ ให้ใช้แบบอักษรหนึ่งสำหรับส่วนหัวและอีกแบบอักษรสำหรับเนื้อหา

จำกัดแบบอักษร

3. มี “ไฟล์รูด”

คำนี้มาจากโลกของการเขียนคำโฆษณา แต่ก็ใช้ได้เท่าเทียมกันที่นี่ “ไฟล์รูด” หมายถึงสำเนาที่ดีที่ผู้เขียนคำโฆษณาเห็น ในกรณีของเรา นั่นหมายถึงตัวอย่างการออกแบบที่ดีที่คุณเห็น

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

หากคุณกำลังออกแบบรูปภาพสำหรับโฆษณาบน Facebook คุณอาจต้องการดู AdEspresso Facebook Ad Gallery คุณยังสามารถชำระเงินไซต์ออกแบบเช่น Dribbble และ Behance

4. อย่ากลัวที่จะว่างเปล่า

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

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

หากคุณต้องการบทเรียนเกี่ยวกับการใช้พื้นที่สีขาว ให้ดูรูปภาพทางการตลาดที่สร้างโดย Apple

iphone-white-space

5. จัดตำแหน่งวัตถุของคุณ

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

เมื่อลากรายการใน Snappa เส้นตารางจะปรากฏขึ้นโดยอัตโนมัติ ทำให้ง่ายต่อการจัดเรียงวัตถุ

จัดตำแหน่งวัตถุ

6. ใช้ไอคอนเพื่อสนับสนุนข้อความของคุณ

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

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

ไอคอน Helpcout

7. ทำตามกฎการออกแบบของคุณเอง

กฎเกณฑ์อะไร? ที่คุณกำหนดไว้สำหรับตัวคุณเอง

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

8. ล้างแล้วทำซ้ำ

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

9. ใช้รูปแบบตัวอักษร

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

ตัวอย่างของแบบอักษร “ตระกูล” จะเป็น Arial ซึ่งมีแบบอักษร Arial พื้นฐาน พร้อมด้วยรูปแบบต่างๆ เช่น Arial Black, Arial Narrow และ Arial Rounded MT Bold แบบอักษรเหล่านี้ดูแตกต่างออกไป ยังมีเธรดทั่วไปเพียงพอระหว่างพวกเขาที่จะให้ความรู้สึกสอดคล้องกันเมื่อใช้ร่วมกันในการออกแบบ

รูปแบบตัวอักษร

10. ใช้ประโยชน์จากความแตกต่างอย่างเต็มที่

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

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

หากคุณต้องการระบุคอนทราสต์ของสี ให้ใช้วงล้อสี เช่น Adobe Color

สีตัดกัน

11. ใช้เส้น (หรือสองเส้น) เพื่อสร้างความรู้สึกเป็นระเบียบ

เส้นช่วยยึดรายการในภาพและสร้างความรู้สึกว่ามีลำดับโดยรวม ใช้เส้นในภาพของคุณโดยวางไว้รอบกลุ่มข้อความ – โดยยึดข้อความไว้ที่นั่น

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

12. วางแผนการออกแบบของคุณ

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

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

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

13. เพิ่มข้อความบนภาพโดยปรับระดับความสว่าง

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

คุณสามารถเปลี่ยนคำพูดเป็นกราฟิกได้อย่างง่ายดายด้วยเครื่องมือสร้างใบเสนอราคาออนไลน์ฟรีของเรา!

ระดับความสว่าง

14. จัดโครงสร้างสำเนาร่างกายของคุณอย่างระมัดระวัง

เมื่อใดก็ตามที่คุณมีเนื้อความของข้อความ (เช่น ย่อหน้า) แต่ละบรรทัดควรมีอักขระไม่เกิน 30-40 ตัวโดยประมาณ ซึ่งรวมถึงช่องว่างด้วย ดังนั้นโปรดเลือกอย่างระมัดระวัง

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

15. คิดว่าคุณกำลังออกแบบให้ใคร

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

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

16. ให้ฟังก์ชันตามแบบฟอร์ม

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

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

ทั้งหมดนี้มาจากการรู้ว่า "ทำไม" ในการออกแบบของคุณ และคิดให้รอบคอบเช่นกัน

17. ทำให้มันง่าย

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

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

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

ง่าย ๆ เข้าไว้

บทสรุป

อย่างที่คุณเห็น การออกแบบกราฟิกไม่จำเป็นต้องยาก เพียงทำตาม 17 เคล็ดลับเหล่านี้ คุณก็จะสามารถสร้างภาพที่ยอดเยี่ยมทางออนไลน์ได้