Exploring the principles of layout

Exploring the principles of layout and composition

The principles of layout and composition are very, very important to the overall concept of graphic design. And unless you have a good handle on these principles, you're not going to be able to become a good graphic designer. In this movie, I'll be exploring the principles of layout and composition in a very simple way. To help you understand all of the subtle nuances that go along with them, and so that you can actually start to put those in play, as we start to create our designs throughout this course. There are actually six basic principles that I'm going to be talking about.

,Balance, proximity, alignment, repetition, contrast, and white space. Let's start off with balance.
1.Balance is just the visual weighting of objects within a layout. There are three ways that you can balance. First is symmetrical, second is asymmetrical and the last one is radial. For symmetrical balance, you're going to visually weight everything the same on all sides of the design.

2,Proximity: Proximity refers to how items are grouped and spaced on a page. When you're talking about proximity, you want to group like items together.

And you want to separate them from other grouped objects on the page. This goes hand in hand with alignment, which refers to keeping objects in line with one another within your design. The easiest way to get good at grouping and aligning objects is to use a grid and grids are an easy, easy way to make sure you have consistent spacing, grouping and alignment for all of the elements that you're designing.
3.Repetition: Repetition is something that ties your design together. It creates rhythm and gives your design an ebb and flow. It's very, very important. Let's take a look at some examples of repetition. Take a look at this brochure from Nikon. See the repeating pattern that just sort of guides your eyes, down over to the right, down over to the right. That's the kind of ebb and flow you want in your design pieces.

They've also used repetition. They've reused that black square, on the top of one page, at the bottom of the other. Very, very nice. Here we have an example of repetition with branding, so you have the same logo placed similarly on all of these different areas. The same color scheme used across all of this collateral. That creates repetition across multiple subjects, tying all of these together and creating easy brand recognition for all of these assets. Here's a great menu design, where everything sort of follows the same pattern.

You've got the same headings, same paragraph styles. Everything just sort of flows left to right, top to bottom, very easy and rhythmic to follow. In logo design, it's also very easy to have repetition. Look at the logo for Chanel for instance, all of the strokes on all of the characters in the logo element are very similar. You have the repeating C at the top which creates sort of a rhythmic flow to the logo. Same for Audi, which has the repeating circles across the top. And then of course, we also have PBS, which has the repeating faces that create sort of a rhythmic flow to their logo.

Contrast is another big important thing that design needs. This is where you create distinction by creating or highlighting differences between elements on your page. You could contrast by using different weights, size or even color scheme. Some examples of contrast include Apple's iconic iPod ads, which had stark contrast between the subject and the background, and also the iPod itself which was highlighted in bright white. Everything on this page has distinct contrast from the other elements, making it easy for you to go from one to the other and almost read it like a book, even though there's not any words.

Same holds true for things like movie posters. Check out this movie poster from The Dark Knight, where all of the dark elements sort of come together and create the contrasting part in the middle where you can actually see the shape of Batman's logo. And finally, one of the most classic examples of contrast has to be newspapers. That's why they're so easy to read. It's a white background with black text. There's nothing more simple, nothing more easy to read, and nothing more contrasted than white and black. Speaking of white, white space otherwise known as the, quote unquote, art of nothing, is another very, very important skill that you should try to learn and try to master as quickly as you can.

Some people refer to this as minimalism, making the design as uncluttered as possible, by using whitespace effectively. Some examples of well used whitespace include this ad from McDonald's. Now, the background is not necessarily white, and that's okay. Whitespace doesn't have to be white, it's just the absence of something being there on the page. So in this case, this is showcasing their new WiFi at their restaurants, and you can see here it's just french fries in the shape of a WiFi pattern at the very bottom right, it's just one little phrase, love free WiFi.

That's it. Everything else draws your attention into that one spot and that's an effective use of white space. Same for this coffee house right here, and it says simply feel stimulating. And so it's a very interesting piece right here that draws you in it looks like glasses almost like hipster style glasses. But also, it's titled a little bit so that you realize it's a coffee cup. Again, drawing focus in by using nothing as a surrounding element. Same holds true in web design nowadays. Web design has a huge trend right now in white space and using minimalistic designs.

Here's a great blog template, that I found on ThemeForest.net and this is a very interesting piece, because it has a big, bold background, but nothing else. That's it, and everything else is just right there centered in the middle. Same for this one right here. Look at all the white space that surrounds all of the element

Exploring the principles of layout and composition

The principles of layout and composition are very, very important to the overall concept of graphic design. And unless you have a good handle on these principles, you're not going to be able to become a good graphic designer. In this movie, I'll be exploring the principles of layout and composition in a very simple way. To help you understand all of the subtle nuances that go along with them, and so that you can actually start to put those in play, as we start to create our designs throughout this course. There are actually six basic principles that I'm going to be talking about.

,Balance, proximity, alignment, repetition, contrast, and white space. Let's start off with balance. 
1.Balance is just the visual weighting of objects within a layout. There are three ways that you can balance. First is symmetrical, second is asymmetrical and the last one is radial. For symmetrical balance, you're going to visually weight everything the same on all sides of the design.

2,Proximity: Proximity refers to how items are grouped and spaced on a page. When you're talking about proximity, you want to group like items together.

And you want to separate them from other grouped objects on the page. This goes hand in hand with alignment, which refers to keeping objects in line with one another within your design. The easiest way to get good at grouping and aligning objects is to use a grid and grids are an easy, easy way to make sure you have consistent spacing, grouping and alignment for all of the elements that you're designing. 
3.Repetition: Repetition is something that ties your design together. It creates rhythm and gives your design an ebb and flow. It's very, very important. Let's take a look at some examples of repetition. Take a look at this brochure from Nikon. See the repeating pattern that just sort of guides your eyes, down over to the right, down over to the right. That's the kind of ebb and flow you want in your design pieces.

They've also used repetition. They've reused that black square, on the top of one page, at the bottom of the other. Very, very nice. Here we have an example of repetition with branding, so you have the same logo placed similarly on all of these different areas. The same color scheme used across all of this collateral. That creates repetition across multiple subjects, tying all of these together and creating easy brand recognition for all of these assets. Here's a great menu design, where everything sort of follows the same pattern.

You've got the same headings, same paragraph styles. Everything just sort of flows left to right, top to bottom, very easy and rhythmic to follow. In logo design, it's also very easy to have repetition. Look at the logo for Chanel for instance, all of the strokes on all of the characters in the logo element are very similar. You have the repeating C at the top which creates sort of a rhythmic flow to the logo. Same for Audi, which has the repeating circles across the top. And then of course, we also have PBS, which has the repeating faces that create sort of a rhythmic flow to their logo.

Contrast is another big important thing that design needs. This is where you create distinction by creating or highlighting differences between elements on your page. You could contrast by using different weights, size or even color scheme. Some examples of contrast include Apple's iconic iPod ads, which had stark contrast between the subject and the background, and also the iPod itself which was highlighted in bright white. Everything on this page has distinct contrast from the other elements, making it easy for you to go from one to the other and almost read it like a book, even though there's not any words.

Same holds true for things like movie posters. Check out this movie poster from The Dark Knight, where all of the dark elements sort of come together and create the contrasting part in the middle where you can actually see the shape of Batman's logo. And finally, one of the most classic examples of contrast has to be newspapers. That's why they're so easy to read. It's a white background with black text. There's nothing more simple, nothing more easy to read, and nothing more contrasted than white and black. Speaking of white, white space otherwise known as the, quote unquote, art of nothing, is another very, very important skill that you should try to learn and try to master as quickly as you can.

Some people refer to this as minimalism, making the design as uncluttered as possible, by using whitespace effectively. Some examples of well used whitespace include this ad from McDonald's. Now, the background is not necessarily white, and that's okay. Whitespace doesn't have to be white, it's just the absence of something being there on the page. So in this case, this is showcasing their new WiFi at their restaurants, and you can see here it's just french fries in the shape of a WiFi pattern at the very bottom right, it's just one little phrase, love free WiFi.

That's it. Everything else draws your attention into that one spot and that's an effective use of white space. Same for this coffee house right here, and it says simply feel stimulating. And so it's a very interesting piece right here that draws you in it looks like glasses almost like hipster style glasses. But also, it's titled a little bit so that you realize it's a coffee cup. Again, drawing focus in by using nothing as a surrounding element. Same holds true in web design nowadays. Web design has a huge trend right now in white space and using minimalistic designs.

Here's a great blog template, that I found on ThemeForest.net and this is a very interesting piece, because it has a big, bold background, but nothing else. That's it, and everything else is just right there centered in the middle. Same for this one right here. Look at all the white space that surrounds all of the element

0/5000

จาก: -

เป็น: -

ผลลัพธ์ (ไทย) 1: [สำเนา]

คัดลอก!

สำรวจหลักของเค้าโครงและองค์ประกอบเค้าโครงและองค์ประกอบหลักมีมาก มากความสำคัญแนวคิดของการออกแบบกราฟิก และถ้าคุณไม่มีการจัดการที่ดีหลักการเหล่านี้ คุณไม่จะสามารถเป็น นักออกแบบกราฟิกที่ดี ในภาพยนตร์เรื่องนี้ ฉันจะจะสำรวจหลักของเค้าโครงและองค์ประกอบในวิธีง่ายมาก เรื่องของความแตกต่างอย่างลงตัวที่ไปพร้อมกับพวกเขา และเพื่อ ให้คุณสามารถจริง ๆ เริ่มวางผู้เล่น ขณะที่เราเริ่มสร้างการออกแบบของเราตลอดทั้งหลักสูตรนี้ จริงหกหลักพื้นฐานที่ฉันจะสามารถพูดได้สมดุล แห่ง ตำแหน่ง ทำซ้ำ ความคมชัด และช่องการ เริ่มปิดยอด 1.ดุลเพียงน้ำหนักภาพของวัตถุภายในเค้าโครงได้ มีสามวิธีที่คุณสามารถปรับสมดุล แรก เป็นสมมาตร สอง เป็น asymmetrical และสุดท้ายคือรัศมี สำหรับยอดดุลสมมาตร คุณกำลังจะเห็นน้ำหนักทุกอย่างเหมือนกันทั้งด้านของการออกแบบ2 ใกล้: ใกล้ถึงวิธีจัดกลุ่ม และระยะห่างบนหน้ารายการนั้น เมื่อคุณกำลังพูดถึงความใกล้ชิด คุณต้องการจัดกลุ่มสินค้าเช่นกันและต้องแยกออกจากวัตถุอื่น ๆ จัดหน้า นี้ไปมือในมือกับตำแหน่ง ซึ่งอ้างอิงถึงวัตถุ โดยหนึ่งในการออกแบบการรักษา วิธีที่ง่ายที่สุดจะดีที่จัดกลุ่ม และจัดเรียงวัตถุคือการ ใช้ตาราง และกริดเป็นวิธีง่าย สะดวกให้แน่ใจว่า คุณมีระยะห่างสม่ำเสมอ จัดกลุ่ม และจัดตำแหน่งขององค์ประกอบที่คุณกำลังออกแบบ 3.Repetition: ซ้ำเป็นสิ่งที่ผูกการออกแบบร่วมกัน มันสร้างจังหวะ และทำให้การออกแบบลดลงและกระแส มาก มากสำคัญได้ ลองมาดูที่ตัวอย่างทำซ้ำ ลองดูที่นี้โบรชัวร์จาก Nikon ดูรูปซ้ำที่เพียงจัดเรียงของแนะนำตา ลงผ่านทางขวา ลงผ่านทางด้านขวา ที่มีชนิดของการลดลงและกระแสที่คุณต้องการในการออกแบบชิ้นพวกเขายังใช้ซ้ำ พวกเขาได้นำสแควร์ที่ดำ บนหน้าหนึ่ง ที่ด้านล่างของอื่น ๆ มาก มากดี ที่นี่เรามีตัวอย่างซ้ำกับตราสินค้า เพื่อให้คุณมีโลโก้เดียวกันไว้ในทำนองเดียวกันในพื้นที่ต่าง ๆ เหล่านี้ทั้งหมด โครงร่างที่ใช้ทั้งหมดของหลักทรัพย์นี้สีเดียวกัน ที่สร้างซ้ำในหลายวิชา ผูกทั้งหมดนี้เข้าด้วยกัน และสร้างการรับรู้แบรนด์ง่ายสำหรับสินทรัพย์เหล่านี้ทั้งหมด นี่คือการออกแบบเมนูดี ที่ทุกอย่างจัดเรียงของตามรูปแบบเดียวกันคุณมีหัวเรื่องเดียวกัน ลักษณะย่อหน้าเดียวกัน ทุกการเรียงลำดับขั้นตอนเพียงซ้ายไปบนขวา ลงล่าง ง่าย และจังหวะตาม ในการออกแบบโลโก้ ก็ยังง่ายมากที่จะทำซ้ำ ดูที่โลโก้ชาแนลเช่น จังหวะในทั้งหมดของอักขระในโลโก้องค์ประกอบทั้งหมดจะมีลักษณะคล้าย คุณมี C ซ้ำที่ด้านบนซึ่งสร้างการจัดเรียงของไหลเป็นจังหวะกับโลโก้ สำหรับออดี้ ซึ่งมีวงกลมซ้ำเหนือเหมือนกัน และแน่นอน เรายังแล้ว PBS ซึ่งมีใบหน้าซ้ำที่สร้างจัดเรียงของกระแสเป็นจังหวะกับโลโก้ของพวกเขาความคมชัดได้อีกใหญ่สิ่งสำคัญที่ต้องการออกแบบ ซึ่งสร้างความแตกต่าง โดยการสร้าง หรือเน้นความแตกต่างระหว่างองค์ประกอบบนเพจของคุณได้ คุณได้ความคมชัด โดยใช้น้ำหนักที่แตกต่างกัน ขนาด หรือแม้แต่สี ตัวอย่างความคมชัดรวมของ Apple iPod สัญลักษณ์โฆษณา ซึ่งมีความแตกต่างสิ้นเชิงระหว่างเรื่อง และเบื้องหลัง และ iPod เองซึ่งถูกเน้นสีขาวสดใส ทุกหน้ามีความคมชัดแตกต่างจากองค์ประกอบอื่น ๆ ทำให้ง่ายสำหรับคุณที่จะไปจากที่หนึ่งไปยังอีก และเกือบจะอ่านเช่นหนังสือ แม้ว่าไม่มีคำใด ๆเดียวกันถือจริงสำหรับสิ่งต่าง ๆ เช่นโปสเตอร์ภาพยนตร์ เช็คนี้โปสเตอร์ภาพยนตร์จากแบทแมน ที่ธาตุมืดทั้งหมดจัดเรียงของมาร่วมกัน และสร้างส่วนแตกต่างกันตรงกลางที่คุณสามารถดูรูปโลโก้แบทแมนของจริง และสุดท้าย หนึ่งตัวอย่างที่คลาสสิกมากที่สุดของความคมชัดได้ให้ หนังสือพิมพ์ ที่ว่าทำไมพวกเขากำลังง่ายอ่าน พื้นหลังสีขาว มีข้อความสีดำได้ มีอะไรง่าย ๆ ไม่มีอะไรง่ายในการอ่าน และไม่มีอะไรมากต่างสีขาวและสีดำ พูดของช่องสีขาว หรือรู้จักกันเป็น unquote การ ใบเสนอราคา ศิลปะของอะไร มาก มากสำคัญอีกทักษะที่คุณควรพยายามที่จะเรียนรู้ และพยายามหลักรวดเร็วเท่าที่คุณสามารถบางคนอ้างถึงนี้เป็นเรียบง่าย ทำการออกแบบคอมพิวเตอร์เป็นที่สุด โดยใช้ช่องว่างอย่างมีประสิทธิภาพ ตัวอย่างเช่นใช้ช่องว่างรวมโฆษณานี้จากแมคโดนัลด์ ตอนนี้ ไม่จำเป็นต้องสีขาวพื้นหลัง และที่ไม่เป็นไร ช่องว่างไม่จำเป็นต้องเป็นสีขาว มันเป็นเพียงการขาดงานของบางสิ่งบางอย่างที่มีบนหน้า ดังนั้นในกรณีนี้ นี้เป็นตาขอ WiFi ของใหม่ที่ร้านอาหารของพวกเขา และคุณสามารถดูที่นี่จะทอดเพียงในรูปร่างของรูปแบบ WiFi ที่ส่วนล่างสุดขวา เป็นวลีเดียวน้อย รักฟรี WiFiThat's it. Everything else draws your attention into that one spot and that's an effective use of white space. Same for this coffee house right here, and it says simply feel stimulating. And so it's a very interesting piece right here that draws you in it looks like glasses almost like hipster style glasses. But also, it's titled a little bit so that you realize it's a coffee cup. Again, drawing focus in by using nothing as a surrounding element. Same holds true in web design nowadays. Web design has a huge trend right now in white space and using minimalistic designs.Here's a great blog template, that I found on ThemeForest.net and this is a very interesting piece, because it has a big, bold background, but nothing else. That's it, and everything else is just right there centered in the middle. Same for this one right here. Look at all the white space that surrounds all of the element

การแปล กรุณารอสักครู่..

ผลลัพธ์ (ไทย) 2:[สำเนา]

คัดลอก!

สำรวจหลักการของรูปแบบและองค์ประกอบของหลักการของรูปแบบและองค์ประกอบที่มีความสำคัญมากกับแนวคิดโดยรวมของการออกแบบกราฟิก และถ้าคุณมีการจัดการที่ดีในหลักการเหล่านี้คุณจะไม่สามารถที่จะกลายเป็นนักออกแบบกราฟิกที่ดี ในหนังเรื่องนี้ผมจะสำรวจหลักการของรูปแบบและองค์ประกอบในวิธีที่ง่ายมาก เพื่อช่วยให้คุณเข้าใจที่ลึกซึ้งของความแตกต่างที่ไปพร้อมกับพวกเขาและเพื่อให้คุณสามารถเริ่มต้นที่จะนำผู้ที่อยู่ในการเล่นในขณะที่เราเริ่มต้นในการสร้างการออกแบบของเราตลอดหลักสูตรนี้ มีจริงหกหลักการพื้นฐานที่ฉันจะได้รับการพูดคุยเกี่ยวกับ. , Balance, ใกล้ชิด, การจัดตำแหน่งการทำซ้ำความคมชัดและพื้นที่สีขาว ขอเริ่มต้นด้วยความสมดุล. 1.Balance เป็นเพียงน้ำหนักภาพของวัตถุในรูปแบบ มีสามวิธีที่คุณสามารถมีความสมดุล แรกคือสมมาตรที่สองคือไม่สมดุลและสุดท้ายคือรัศมี เพื่อความสมดุลสมมาตรคุณจะสามารถมองเห็นน้ำหนักทุกอย่างเหมือนกันในทุกด้านของการออกแบบ. 2, ตั้งอยู่ใกล้: ใกล้เคียงหมายถึงวิธีการมีการจัดกลุ่มรายการและระยะห่างในหน้า เมื่อคุณกำลังพูดถึงความใกล้ชิดที่คุณต้องการไปยังกลุ่มเช่นรายการด้วยกัน. และคุณต้องการที่จะแยกพวกเขาจากการจัดกลุ่มวัตถุอื่น ๆ บนหน้า นี้จะไปจับมือกับการจัดตำแหน่งซึ่งหมายถึงการเก็บรักษาวัตถุในแนวเดียวกันกับอีกคนหนึ่งในการออกแบบของคุณ วิธีที่ง่ายที่สุดที่จะได้รับสิ่งที่ดีที่การจัดกลุ่มและการจัดตำแหน่งวัตถุคือการใช้ตารางและกริดเป็นวิธีที่ง่ายและง่ายที่จะทำให้แน่ใจว่าคุณมีระยะห่างที่สอดคล้องกันการจัดกลุ่มและการจัดตำแหน่งสำหรับทุกองค์ประกอบที่คุณออกแบบ. 3.Repetition: ซ้ำเป็นบางสิ่งบางอย่างที่ผูกการออกแบบของคุณร่วมกัน มันจะสร้างจังหวะและให้การออกแบบของคุณลดลงและการไหล มันเป็นเรื่องสำคัญมาก ลองมาดูที่บางตัวอย่างของการทำซ้ำ ลองดูที่โบรชัวร์จาก Nikon นี้ ดูรูปแบบการทำซ้ำที่เพิ่งแนะนำการจัดเรียงของตาของคุณลงไปทางด้านขวาลงไปทางด้านขวา นั่นเป็นชนิดของการลดลงและการไหลที่คุณต้องการในการออกแบบชิ้นของคุณ. พวกเขาได้ซ้ำยังใช้ พวกเขาได้กลับมาใช้ใหม่ที่สี่เหลี่ยมสีดำที่ด้านบนของหน้าหนึ่งที่ด้านล่างของที่อื่น ๆ มากดีมาก ที่นี่เรามีตัวอย่างของการทำซ้ำกับการสร้างตราสินค้าเพื่อให้คุณมีโลโก้เดียวกันวางไว้ในทำนองเดียวกันในทุกพื้นที่ที่แตกต่างกันเหล่านี้ โทนสีเดียวกับที่ใช้ในทุกหลักประกันนี้ ที่สร้างซ้ำข้ามวิชาหลายผูกสิ่งเหล่านี้เข้าด้วยกันและสร้างการรับรู้แบรนด์ง่ายสำหรับทั้งหมดของสินทรัพย์เหล่านี้ นี่คือการออกแบบเมนูที่ดีที่ทุกอย่างต่อไปนี้เรียงลำดับของรูปแบบเดียวกัน. คุณมีหัวเดียวกันรูปแบบวรรคเดียวกัน ทุกอย่างเพียงแค่การจัดเรียงของกระแสซ้ายไปขวาบนลงล่างที่ง่ายและเป็นจังหวะที่จะปฏิบัติตาม ในการออกแบบโลโก้ก็ยังเป็นเรื่องง่ายมากที่จะมีการทำซ้ำ ดูโลโก้ชาแนลสำหรับอินสแตนซ์ทั้งหมดของจังหวะในทุกตัวละครในองค์ประกอบของโลโก้จะคล้ายกันมาก คุณมี C การทำซ้ำที่ด้านบนซึ่งจะสร้างการเรียงลำดับของการไหลจังหวะโลโก้ เดียวกันสำหรับออดี้ซึ่งมีการทำซ้ำวงกลมด้านบน และแน่นอนเรายังมีพีบีเอสซึ่งมีใบหน้าซ้ำที่สร้างเรียงลำดับของการไหลของจังหวะการโลโก้ของพวกเขา. คมชัดเป็นอีกหนึ่งสิ่งที่สำคัญขนาดใหญ่ที่ความต้องการของการออกแบบ ซึ่งเป็นที่ที่คุณสามารถสร้างความแตกต่างด้วยการสร้างหรือการเน้นความแตกต่างระหว่างองค์ประกอบบนหน้าของคุณ คุณอาจจะแตกต่างจากการใช้น้ำหนักที่แตกต่างกัน, ขนาดหรือแม้กระทั่งรูปแบบสี ตัวอย่างบางส่วนของความคมชัดรวมถึงโฆษณา iPod สัญลักษณ์ของ Apple ซึ่งมีทางตรงกันข้ามระหว่างวัตถุและฉากหลังและยัง iPod ตัวเองซึ่งเป็นไฮไลต์ในสีขาวสว่าง ทุกอย่างในหน้านี้มีความคมชัดแตกต่างจากองค์ประกอบอื่น ๆ ที่ทำให้มันง่ายสำหรับคุณที่จะไปจากที่หนึ่งไปยังที่อื่น ๆ และเกือบจะอ่านมันเหมือนหนังสือแม้ว่าจะมีไม่คำพูดใด ๆ . เดียวกันถือเป็นจริงสำหรับสิ่งที่ต้องการโปสเตอร์ภาพยนตร์ ตรวจสอบโปสเตอร์หนังเรื่องนี้จากอัศวินดำที่ทั้งหมดขององค์ประกอบที่มืดเรียงลำดับของการมาร่วมกันและสร้างความแตกต่างส่วนที่อยู่ตรงกลางที่คุณสามารถมองเห็นรูปร่างของโลโก้ของแบทแมน และในที่สุดหนึ่งในตัวอย่างที่คลาสสิกที่สุดของความคมชัดจะต้องมีหนังสือพิมพ์ นั่นเป็นเหตุผลที่พวกเขากำลังเพื่อง่ายต่อการอ่าน มันเป็นพื้นหลังสีขาวที่มีข้อความสีดำ ไม่มีอะไรง่ายขึ้นไม่มีอะไรมากง่ายต่อการอ่านและไม่มีอะไรเพิ่มเติมกว่าเทียบสีขาวและสีดำ การพูดของสีขาว, พื้นที่สีขาวที่เรียกว่าคำพูด unquote ศิลปะจากไม่มีอะไรเป็นอีกหนึ่งมากทักษะที่สำคัญมากที่คุณควรพยายามที่จะเรียนรู้และพยายามที่จะโทเป็นอย่างที่คุณสามารถ. บางคนอ้างถึงนี้เป็นศิลปะทำให้ การออกแบบที่เป็นที่กระจายตัวกันที่เป็นไปได้โดยใช้ช่องว่างได้อย่างมีประสิทธิภาพ ตัวอย่างบางส่วนของช่องว่างที่ใช้เป็นอย่างดีรวมถึงการโฆษณาจากโดนัลด์นี้ ตอนนี้พื้นหลังเป็นสีขาวไม่จำเป็นและไม่เป็นไร ช่องว่างไม่จำเป็นต้องเป็นสีขาวก็เพียงตัวตนของสิ่งที่อยู่ที่นั่นในหน้า ดังนั้นในกรณีนี้นี้เป็นการนำเสนออินเตอร์เน็ตไร้สายใหม่ของพวกเขาที่ร้านอาหารของพวกเขาและคุณสามารถดูที่นี่เป็นเพียงมันฝรั่งทอดในรูปของรูปแบบอินเตอร์เน็ตไร้สายที่ด้านล่างขวามากก็เป็นเพียงหนึ่งในวลีเล็ก ๆ น้อย ๆ ความรักฟรี WiFi. นั่นแหล่ะ ทุกสิ่งทุกอย่างดึงความสนใจของคุณให้เป็นที่จุดหนึ่งและนั่นคือการใช้งานที่มีประสิทธิภาพของพื้นที่สีขาว เดียวกันสำหรับบ้านกาแฟตรงนี้และกล่าวว่าเพียงแค่รู้สึกกระตุ้น และดังนั้นจึงเป็นชิ้นที่น่าสนใจมากที่นี่ที่ดึงคุณในการที่ดูเหมือนว่าเกือบจะเหมือนแว่นตาแว่นตาสไตล์ทันสมัย แต่ยังก็บรรดาศักดิ์นิด ๆ หน่อย ๆ เพื่อให้คุณรู้ว่ามันเป็นถ้วยกาแฟ อีกครั้งมุ่งเน้นในการวาดภาพโดยใช้อะไรเป็นองค์ประกอบโดยรอบ เดียวกันถือเป็นจริงในการออกแบบเว็บในปัจจุบัน ออกแบบเว็บมีแนวโน้มอย่างมากในขณะนี้ในพื้นที่สีขาวและการใช้การออกแบบที่เรียบง่าย. นี่คือแม่แบบบล็อกที่ดีที่ฉันพบใน ThemeForest.net และนี้เป็นชิ้นที่น่าสนใจมากเพราะมันมีขนาดใหญ่พื้นหลังตัวหนา แต่ไม่มีอะไรอื่น นั่นแหล่ะและทุกอย่างอื่นเป็นเพียงขวาศูนย์กลางมีที่อยู่ตรงกลาง เดียวกันสำหรับหนึ่งที่เหมาะสมที่นี่ ดูทุกพื้นที่สีขาวที่ล้อมรอบทั้งหมดขององค์ประกอบ

การแปล กรุณารอสักครู่..

ผลลัพธ์ (ไทย) 3:[สำเนา]

คัดลอก!

สำรวจหลักการรูปแบบและองค์ประกอบ

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

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

2 , ความใกล้ชิด : ความใกล้ชิดหมายถึงวิธีการรายการที่ถูกจัดกลุ่มและเว้นระยะในหน้าเมื่อคุณกำลังพูดเรื่องอะไร เช่น คุณต้องการ กลุ่ม เช่น รายการด้วยกัน

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

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

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

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

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

การแปล กรุณารอสักครู่..

ภาษาอื่น ๆ

การสนับสนุนเครื่องมือแปลภาษา: กรีก, กันนาดา, กาลิเชียน, คลิงออน, คอร์สิกา, คาซัค, คาตาลัน, คินยารวันดา, คีร์กิซ, คุชราต, จอร์เจีย, จีน, จีนดั้งเดิม, ชวา, ชิเชวา, ซามัว, ซีบัวโน, ซุนดา, ซูลู, ญี่ปุ่น, ดัตช์, ตรวจหาภาษา, ตุรกี, ทมิฬ, ทาจิก, ทาทาร์, นอร์เวย์, บอสเนีย, บัลแกเรีย, บาสก์, ปัญจาป, ฝรั่งเศส, พาชตู, ฟริเชียน, ฟินแลนด์, ฟิลิปปินส์, ภาษาอินโดนีเซี, มองโกเลีย, มัลทีส, มาซีโดเนีย, มาราฐี, มาลากาซี, มาลายาลัม, มาเลย์, ม้ง, ยิดดิช, ยูเครน, รัสเซีย, ละติน, ลักเซมเบิร์ก, ลัตเวีย, ลาว, ลิทัวเนีย, สวาฮิลี, สวีเดน, สิงหล, สินธี, สเปน, สโลวัก, สโลวีเนีย, อังกฤษ, อัมฮาริก, อาร์เซอร์ไบจัน, อาร์เมเนีย, อาหรับ, อิกโบ, อิตาลี, อุยกูร์, อุสเบกิสถาน, อูรดู, ฮังการี, ฮัวซา, ฮาวาย, ฮินดี, ฮีบรู, เกลิกสกอต, เกาหลี, เขมร, เคิร์ด, เช็ก, เซอร์เบียน, เซโซโท, เดนมาร์ก, เตลูกู, เติร์กเมน, เนปาล, เบงกอล, เบลารุส, เปอร์เซีย, เมารี, เมียนมา (พม่า), เยอรมัน, เวลส์, เวียดนาม, เอสเปอแรนโต, เอสโทเนีย, เฮติครีโอล, แอฟริกา, แอลเบเนีย, โคซา, โครเอเชีย, โชนา, โซมาลี, โปรตุเกส, โปแลนด์, โยรูบา, โรมาเนีย, โอเดีย (โอริยา), ไทย, ไอซ์แลนด์, ไอร์แลนด์, การแปลภาษา.