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.

we're going to talk specifically about 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.

which refers to keeping objects in line with one another within your design. Let's take a look at this. So, here's an example of a webpage layout and we're just going to go piece by piece here and take a look at all of the different elements of the design. So at the very top here, you'll notice that everything is just sort of spread out. The menu item at the top is sitting alone by itself, but all of those items are grouped together. The logo, again a separate element over on the far left hand side, separated, and then a gigantic heading in the middle, creating a lot of space in between all of those elements.

But everything that is like, is grouped and everything is also separate at the same time. The same holds true for this area here. You have a clear distinction between the buttons that go across that say Creative Designs, Super Clean Code, etcetera, then you also have the groupings of these points over here on the left, with the big photo over here on the right. Everything is lined up in a unique way as well, all of those buttons at the top they are center aligned, the text over on the left is left justified and then you have the big image which is sort of floating over to the right.

This is just basically a repeated pattern from above reversed. The big image is now over on the left, group items are over on the right

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 elements

ผลลัพธ์ (ไทย) 1:

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

ผลลัพธ์ (ไทย) 2:

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

ผลลัพธ์ (ไทย) 3:

ศึกษาหลักการรูปแบบและองค์ประกอบ

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

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

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

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

นี่มันแค่ซ้ำแบบแผนจากด้านบนกลับ ภาพใหญ่ตอนนี้คือบนซ้าย รายการกลุ่มมากกว่าด้านขวา

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

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

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

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

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

นี่คือแม่แบบบล็อกที่ดีที่สุดที่ฉันพบใน themeforest.net และนี้เป็นชิ้นที่น่าสนใจมาก เพราะมีขนาดใหญ่ หนา พื้นหลัง แต่ไม่มีอะไรเกิดขึ้น นั่นมันและทุกอย่างอื่นเป็นเพียงที่นั่นเป็นศูนย์กลางในกลาง เดียวกันกับอันนี้นะคะ ดูทั้งหมดพื้นที่สีขาวที่ล้อมรอบทั้งหมดขององค์ประกอบ