ก่อนที่คุณจะสามารถออกแบบได้อย่างเชี่ยวชาญคุณต้องเชี่ยวชาญพื้นฐานก่อน

สัปดาห์ที่แล้วผู้อ่านคนหนึ่งของฉันส่งคำถามมาว่าฉันจะเป็นนักออกแบบภาพที่ดีขึ้นได้อย่างไร

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

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

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

นี่คือปัจจัยพื้นฐานบางประการที่คุณควรเชี่ยวชาญเพื่อที่คุณจะสามารถยกระดับการออกแบบภาพของคุณไปอีกระดับ

พื้นฐาน # 1: กลับไปที่พื้นฐานด้วยประเภท

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

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

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

จากนั้นหากคุณต้องการความเข้าใจอย่างถ่องแท้เกี่ยวกับวิธีใช้ตัวพิมพ์กับเว็บให้อ่าน Web Typography: องค์ประกอบของสไตล์การพิมพ์ที่ใช้กับเว็บ

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

สำหรับการสำรวจเชิงลึกเกี่ยวกับการพิมพ์ตัวอักษรคุณสามารถอ่านบทความของฉัน: วิชาการพิมพ์สามารถทำให้การออกแบบของคุณ ... หรือทำลายมัน

พื้นฐาน # 2: ใช้พื้นที่เพื่อสร้างสมดุล

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

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

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

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

พื้นฐาน # 3: ใช้ขนาดเพื่อสร้างลำดับชั้นของภาพ

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

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

เมื่อคุณกำหนดขนาดขององค์ประกอบได้แล้วให้คงขนาดเท่ากันในทุกกรณี ในการออกแบบความสม่ำเสมอเป็นสิ่งสำคัญ

นี่คือแบบฝึกหัดที่จะช่วยพัฒนาดวงตาของคุณในการปรับขนาด

ที่สำคัญคือขอความคิดเห็น

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

เมื่อทำแบบฝึกหัดนี้ให้คำนึงถึงคำถามต่อไปนี้:

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

พื้นฐาน # 4: ใช้สีเพื่อสื่อความหมาย

สีมีบทบาทหลายอย่าง สื่อถึงความหมายสร้างเสียงสะท้อนและนำความเป็นเอกภาพมาสู่การออกแบบ

หากต้องการเจาะลึกเรื่องสีคุณสามารถอ่านบทความของฉันการออกแบบสี นี่คือประเด็นสำคัญบางประการจากบทความ

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

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

นี่คือแบบฝึกหัดที่จะช่วยพัฒนาดวงตาของคุณให้มีสี

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

สังเกตว่ามันเปลี่ยนอารมณ์และโทนสีของการออกแบบอย่างไร มันเปลี่ยนความหมายด้วยหรือเปล่า?

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

คุณมีกลยุทธ์อะไรในการปรับปรุงในฐานะนักออกแบบ? ฝากข้อความถึงฉันหรือส่งทวีตบน Twitter

หากคุณชอบบทความนี้คุณอาจชอบ CSS ใน Javascript ด้วย Aphrodite ซึ่งเป็นห้องสมุดของ Khan Academy

CSS ใน Javascript: อนาคตของรูปแบบตามองค์ประกอบ

สัปดาห์นี้ผมอยากจะแนะนำให้คุณรู้จักกับแนวคิดของ CSS ใน Javascript กับ Aphrodite โดย Khan Academy Aphrodite ให้… medium.com

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

ปล. ถ้าคุณชอบบทความนี้มันจะมีความหมายมากถ้าคุณคลิกที่? และแบ่งปันกับเพื่อน ๆ