設(shè)計(jì)的四個(gè)基本原則

image.png

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

我在上一篇文章《關(guān)于網(wǎng)頁排版和文章編輯那些事》的末尾提到一本書叫《寫給大家看的設(shè)計(jì)書》(英文名 The Non-Designer's Design Book )赌蔑。這是一本實(shí)用性遠(yuǎn)大于理論性的設(shè)計(jì)書。書如其名赋咽,即使是沒有受過設(shè)計(jì)專業(yè)教育的人也能從中學(xué)到非常實(shí)用的設(shè)計(jì)理念和方法。不管你是剛?cè)胄械脑O(shè)計(jì)獅、產(chǎn)品狗還是跟我一樣前臺(tái)端盤子的鸭丛,這本書都值得你去讀一讀。

本書作者首先通過講述一個(gè)小故事來闡述一個(gè)很重要的概念:

一旦你能夠說出什么東西的名字眉抬,就會(huì)很容易注意到它。你就會(huì)掌握它懈凹,擁有它蜀变,使它在你的控制之中。當(dāng)我們沒用聽說過一些設(shè)計(jì)的概念介评,我們就很難會(huì)注意到一個(gè)設(shè)計(jì)作品上的問題库北、缺漏,更不可能做出良好的設(shè)計(jì)们陆。

細(xì)心品味這句話寒瓦。

四大基本原則

1. 對(duì)比(Contrast)

對(duì)比的基本思想就是要避免頁面上的元素太過相似。如果元素(字體坪仇、顏色杂腰、大小、線寬烟很、形狀颈墅、空間等)不相同,那就干脆讓它們截然不同雾袱。對(duì)比能夠讓訊息更準(zhǔn)確的傳達(dá)恤筛,內(nèi)容更容易的被找到、被記住芹橡。如果你想讓對(duì)比效果更明顯毒坛,就一定要大膽,不要讓兩種顏色看起來好像差不錯(cuò)又不一樣林说。當(dāng)然也不要在同一個(gè)頁面使用太多種字體煎殷。

2. 重復(fù)(Repetition)

重復(fù)的目的就是“一致性”,讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)腿箩『乐保可以重復(fù)顏色、形狀珠移、材質(zhì)弓乙、空間關(guān)系、線寬钧惧、材質(zhì)暇韧、空間等。這樣一來既能增加條理性浓瞪,又能增加統(tǒng)一性懈玻。

3. 對(duì)齊(Alignment)

任何東西都不能在頁面上隨意安放。每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系乾颁。這樣能夠建立一種清晰涂乌、精巧而清爽的外觀艺栈,提升可讀性。避免一個(gè)頁面上混用多種對(duì)其模式骂倘,也就是不要有一些置左眼滤,有一些置右巴席。盡量避免使用居中對(duì)齊历涝,除非是比較正式、穩(wěn)重的設(shè)計(jì)(別動(dòng)不動(dòng)就讓什么都居中漾唉,有些時(shí)候居中是一種很土的對(duì)齊方式)荧库。

4. 親密性(Proximity)

彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近,歸組在一起赵刑。如果多個(gè)項(xiàng)相互之間存在很近的親密性分衫,它們就會(huì)成為一個(gè)視覺單元,而不是多個(gè)孤立的元素般此。這有助于組織信息蚪战,減少混亂,為讀者提供清晰的結(jié)構(gòu)铐懊。

我的感悟

Robin(本書作者)所提出的設(shè)計(jì)的四大基本原則雖然看似簡單邀桑,卻是其他設(shè)計(jì)理論的基礎(chǔ)。比如單就網(wǎng)頁的文章排版來說科乎,遵從這四個(gè)基本原則壁畸,就完全可以做出一個(gè)比較好的頁面排版效果。 所以茅茂,不論你是從事傳統(tǒng)的平面版式設(shè)計(jì)捏萍,還是當(dāng)今流行的Web設(shè)計(jì),不論是現(xiàn)在還是今后空闲,它都具有實(shí)際的指導(dǎo)意義令杈。

然而知易行難,只有在平時(shí)的生活碴倾、工作和學(xué)習(xí)中多留心逗噩、多思考、多實(shí)踐影斑、多總結(jié)给赞,才能真正領(lǐng)會(huì)本書的真正用心,提高一點(diǎn)審美品味和設(shè)計(jì)的基本能力矫户。

如果說文章是作者和讀者之間的一座橋梁片迅,那么糟糕的排版設(shè)計(jì)就是一條獨(dú)木橋,而好的排版設(shè)計(jì)是寬闊堅(jiān)實(shí)的現(xiàn)代化大橋皆辽。我覺得柑蛇,所謂好的閱讀體驗(yàn)無外乎兩點(diǎn)芥挣,一是內(nèi)容的易讀性,一是信息盡量準(zhǔn)確無誤的傳達(dá)耻台。而好的排版設(shè)計(jì)空免,也應(yīng)該實(shí)現(xiàn)這兩點(diǎn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末盆耽,一起剝皮案震驚了整個(gè)濱河市蹋砚,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌摄杂,老刑警劉巖坝咐,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異析恢,居然都是意外死亡墨坚,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門映挂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來泽篮,“玉大人,你說我怎么就攤上這事柑船∶背牛” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵椎组,是天一觀的道長油狂。 經(jīng)常有香客問我,道長寸癌,這世上最難降的妖魔是什么专筷? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮蒸苇,結(jié)果婚禮上磷蛹,老公的妹妹穿的比我還像新娘。我一直安慰自己溪烤,他們只是感情好味咳,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著檬嘀,像睡著了一般槽驶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鸳兽,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天掂铐,我揣著相機(jī)與錄音,去河邊找鬼。 笑死全陨,一個(gè)胖子當(dāng)著我的面吹牛爆班,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辱姨,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼柿菩,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了雨涛?” 一聲冷哼從身側(cè)響起枢舶,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎镜悉,沒想到半個(gè)月后祟辟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體医瘫,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡侣肄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了醇份。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片稼锅。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖僚纷,靈堂內(nèi)的尸體忽然破棺而出矩距,到底是詐尸還是另有隱情,我是刑警寧澤怖竭,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布锥债,位于F島的核電站,受9級(jí)特大地震影響痊臭,放射性物質(zhì)發(fā)生泄漏哮肚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一广匙、第九天 我趴在偏房一處隱蔽的房頂上張望允趟。 院中可真熱鬧,春花似錦鸦致、人聲如沸潮剪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抗碰。三九已至,卻和暖如春绽乔,著一層夾襖步出監(jiān)牢的瞬間弧蝇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捍壤,地道東北人骤视。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像鹃觉,于是被迫代替她去往敵國和親专酗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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

  • 設(shè)計(jì)最有趣的地方在于它的通用性盗扇,不論是音樂祷肯、建筑還是工業(yè),設(shè)計(jì)的規(guī)則大同小異疗隶。 今天這篇文章來自紐約的產(chǎn)品設(shè)計(jì)師妹...
    王小布同學(xué)閱讀 644評(píng)論 0 9
  • 信息的傳遞最重要的是“可交付”佑笋,所以關(guān)鍵不在多,而是在于簡單直觀到可以被快速接受并且不容易忘記斑鼻。這樣才能快速的應(yīng)用...
    克拉克拉克閱讀 386評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案蒋纬? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評(píng)論 1 92
  • 本書講了什么 復(fù)雜的設(shè)計(jì)原理在本書中凝煉為親密性、對(duì)齊坚弱、重復(fù)和對(duì)比這4個(gè)基本原則蜀备。作者以簡潔明快的風(fēng)格,將設(shè)計(jì)所必...
    少穻閱讀 2,101評(píng)論 0 14
  • 一 做荒叶,就對(duì)了 生活中有很多事想做碾阁,拖著拖著,一直沒做些楣,漸漸沒了心情脂凶,“5分鐘起飛法”值得踐行,不給自己拖延的借口...
    明媚Stella閱讀 162評(píng)論 0 0