天才教育網(wǎng)合作機構 > 培訓機構 >

                                                                                        東莞設計培訓網(wǎng)

                                                                                        歡迎您!
                                                                                        朋友圈

                                                                                        全國統一學(xué)習專(zhuān)線(xiàn) 9:00-21:00

                                                                                        位置:培訓資訊 > 懸掛式版面設計

                                                                                        懸掛式版面設計

                                                                                        日期:2009-10-22 11:46:02     瀏覽:128    來(lái)源:東莞設計培訓網(wǎng)

                                                                                        【譯者的話(huà)】 在文字很多但圖片很少的情況下,你如何將一本冊子設計得整潔流暢,而且還讓人回味無(wú)窮?本文介紹了極佳的解決辦法:采用懸掛式版面安排元素,使到整個(gè)版面的視覺(jué)效果優(yōu)雅迷人,視野開(kāi)闊,品味十足,而且,設計起來(lái)還非常簡(jiǎn)單!

                                                                                        原文出處:

                                                                                        很多設計師都有這種經(jīng)歷,當你要為某份報告設計一本冊子時(shí),客戶(hù)交給你的東西往往都是有很多文字,但卻很少照片,而且各種信息都顯得很雜亂。你如何才能設計出一本閱讀流暢、視覺(jué)效果讓人覺(jué)得吸引的小冊子?

                                                                                        如果你去過(guò)一些展覽館看過(guò)作品展示,你或許可以吸取到一些設計上的靈感:在展覽時(shí),那些作品都是沿著(zhù)同一條水平高度整齊地掛在墻上——我們可以稱(chēng)這條水平線(xiàn)為 懸掛線(xiàn) ,作品上方留有很大的空間,這使到這些作品給人一種很強的流動(dòng)感,而上方的空間讓人覺(jué)得視野非常開(kāi)闊,觸動(dòng)人心??匆幌挛覀兪窃趺醋龅?。

                                                                                        水平線(xiàn)上,只有一個(gè)簡(jiǎn)單的標題

                                                                                        什么是我們所謂的懸掛線(xiàn)?你可以將它想象成我們晾衣服時(shí)的那根繩子。在設計中,這條線(xiàn)段使到每一個(gè)版面都讓人感覺(jué)開(kāi)闊。而這條線(xiàn)懸掛線(xiàn)一般是處于頁(yè)面高度的 1/4 的地方(見(jiàn)上圖)。水平線(xiàn)上整個(gè)空間除了標題就沒(méi)有其它東西占據著(zhù)。當然,這個(gè)標題一定要低調簡(jiǎn)單,不然,它就窒息了上方的空間,違背了我們的初衷。

                                                                                        這條懸掛線(xiàn)同時(shí)也是我們設計中的主線(xiàn)。在這條線(xiàn)的下方,我們要安排好一個(gè)網(wǎng)格線(xiàn),以便能夠定位要放置的設計元素,而且每一頁(yè)都是按照相同的網(wǎng)線(xiàn)來(lái)定位。


                                                                                        下方區域的設計:我們雖然有七個(gè)縱列,但并不表示你每一個(gè)元素都只能放在一個(gè)縱列里,事實(shí)上,不同的元素可以占用不同的縱列,如圖片,你將七個(gè)縱列全部占滿(mǎn)都可以。而文字則要保持一致。不要在正文中間留下太多的間隙或空間,這樣才能給人一種一氣呵成的閱讀快感!

                                                                                        問(wèn)題來(lái)了,文字要怎樣排版?每一欄文字要占用多少個(gè)縱例?請參考下方我們的一些提示:


                                                                                        注意在上方,當五列為一欄時(shí),文字的整體高度不需要到底部,比起其它排版,下方留有較多的空間,給人一種更強的引言文字感覺(jué)。

                                                                                        不同的信息可用不同的背景顏色來(lái)區分,讓人一看就知道這是兩部分不同的文字。但要注意,加上的背景顏色要填充整個(gè)版面,背景顏色在這里并不需要受那條水平線(xiàn)的限制,只是里面的內容要受水平線(xiàn)的限制,這樣才能給人一種整體協(xié)調的感覺(jué)。

                                                                                        “懸掛”圖片:象文字一樣,圖片同樣要“懸掛”在那條水平線(xiàn)下。為了使整個(gè)版面避免過(guò)于復雜化,我們將照片放大,一直到*部去,或者橫跨整個(gè)展開(kāi)頁(yè)。不要讓圖片下方留有太多的空間或者避免采用文字包圍圖片的排版方式,否則,會(huì )使整個(gè)版面顯得過(guò)于復雜,破壞了我們要讓整個(gè)設計給人一種干凈清爽的設計理念。

                                                                                        主要的圖片從上方一直到底部,而小圖片只是作為說(shuō)明的一部分。上方的示意圖中,灰色區域表示圖片,白色區域表示文字,上述提供了其中三種解決辦法供參考。

                                                                                        這是另一種解決辦法。圖片將多出的空間合間全部占滿(mǎn),而說(shuō)明文字則是在圖片的上方,這與上述的說(shuō)明文字放在旁邊不同。請細心體會(huì )這兩種不同的排版方式所帶出來(lái)的不同視覺(jué)效果。至于要具體選擇哪一種,則與你的具體圖片特征有關(guān)。

                                                                                        這里涉及到另一個(gè)很實(shí)際的問(wèn)題:一篇文章完了,下一篇從那里開(kāi)始?有兩種可能,一種是緊跟著(zhù)上一篇的結尾處開(kāi)始,而另一種是仍然選擇從最上方另起一頁(yè)重新開(kāi)始。在我們這里所介紹的這個(gè)排版中, 我們一定要保證所有的文章都是從最上方開(kāi)始的 ,不要從頁(yè)面的中間開(kāi)始。因為每個(gè)版面上方的開(kāi)闊空間已經(jīng)給人一種協(xié)調連續的感覺(jué),如果另一篇文章從頁(yè)里中間開(kāi)始,將會(huì )打亂這種流暢的節奏感。

                                                                                        第 2 篇報道仍然要從上方開(kāi)始

                                                                                        在一個(gè)版面上排版一篇長(cháng)文章,絕大多數情況下,在結尾的地方,總是離底部還有一些空間,不可能剛好填滿(mǎn)。如果這個(gè)空間不大,我們可以不理會(huì )它。但如果這個(gè)空間太大,我們也要避免讓下一篇文章從這里開(kāi)始。相反,我們可以通過(guò)調節其它的元素(如文字區域的整體高度等)重新分布區域,如使到每一頁(yè)都留有一點(diǎn)小空間,這樣可以使到*的結尾盡量靠近底部(見(jiàn)下方示意圖)。

                                                                                        這條懸掛線(xiàn)不但起著(zhù)支配里面元素擺放的位置的作用,而且它還可以起到一種聯(lián)系作用。如使到封面與內頁(yè)保持協(xié)調統一的感覺(jué)。

                                                                                        在最上圖的封面中,雖然飛機的尾部機翼超出了懸掛線(xiàn)的位置,但由于它并不顯眼,而且圖片的主要元素都在懸掛線(xiàn)之下,所以超出的這一小部分并不會(huì )破壞整個(gè)視覺(jué)。

                                                                                        在里面的展開(kāi)頁(yè)中,請留意文字的字體非常小,同時(shí)還有一個(gè)人造衛星在右邊較遠的地方,同樣我們將它縮得比較小,從而使整個(gè)頁(yè)里產(chǎn)生了一種很強烈的太空深邃感,在層次上產(chǎn)生了微妙的效果。

                                                                                        雖然從理論上講,封面與下方的展開(kāi)頁(yè)不可能同時(shí)會(huì )并列出現,但由于封面與緊跟著(zhù)的展開(kāi)頁(yè)都遵循懸掛線(xiàn)的定位,我們仍然可以在視覺(jué)上將它們聯(lián)系起來(lái)。

                                                                                        背景用了黑色,起到兩個(gè)作用: 1 、象懸掛線(xiàn)所起的作用一樣,黑色的背景將封面與里面的展開(kāi)頁(yè)聯(lián)成一體; 2 :黑色的背景給人一種太空感及厚重感,與我們所要涉及的主題非常配合。

                                                                                        本文所用顏色數值如下:

                                                                                        如果本頁(yè)不是您要找的課程,您也可以百度查找一下:

                                                                                        奇米在线7777在线精品|国产成人精品免费视|精品无码不卡一区二区三区|国内综合精品午夜久久资源|亚洲视频在线观看..