關于約書亞樹的故事
小時候宵睦,只是在電視上和收音機里聽到格桑花這種花墅诡,覺得這種名字的花應該生長在西藏壳嚎,所以就認為此生不可能見到這種花了。相反末早,家里院子中烟馅、上學的小路上,布滿了一種極易存活的花然磷,為此郑趁,給它取名‘滿天飛’。直到有一天姿搜,我收到一本關于植物的樹寡润,上面畫了格衫υ鳎花,赫然發(fā)現(xiàn)梭纹,原來躲惰,滿天飛就是格桑花变抽〈〔Γ「直到你能叫出他的名字,你才能擁有他绍载,掌握他」《千與千尋》里也有類似一幕诡宗,正是由于千尋呼喚出白龍的名字,白龍才重獲自由击儡。這也就是古語說的:名不正塔沃,言不順。
四大基本原則(CRAP)
對比(Contrast)
避免頁面上的元素太過相似阳谍,如果元素(字體芳悲、顏色、大小边坤、線寬名扛、形狀、空間等)不相同茧痒,那就干脆讓他們截然不同肮韧。要讓頁面引人注目,對比通常是最重要的一個因素旺订,正式它能使讀者首先看這個頁面弄企。
重復(Repetition)
讓設計中的視覺要素在整個作品中重復出現(xiàn),可以重復顏色区拳、形狀拘领、材質、空間關系樱调、線寬约素、字體、大小和圖片笆凌,等等圣猎。從而增加條理性和統(tǒng)一性。
對齊(Alignment)
任何東西都不能在頁面上隨意安放乞而。每個元素都應與頁面的另一個元素有種視覺聯(lián)系送悔,這樣能建立一種清晰、精巧而且清爽的外觀。
親密性(Proximity)
彼此相關的項欠啤,應當靠近荚藻,歸組在一起。如果多個項之間存在很近的親密性洁段,它們就會成為一個視覺單元应狱,而不是多個孤立的元素。這有助于組織信息眉撵,減少混亂侦香,為讀者提供清晰的結構落塑。
注解:4個原則都出現(xiàn)于格式塔遠離(《認知與設計》這本書里有詳細的介紹)
親密性
Robin親密性原則:將相關的項組織一起纽疟。物理位置的接近就意味著存在關聯(lián)。(eg.在街上行走的人)
目的:1.使頁面變得更有條理憾赁;2.引領視線污朽,從哪里開始閱讀,從哪里結束龙考;3.留白會使頁面更有呼吸感蟆肆。
如果多個項之間存在很近的親密性,他們將會成為一個視覺單元晦款,而不是多個孤立的元素炎功。彼此相關的項應當歸在一組。要有意識地注意你是怎樣閱讀的缓溅,你的視線怎樣移動:懂哪里開始蛇损;沿著怎樣的路徑;到哪里結束坛怪;讀完之后淤齐,接下來看哪里?真?zhèn)€過程應當是一個合理的過程袜匿,又確定的開始更啄,而且要有確定的結束。
親密性的根本目的是誰實現(xiàn)組織性居灯。盡管其他原則也能達到這個目的祭务,不過利用親密性原則,只需簡單地將相關的元素分在一組建立更近的親密性怪嫌,就能自動實現(xiàn)條理性和組織性待牵。試想下,有條理的信息和混亂無章的信息哪個更適合閱讀喇勋,哪個更容易被記住缨该。此外親密性的副產品是留白,一定的留白是整個畫面看上去具有呼吸感川背。
對齊
設計新手往往會很草率贰拿,只要頁面上剛好有空間蛤袒,就會把文本和圖片放在那里,全然不考慮頁面上的其他項膨更。對齊可以使視覺上存在一條隱形的線妙真,把界面的元素連接起來。
eg.混亂的排版就像是擁擠在地鐵門口的人群荚守,看起來雜亂無章珍德,使我們無所是從。
建議左對齊或右對齊的原因:居中對齊時矗漾,邊界是軟的锈候,看不出來“對齊線”的強度。書本或材料的邊界敞贡,硬化了布局的邊緣使得元素間的聯(lián)系更加明顯可靠泵琳。居中對齊是新手常用的對齊方式,居中會創(chuàng)建一種更加正式誊役、沉穩(wěn)的外觀斜纪,這種外觀顯得更加中規(guī)中矩松嘶,但通常是很乏味的。一般精巧的設計都沒有采用居中對齊。
多數(shù)婚禮都是采用居中對齊趾断,從而達到一種莊重的效果(居中很穩(wěn)固鸿脓,就算可愛的字體也不能使其拜托乏味感)
[12號Times系列字體居中排版躁愿,再加兩個回車镣屹,也是沒誰了]
排版時要傾聽你的眼睛,眼睛看向哪里甫男,路線是什么且改,這是最佳路徑嗎? 重要的信息是否都歸入了邏輯親密性中?對其是否對清晰的表達有幫助板驳?在這個小空間中畫下能表示已有對齊的垂直線又跛。
重復
Robin重復原則指出:設計的某些方面需要在整個作品中重復。
重復元素可能是一種粗字體若治、一條粗線慨蓝、某個項目符號、顏色端幼、設計要素礼烈、某種格式、空間關系等婆跑。讀者能看到的任何地方都可以作為重復元素此熬。
重復有助于組織信息,可以幫助讀者瀏覽各個頁面,也利于將設計中單獨的部分統(tǒng)一起來犀忱。即使在一個只有一頁的文檔中募谎,重復元素也可以建立一中連續(xù)性,將文檔“真?zhèn)€捆在一起”阴汇。如果在創(chuàng)建一個多頁的数冬、作為一個精美包裝一部分的文檔,充分使用重復就很關鍵搀庶。
設計中視覺元素的重復可以將作品中的各部分連在一起拐纱,從而統(tǒng)一并增強整個作品,否則這些部分只是彼此孤立的單元哥倔。重復不僅只對一頁的作品有用秸架,對于多頁文檔的設計更顯重要(保持一致性)
根本目的:統(tǒng)一,并增強視覺效果(多樣性的統(tǒng)一)未斑。如果一個作品看起來很有趣咕宿,那它往往也易于閱讀币绩。
對比
對比是為頁面增加視覺效果的最有效途徑蜡秽,也是不同元素之間建立一種有組織的層次結構最有效的方法。記住一條重要規(guī)則:要實現(xiàn)歐小的對比缆镣,對比就必須強烈芽突,不要畏畏縮縮。
對比不僅可以吸引眼球董瞻,還可以用來組織信息寞蚌、清晰層級、在頁面上指引讀者钠糊,并且制造焦點挟秤。
對比方式:字體大小對比;典雅的舊式體與加粗的無襯線體產生對比抄伍;細線與粗線的對比艘刚;冷色與暖色的對比;平滑材質與粗糙材質的對比截珍;水平元素(如很長的一行文本)與垂直元素(如又高又窄的一列文本)的對比攀甚;間隔很寬的文本行與緊湊在一切
字體設計
符號
1.標點后面空一格
2.打字機引號“”,印刷引號6699,(option+[/])
3.撇號‘(單引號)(option+shift+])
4.連字符:表示鏈接 (-)
5.一字線:表示范圍岗喉,寬度等于大寫N的寬度(option+-)
6.破折號:表示思想突然變化秋度,或者句子中的句號表意太強,而逗號表意太弱的情況下可以使用(shift+-)
7.特殊符號:
補充? option+shift+k
résumé
保持統(tǒng)一的前提下钱床,區(qū)分信息層級荚斯,從而更好的表達信息。
字體對比有6種明確的不同方式:大小、粗細事期、結構拐格、形狀、方向和顏色刑赶。
字體的種類
舊式體(Oldstyle)基于手寫體創(chuàng)建的
現(xiàn)代體(Modern)外觀很醒目捏浊,給人震撼感覺,但由于有強烈的粗細過度撞叨,不適合作為大量的正文文字金踪。
粗襯線體(Slab serif)隨著工業(yè)革命,廣告產生牵敷,用于海報的字體胡岔。沒有強烈的粗細變化,適用于文本內容枷餐,然而相對單一靶瘸。
無襯線體(Sans serif)適用于屏幕而不適用于印刷
手寫體(Script)像奶酪蛋糕,少些才不會覺得惡心
花體(Decorative)有時名人名言可以使用
字體的對比
大忻摺(size)怨咪、粗細(weight)、結構(structure)润匙、形狀(form)诗眨、方向(Direction)、顏色(color)
排版的幾個步驟
1.確定中心:確定希望讀者最先看到什么
2.將信息分組:按照邏輯進行分組孕讳,確定這些組之間的關系匠楚,通過之間的距離(親密性)來顯示這些關系
3.對齊原則:在頁面上組織文本和圖片時,要建立并維護明確的對齊厂财。如果能夠看到一個明顯的邊界芋簿,如照片邊界或者垂直線條,可以通過其他文本或對象的對齊來加強這個邊界
4.創(chuàng)建重復:可以使用粗字體璃饱、線与斤、裝飾符號或者某空間布局。
5.建立強烈的對比帜平。
來自琳琳老師