前幾天花了兩天看完了一本設(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ī)則是什么