《寫給大家的設(shè)計(jì)書》讀書筆記

這是一本寫給設(shè)計(jì)菜鳥的設(shè)計(jì)書诊霹,看的出作者很用心幢泼,書中有大篇幅的舉例和實(shí)踐,在設(shè)計(jì)上給初學(xué)者的啟發(fā)很大洁仗。

寫給大家看的設(shè)計(jì)書腦圖.png

Part Ⅰ設(shè)計(jì)原則

四大設(shè)計(jì)原則

首先點(diǎn)出的就是4大設(shè)計(jì)原則:對比层皱、重復(fù)、對齊赠潦、親密性叫胖。這四個(gè)原則相輔相成地影響了一個(gè)設(shè)計(jì)的整體水平。

1. 親密性
親密性主要解決的問題是怎么讓用戶看出不同要素之間的邏輯關(guān)聯(lián)她奥?回答是:在視覺上進(jìn)行組織瓮增。將存在關(guān)聯(lián)的項(xiàng)在設(shè)計(jì)中通過文字大小怎棱、粗細(xì)、位置組織起來绷跑,將不存在關(guān)聯(lián)的區(qū)分開拳恋,可以讓設(shè)計(jì)更有條理,信息更容易被用戶接收你踩。就像現(xiàn)實(shí)中去圖書館可以發(fā)現(xiàn)诅岩,所有書都有被很好地歸納整理到不同的分區(qū)下,每個(gè)大的分區(qū)都有一個(gè)大的標(biāo)志牌進(jìn)行指示带膜,小分區(qū)的辨別也由書架上的小指示牌提供吩谦,因此我們才都能順利高效地找到自己想找的書,在設(shè)計(jì)的情況下膝藕,就是找到用戶想要了解的信息式廷。

u=2509996767,244300728&fm=23&gp=0.jpg

2. 對齊
對齊原則是指任何一個(gè)元素在設(shè)計(jì)中都不是孤立的,每一項(xiàng)都應(yīng)該和頁面上的某個(gè)內(nèi)容存在某種視覺聯(lián)系芭挽。要知道滑废,是所有元素共同構(gòu)成了一個(gè)作品,那么設(shè)計(jì)者們需要將這一點(diǎn)通過對齊來傳達(dá)出來袜爪,實(shí)現(xiàn)整體的統(tǒng)一性蠕趁。

在這一節(jié)中作者有一個(gè)很重要的觀點(diǎn)就是著力避免使用居中對齊,認(rèn)為居中對齊感覺太正式辛馆、穩(wěn)固俺陋,甚至讓人感到乏味,當(dāng)然考慮到其他特殊情況昙篙,他也指出居中對齊是可以做出優(yōu)秀的設(shè)計(jì)作品的腊状,但是這必須是設(shè)計(jì)者深思熟慮之后的決定,而這點(diǎn)也和后面的Robin打破規(guī)則(在打破規(guī)則之前必須清楚規(guī)則是什么)相匹配苔可。在我看來缴挖,即使居中對齊已經(jīng)存在了太久,但是人們對于居中的厭煩感可能沒有作者想象的那么嚴(yán)重焚辅,作者具體提出的居中對齊的解決方案(文本塊不居中映屋、文本放在頁面上方、采用隨意字體)也基本使用與其它對齊方式同蜻,居中和不居中應(yīng)該針對場景做出選擇秧荆,具體情況具體分析,或許我們可以對居中對齊更加寬容一些埃仪。

img20100924221608uO1D0.jpg

3.重復(fù)
重復(fù)原則關(guān)注的是作品的一致性,設(shè)計(jì)者們需要做的是把把已有的重復(fù)元素取出陕赃,讓這些元素更生動卵蛉、更強(qiáng)調(diào)颁股,這其中具體的操作就要牽涉到另外三條原則的應(yīng)用了,總體上來說就是要讓用戶意識到這是一個(gè)完整的作品傻丝!

4.對比
對比原則指出頁面上不同的元素之間要有對比效果甘有,這樣不僅可以吸引用戶,有強(qiáng)調(diào)的突出還能讓他們的閱讀更加流暢葡缰,幫助用戶把注意力放到真正有價(jià)值的地方上去亏掀。其中,作者提到了一個(gè)指導(dǎo)性原則:不要畏畏縮縮泛释。如果一個(gè)兩個(gè)元素有區(qū)別滤愕,但是設(shè)計(jì)者設(shè)計(jì)得過于小心謹(jǐn)慎,大概就是這個(gè)效果:

timg (1).jpg

用戶會想:嗯怜校?這是同一個(gè)人么间影?顯然,這不是一個(gè)好的設(shè)計(jì)茄茁,這不是對比魂贬,而是沖突,因此裙顽,如果想要區(qū)別對比那就大膽的設(shè)計(jì)付燥,設(shè)計(jì)者的畏縮是用戶的災(zāi)難。

顏色運(yùn)用

顏色的運(yùn)用是實(shí)現(xiàn)對比愈犹、保持一致性的重要手段之一键科,本節(jié)中作者科普了顏色的一些基礎(chǔ)性知識,包括色輪的概念甘萧,以及互補(bǔ)色萝嘁、三色組、類似色的具體適用情況扬卷,顏色的應(yīng)用結(jié)合之前上一個(gè)模塊提到的設(shè)計(jì)四大原則牙言,可以有效幫助用戶獲取關(guān)鍵信息。

timg.jpg

Part Ⅱ 字體設(shè)計(jì)

一個(gè)設(shè)計(jì)作品最主要的目的是傳達(dá)信息怪得,不管是通過圖片還是文字咱枉,因此作者將第二部分全部用來講解字體的設(shè)計(jì),傳達(dá)出字體才是設(shè)計(jì)的根本這一思想徒恋,個(gè)人不完全同意這個(gè)思想蚕断,或許是對于“設(shè)計(jì)”概念理解的偏差,在我的理解里里所有的藝術(shù)都算是一種設(shè)計(jì)入挣,比如一張攝影作品和一幅油畫亿乳,畢竟最終呈現(xiàn)出的東西都是設(shè)計(jì)者們經(jīng)過精心的設(shè)計(jì)(角度選擇、顏色排版)后的結(jié)果,只能說在包含文字的設(shè)計(jì)中葛假,字體設(shè)計(jì)是設(shè)計(jì)很重要的一部分障陶。

u=2079495909,176183689&fm=23&gp=0.jpg

字體效果

首先作者向我們科普了字體一些基本的信息,包括相關(guān)符號的使用場景聊训,以及一系列需要注意的排版細(xì)節(jié)抱究,然后就提到了不同字體的使用可以達(dá)到的三種效果:協(xié)調(diào)、沖突带斑、對比鼓寺。其中不得不提的一點(diǎn)還是沖突,處于協(xié)調(diào)和對比的中間地帶勋磕,正位于一個(gè)不尷不尬的位置妈候,把判斷的過程交給了用戶,要知道朋凉,設(shè)計(jì)最終的目標(biāo)是為了更好地傳達(dá)信息州丹,任何干擾用戶的設(shè)計(jì)都是不可取的。

字體對比

首先看字體設(shè)計(jì)的目的:美觀杂彭、加強(qiáng)意思表達(dá)墓毒,即突出關(guān)鍵信息。作者提出具體的對比要素有大小亲怠、粗細(xì)所计、結(jié)構(gòu)、形狀团秽、方向主胧、顏色。最后作者還指出要結(jié)合多種對比习勤,具體原因還是之前提到的:如果想要通過對比突出踪栋,那就大膽強(qiáng)烈地進(jìn)行設(shè)計(jì)!多種對比可以帶來更加強(qiáng)的視覺突出效果图毕,舉個(gè)栗子夷都,如果你眼前有兩朵野花,你可能不知道看哪朵予颤,如果是一朵牡丹和一朵野花呢囤官?如果是一朵紅牡丹和一朵白野花呢?

Part Ⅲ 其他

最后一部分主要是對前面內(nèi)容的總括蛤虐,概括出設(shè)計(jì)過程如下:從中心點(diǎn)開始(找出重點(diǎn))→信息分組→建立明確的對齊→創(chuàng)建重復(fù)→強(qiáng)烈對比党饮。另外,作者還強(qiáng)調(diào)了實(shí)踐的重要性驳庭,設(shè)計(jì)其實(shí)存在在我們生活的每一個(gè)角落刑顺,細(xì)心觀察,用心研究,那就離脫離設(shè)計(jì)小白不遠(yuǎn)了╮(╯▽╰)╭捏检。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荞驴,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子贯城,更是在濱河造成了極大的恐慌,老刑警劉巖霹娄,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件能犯,死亡現(xiàn)場離奇詭異,居然都是意外死亡犬耻,警方通過查閱死者的電腦和手機(jī)踩晶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來枕磁,“玉大人渡蜻,你說我怎么就攤上這事〖萍茫” “怎么了茸苇?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長沦寂。 經(jīng)常有香客問我学密,道長,這世上最難降的妖魔是什么传藏? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任腻暮,我火速辦了婚禮,結(jié)果婚禮上毯侦,老公的妹妹穿的比我還像新娘哭靖。我一直安慰自己,他們只是感情好侈离,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布试幽。 她就那樣靜靜地躺著,像睡著了一般霍狰。 火紅的嫁衣襯著肌膚如雪抡草。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天蔗坯,我揣著相機(jī)與錄音康震,去河邊找鬼。 笑死宾濒,一個(gè)胖子當(dāng)著我的面吹牛腿短,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼橘忱,長吁一口氣:“原來是場噩夢啊……” “哼赴魁!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起钝诚,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤颖御,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后凝颇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體潘拱,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年拧略,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了芦岂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,561評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡垫蛆,死狀恐怖禽最,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情袱饭,我是刑警寧澤川无,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站宁赤,受9級特大地震影響舀透,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜决左,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一愕够、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧佛猛,春花似錦惑芭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至婴渡,卻和暖如春幻锁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背边臼。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工哄尔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人柠并。 一個(gè)月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓岭接,卻偏偏與公主長得像富拗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子鸣戴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 四大基本原則 對比(Contrast)要避免頁面上的元素太過于相似 重復(fù)(Repetation)讓設(shè)計(jì)中的視覺要素...
    Esther的異想空間閱讀 582評論 0 50
  • 本書講了什么 復(fù)雜的設(shè)計(jì)原理在本書中凝煉為親密性啃沪、對齊、重復(fù)和對比這4個(gè)基本原則窄锅。作者以簡潔明快的風(fēng)格创千,將設(shè)計(jì)所必...
    少穻閱讀 2,122評論 0 14
  • 喜歡的事情就會努力的去做好盯串。2016年4月,我加入了一個(gè)喜歡的組織一一一女子合唱團(tuán)戒良。 每次站在演出的舞臺上体捏,我都會...
    點(diǎn)點(diǎn)李閱讀 234評論 0 0
  • 感覺大巴司機(jī)像個(gè)哲學(xué)家,現(xiàn)代版的孔夫子糯崎,雖然言語樸實(shí)卻句句在理几缭。人之成長源于欲,欲之膨脹沃呢,人性之腐壞年栓。欲之控,源于...
    北出菜奈閱讀 189評論 0 1
  • 我很高興 你餓的時(shí)候 繞過了手邊的牛奶 拿起了那杯水
    梁狗唏閱讀 203評論 0 2