《寫給大家看的設(shè)計書》

前幾天花了兩天看完了一本設(shè)計入門書籍《寫給大家看的設(shè)計書》曲尸,有所收獲,于是便想記錄下來男翰。這篇筆記先寫設(shè)計的四大原則另患。

這本書的作者Robin Williams是著名的設(shè)計師,還是一個很厲害的作者蛾绎,寫書很有一套昆箕。這本書里面的語言通俗易懂,比較生動租冠,而且學完一節(jié)知識鹏倘,后面還有對應(yīng)的習題,這對于鞏固知識很有幫助顽爹。

所以纤泵,想補設(shè)計基本功的同學可以先看看這本書。

設(shè)計四大原則:親密性镜粤、對齊捏题、重復和對比

1、親密性:相關(guān)聯(lián)的項組織在一起繁仁,物理位置的接近就意味著存在關(guān)聯(lián)涉馅。

無論是生活設(shè)計還是網(wǎng)頁設(shè)計中,如果把相關(guān)的元素分在一組黄虱,使它們建立更近的親密性稚矿,這會讓我們不論是從理解上還是視覺上看都很有條理,使表達的信息更清晰。

2晤揣、對齊:任何元素都不能在頁面上隨意安放桥爽。每一項都應(yīng)當與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。

我們的眼睛都喜歡看整齊昧识、清楚的事物钠四,頁面元素整齊、結(jié)構(gòu)清晰能幫助我們更好的表達信息跪楞,也提高了用戶體驗缀去。

在頁面使用對齊原則時,作者提到

頁面上只使用一種文本對齊甸祭,要么所有文本都左對齊缕碎,或右對齊或全部居中。

同時池户,作者提醒咏雌,居中對齊是保守的、傳統(tǒng)的校焦,要著力避免居中對齊赊抖,除非你想要創(chuàng)建一種比較正式、穩(wěn)重的展現(xiàn)寨典。如果氛雪,一定要使用居中對齊時,要大膽一些耸成,有意地讓居中對齊效果突出注暗、明顯,讓用戶了解文本是居中對齊的墓猎。

3捆昏、重復:設(shè)計的某些方面需要在整個作品中重復。

重復元素可能是一種粗字體毙沾、一條粗線骗卜、某個項目符號、顏色左胞、設(shè)計要素等寇仓。重復的元素有助于讓用戶知道這些重要的元素是統(tǒng)一的。就像生活中烤宙,跳廣場舞的大媽們也會穿重復相同的“隊服”來表明她們是“統(tǒng)一的集體”遍烦。

但需要注意的是,要避免太多地重復一個元素躺枕,重復太多只會讓人討厭服猪,要注意重復的“度”供填。作者舉了一個很生動的例子,如果一個女士相傳黑色晚禮服罢猪,配紅帽子近她、紅耳環(huán)、紅口紅膳帕、紅色手提包粘捎、紅鞋和紅上衣,重復就太濫危彩,現(xiàn)在的對比不再有統(tǒng)一的效果攒磨,太多的重復講混淆重點

4汤徽、對比:頁面上不同的元素之間要有對比效果咧纠,達到吸引讀者的對比效果。

對比不僅可以用來吸引眼球泻骤,還可以用來組織信息、讓信息層級更清晰梧奢、在頁面上引導讀者的視覺狱掂,并且制造焦點。

一般產(chǎn)生對比的方法可以有:大字體與小字體的對比亲轨;古典字體與無襯線字體的對比趋惨;細線與粗線的對比;冷色與暖色的對比惦蚊;水平與垂直的對比器虾;平滑材質(zhì)與粗糙材質(zhì)的對比......等等,總之蹦锋,你看到的元素都有其相對的對象兆沙,而且可以用來設(shè)計提升用戶體驗。

作者提到莉掂,要想對比的效果達到預期葛圃,“對比”就要明顯。比如憎妙,字體大小對比不要拿12px的字與14px的字相比較库正,深棕色不要與黑色對比。

作者有一個觀點讓我印象深刻:做設(shè)計不要畏畏縮縮厘唾。

  • 不要害怕在設(shè)計中留白褥符,因為這能讓讀者的眼睛稍作休息。
  • 不要害怕設(shè)計不是對稱的抚垃,非居中的樣式有時候能帶來意想不到的效果喷楣。
  • 不要害怕把單詞設(shè)置的非常大或非常小趟大,在合適的場合這都是可以的。

在設(shè)計中抡蛙,這四個原則不是獨立使用的护昧,而且互相嵌套,你中有我粗截,我中有你...

There is one more thing...

在打破規(guī)則之前惋耙,你必須清楚規(guī)則是什么

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市熊昌,隨后出現(xiàn)的幾起案子绽榛,更是在濱河造成了極大的恐慌,老刑警劉巖婿屹,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件灭美,死亡現(xiàn)場離奇詭異,居然都是意外死亡昂利,警方通過查閱死者的電腦和手機届腐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜂奸,“玉大人犁苏,你說我怎么就攤上這事±┧” “怎么了围详?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長祖屏。 經(jīng)常有香客問我助赞,道長,這世上最難降的妖魔是什么袁勺? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任雹食,我火速辦了婚禮,結(jié)果婚禮上期丰,老公的妹妹穿的比我還像新娘婉徘。我一直安慰自己,他們只是感情好咐汞,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布盖呼。 她就那樣靜靜地躺著,像睡著了一般化撕。 火紅的嫁衣襯著肌膚如雪几晤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天植阴,我揣著相機與錄音蟹瘾,去河邊找鬼圾浅。 笑死,一個胖子當著我的面吹牛憾朴,可吹牛的內(nèi)容都是我干的狸捕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼众雷,長吁一口氣:“原來是場噩夢啊……” “哼灸拍!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起砾省,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤鸡岗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后编兄,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體轩性,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年狠鸳,在試婚紗的時候發(fā)現(xiàn)自己被綠了揣苏。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡件舵,死狀恐怖卸察,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情芦圾,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布俄认,位于F島的核電站个少,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏眯杏。R本人自食惡果不足惜夜焦,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岂贩。 院中可真熱鬧茫经,春花似錦、人聲如沸萎津。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽锉屈。三九已至荤傲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間颈渊,已是汗流浹背遂黍。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工终佛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人雾家。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓铃彰,卻偏偏與公主長得像,于是被迫代替她去往敵國和親芯咧。 傳聞我的和親對象是個殘疾皇子牙捉,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355