《寫給大家看的設(shè)計(jì)書》讀書分享-張超20151116

1、讀書分享張超設(shè)計(jì)的四大基本原則親密性彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近，歸組在一起。如果多個項(xiàng)相互之間存在很近的親的元素。還有助于組織信息，減少混亂，為讀者提供密性，它們就會成為一個視覺單元，而不是多個孤立清晰的結(jié)構(gòu)。親密性例子根本目的根本目的親密性的根本目的是實(shí)現(xiàn)組織性組織性如何如何實(shí)現(xiàn)實(shí)現(xiàn)微微瞇起眼睛，統(tǒng)計(jì)你的眼睛停頓的次數(shù)來數(shù)一數(shù)頁面上有多上個元素。如果頁面上的項(xiàng)超過3-5個（不是絕對的），就要看看那些孤立的元素可以歸在一起，使之成為一個單元格要避免的要避免的問題問題1.1.不要僅僅因?yàn)橛锌瞻拙桶丫瓢稍胤诺浇锹浠蛑醒?.2.避免一個頁面上有太多的孤立的元素3.3.不要在元素之間留出同樣大小的空白4.

2、4.標(biāo)題、子標(biāo)題、圖表標(biāo)題、圖片能否歸入其他的資料自由親密性的元素之間建立聯(lián)系5.5.不屬于同組的元素要分開對齊任何東西都不能在頁面上隨意安放。每個元素都應(yīng)該與頁面上的另一個元素有著某種視覺聯(lián)系。這樣就能建立一種清晰、精巧而且清爽的外觀。對齊實(shí)例根本目的根本目的親密性的根本目的是實(shí)現(xiàn)組織性組織性如何如何實(shí)現(xiàn)實(shí)現(xiàn)要特別注意元素放在哪里。應(yīng)當(dāng)總能在頁面上找出與之對齊的元素，盡管這兩個對象的物理位置可能相距很遠(yuǎn)。要避免的要避免的問題問題1.1.要避免在頁面上同時使用多種對齊方式 2.2.要盡量避免居中對齊，除非你有意識的想要創(chuàng)建一種比較正式的、穩(wěn)重的表示。并不是完全杜絕使用居中對齊，有時可以有意識的

3、使用這種對齊方式，但不要把它作為默認(rèn)的選擇。整的。重復(fù)讓設(shè)計(jì)中的視覺元素在整個作品中重復(fù)出現(xiàn)。可以重復(fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小、和圖片，等等。這樣一來，既能增加條理性，還可以加強(qiáng)統(tǒng)一性。重復(fù)實(shí)例根本目的根本目的重復(fù)的迷的就是統(tǒng)一，并增強(qiáng)視覺效果。統(tǒng)一，并增強(qiáng)視覺效果。不要低估頁面視覺效果的威力，如果一個作品看起來很有趣，它往往也更易于閱讀如何如何實(shí)現(xiàn)實(shí)現(xiàn)重復(fù)可以認(rèn)為是保持一致性，要避免的要避免的問題問題1.1.要避免在頁面上同時使用多種對齊方式 2.2.要盡量避免居中對齊，除非你有意識的想要創(chuàng)建一種比較正式的、穩(wěn)重的表示。并不是完全杜絕使用居中對齊，有時可以有意識的使用這種

4、對齊方式，但不要把它作為默認(rèn)的選擇。整的。對比對比的基本思想，要避免頁面上的元素太過相似。如果元素（字體，顏色、大小、線寬、形狀、空間等）不相同，那就干脆讓他們截然不同。截然不同。要讓頁面引人注目，對比通常是最重要的一個因素，正式它能使讀者首先看這個頁面根本目的根本目的對比的根本目的有兩方面，這兩個方面相輔相成，無法分開。一個目的是增強(qiáng)頁面的效果，如果一個頁面看起來很有意思，往往更有可讀性。另一個目的是有助于信息的組織。讀者應(yīng)當(dāng)能立即了解信息以何種方式組織，以及從一想到另一項(xiàng)的邏輯流程。對比元素不能讓讀者混淆，也不能錯誤的強(qiáng)調(diào)重點(diǎn)。如何如何實(shí)現(xiàn)實(shí)現(xiàn)可以通過字體、線寬、顏色、形狀、大小、空間等等

5、來增加對比。增加對比很容易，途徑也很多，這可能是增加視覺效果最有意思也最讓人滿意的方法了。重要的是對比一定要強(qiáng)烈。要避免的要避免的問題問題1.1.不要猶豫。如果你想形成對比，就要加大力度。不要將一種粗線和另一種粗線進(jìn)行對比。不要將棕色文本與黑色文本進(jìn)行對比。要避免使用兩種或多種類型字體。如果各個項(xiàng)不完全一樣，干脆讓它們截然不同。對比實(shí)例關(guān)于企業(yè)名片的設(shè)計(jì)格式格式字體大小字體大小創(chuàng)建名片、信箋和信創(chuàng)建名片、信箋和信封共有的一致圖像封共有的一致圖像首先是采用水平格式還是垂直格式通常表述信息更適合用垂直布局特別是在這么小的一張名片上訪這么多的信息。分別做個水平的和垂直的布局實(shí)驗(yàn)。從醫(yī)才是就是用9點(diǎn)，

6、甚至是7點(diǎn)或8點(diǎn)的字體會很困難，10點(diǎn)或11點(diǎn)的字體在書中看起開很正常，但是放在一張小名片上就會看起來很龐大。不過看看其他的企業(yè)的名片如果還計(jì)劃創(chuàng)建一個信箋以及與之匹配的信封，那么這三樣需要同時設(shè)計(jì)。企業(yè)名片、信箋 和信封的整個包裝應(yīng)當(dāng)為客戶和顧客提供一個一致的圖像關(guān)于設(shè)計(jì)新建和信封的提示信封規(guī)格信封規(guī)格創(chuàng)建中心點(diǎn)創(chuàng)建中心點(diǎn)第二頁第二頁對齊對齊傳真和復(fù)印傳真和復(fù)印歐洲的標(biāo)準(zhǔn)規(guī)格是110毫米*220毫米應(yīng)該有一個最突出的主導(dǎo)元素，而且在新建和信封上都應(yīng)當(dāng)同樣有這個主導(dǎo)元素。一定要避免新建使用乏味的頂部居中局部為信紙選擇一種對齊方式，不要將某些內(nèi)容在頂部居中，而把余下的內(nèi)容左對齊勇敢一點(diǎn)，放手去做

7、各種嘗試?？梢匝刂呌覍R，并有很大的行間距可以嘗試用很大的字體將公司名顯示在頂部，還可以嘗試將 logo標(biāo)志放大 并淡化 ，作為信件內(nèi)容區(qū)的底層陰影。如果有條件增加第二頁信紙，可以取第一頁上出現(xiàn)的一個小元素，第二頁上只使用這個小元素而不放其他內(nèi)容如果計(jì)劃通過傳真或復(fù)印機(jī)發(fā)送你的信箋，不要選擇深色或帶很多小點(diǎn)的紙張。還要避免大面積 的深色墨跡、反色文本或太小的字體新聞簡報的提示對齊對齊選擇一種對齊方式，然后堅(jiān)持一直堅(jiān)持這種對齊。另外要讓所有一切都對齊如果使用先，則起始點(diǎn)和結(jié)束點(diǎn)應(yīng)當(dāng)與另外某個元素對齊，如列邊界或列的底部。如果照片超出列邊界1/4英寸，應(yīng)當(dāng)剪掉一部分。如果所有的元素都很好的做到了

8、對齊，適當(dāng)?shù)臅r候可以打破這種對齊，要么對齊要么不對齊，要大膽。對比對比如果你的簡報看上去有些平淡，需要對標(biāo)題和子標(biāo)題使用一些效果強(qiáng)烈的粗體。段落縮進(jìn)段落縮進(jìn)第一段不要縮進(jìn)，即使跟在子標(biāo)題后面也是如此，如果確實(shí)需要縮進(jìn)，大約兩個空格，不能二者都有。正文應(yīng)當(dāng)可讀正文應(yīng)當(dāng)可讀為了得到最佳的可讀性，采用一款經(jīng)典的字體。明信片的設(shè)計(jì)關(guān)鍵是什么關(guān)鍵是什么首先是你想達(dá)到什么效果你希望瀆職認(rèn)為你宣傳的是一個昂貴的，絕無僅有的商品嗎？那你的明信片最好看上去也要像商品一樣的昂貴專業(yè)你是不是希望讀者認(rèn)為他們撿到了便宜？那你的明信片就不能太過精美對比對比設(shè)計(jì)明信片時，標(biāo)題應(yīng)當(dāng)與其與文本形成強(qiáng)烈的對比，打印的顏色是建議

9、及打印顏色與紙料顏色之間應(yīng)當(dāng)有強(qiáng)烈的對比，空白也能產(chǎn)生強(qiáng)烈的對比。吸引人的注意吸引人的注意明信片必須在很短的時間內(nèi)吸引別人的眼球來閱讀，因此要大膽一些，不論是油墨還是紙料都應(yīng)該選用明快的顏色。要使用使人震撼的圖片明信片的設(shè)計(jì)對比對比對于報紙廣告設(shè)計(jì)，不僅本身廣告需要設(shè)計(jì)，廣告語他所在那一頁的其他內(nèi)容也要對比，在這種廣告中產(chǎn)生對比的最佳方式是利用空白，報紙上往往有大量的內(nèi)容 很擠如果一個廣告有很大的空白 實(shí)現(xiàn)的脫穎而出。不要使用粗笨的字體。字體選擇字體選擇不要使用精巧的小字體，也不要使用很細(xì)的線反色文字反色文字要盡可能避免使用反色字體，如果必須使用，就確保是用一種合適的字體，其中沒有細(xì)線，反色字

10、體要使用稍大稍粗的字體設(shè)計(jì)網(wǎng)頁的提示重復(fù)重復(fù)在網(wǎng)站的每一頁面上重復(fù)某些視覺元素。不僅能讓訪問者知道他們換在你的網(wǎng)頁中，還提供了一種統(tǒng)一性和連續(xù)性，這是優(yōu)秀網(wǎng)頁必不可少的特性?？勺x性可讀性在屏幕上度文本相當(dāng)費(fèi)勁，不論是通過電視、視頻還是計(jì)算機(jī)，都不輕松。所以需要對web頁面上的文本做一些調(diào)整，確保盡可能地便于閱讀。與紙上相比，頁面時的行款要更短。正文絕對不能超出頁面的總寬度，這說明，必須把文本放在一個表中，不過使用太短的行寬也不好，止癢會導(dǎo)致不得不將句子過多的斷開。字體設(shè)計(jì)協(xié)調(diào)性協(xié)調(diào)性如果只是用一個字體系列，在樣式、大小、字體粗細(xì)等方面沒有什么變化，就會產(chǎn)生一種協(xié)調(diào)關(guān)系。保持頁面的協(xié)調(diào)性很容易而

11、且看上去這種安排很安靜，非常正式，有時也可以認(rèn)為是相當(dāng)乏味。對比關(guān)系對比關(guān)系如果結(jié)合使用了多種字體和元素彼此之間截然不同，就會出現(xiàn)一種對比關(guān)系。引人注目的靚麗設(shè)計(jì)往往包含大量的對比，而且這種對比會得到充分的強(qiáng)調(diào)。沖突性沖突性如果結(jié)合使用了多種字體，他們在央視、大小、字體粗細(xì)等方面很類似，就會成生一種沖突關(guān)系。這種相似性會造成一種困擾因?yàn)槲覀兯吹降牟煌耆粯樱膊煌耆灰粯?，所以他們是沖突的。字體的對比不能太保守不能太保守不要保守，大多數(shù)有效的字體布局都會充分的利用多種對比。例如如果結(jié)合使用可兩種可能相似的字體，每種字體有不同的結(jié)構(gòu)，則可以另外通過形狀對比強(qiáng)調(diào)它們的區(qū)別，此外還可以對它們的大小寫，方向進(jìn)行對比解決方法解決方法試圖找出一個更好的結(jié)局方案之前，必須發(fā)現(xiàn)問題所在，找出問題，必須努力尋找相似性，而不是差異。彼此競爭的兩個字體有什么相似之處 ？它們都是全大寫嗎？它們筆畫中都有強(qiáng)烈粗細(xì)對比嗎？粗細(xì)對比是否有效？大小對比呢？結(jié)構(gòu)對比呢？或許是中心點(diǎn)