我想，大概在設(shè)計(jì)師的思維中有太多的設(shè)計(jì)規(guī)則已經(jīng)“深陷”在其中了。更多的設(shè)計(jì)師們往往會(huì)追隨更具經(jīng)驗(yàn)的“前輩”所提出的建議、設(shè)計(jì)理論的元素，或是課程中的經(jīng)驗(yàn)教訓(xùn)，但隨著意識(shí)的“覺醒”，也許你真的應(yīng)該打破這些規(guī)則？

隨著時(shí)間的推移，設(shè)計(jì)趨勢(shì)和概念發(fā)生了很大的變化。技術(shù)的進(jìn)步，尤其是改變了一些規(guī)則。設(shè)計(jì)是一個(gè)不斷發(fā)展的過程，今天的工作可能在明天就發(fā)生了一些改變。考慮到這一點(diǎn)，我們?cè)谶@里總結(jié)了三條設(shè)計(jì)規(guī)則，你應(yīng)該嘗試打破它們。

1.使用無襯線字體進(jìn)行網(wǎng)頁設(shè)計(jì)





過去的一段時(shí)間，幾乎每一位網(wǎng)頁設(shè)計(jì)師常常會(huì)建議或被建議說，你需要使用無襯線字體在你的網(wǎng)站設(shè)計(jì)項(xiàng)目中。但是現(xiàn)在，情況不再如此了，我們需要打破這個(gè)規(guī)則！

在可讀性的基礎(chǔ)上誕生的混合視覺要求的新字體仙子正在越來越被需要，這包括襯線、無襯線字體甚至一些新奇的字體或以腳本方式表現(xiàn)的字體。選擇正確的字體（或類型）的關(guān)鍵是從易于閱讀的字體樣式中挑選。

這個(gè)觀點(diǎn)頁得到了研究結(jié)論的支持。尼爾森諾爾曼集團(tuán)的Jakob Nielsen，專注于用戶體驗(yàn)，研究和培訓(xùn)。通過研究和調(diào)查它們發(fā)現(xiàn)，更好的屏幕分辨率正在挑戰(zhàn)網(wǎng)頁設(shè)計(jì)排版指南。這是那項(xiàng)研究得出的結(jié)論：

· 對(duì)于網(wǎng)站設(shè)計(jì)來說，老版的可用性指南其實(shí)很簡(jiǎn)單：堅(jiān)持無襯線字體。因?yàn)榕f的電腦屏幕在分辨率和渲染上無法滿足襯線字體的需要，嘗試在正文中加入襯線字體往往會(huì)導(dǎo)致模糊的字母形狀。

· 不幸的是，新的指導(dǎo)方針并不像舊的那樣清晰。易讀性研究是不確定的，是否真的襯線字體就比無襯線字體好呢？

· 襯線和無襯線字體在閱讀速度上差別很大。因此，并沒有強(qiáng)有力的可用性標(biāo)準(zhǔn)來知道你具體應(yīng)該使用哪一類型，所以你可以基于其他的因素如品牌或風(fēng)格等來進(jìn)行選擇。

既然是這樣的話，那你可以大膽的嘗試去打破陳舊的無襯線規(guī)則。在考慮選擇哪種字體以及是否可讀性高的時(shí)候，有以下幾點(diǎn)需要注意：

· 在字重的選擇上選擇筆畫寬度在中等或正常的范圍，超輕或薄的類型可能難以閱讀。

· 堅(jiān)持平均高度。在字寬和字高上處理的過于“極致”的話，可能都會(huì)影響可讀性。

· 尋找穩(wěn)定和適合的字母間距。

· 如果需要使用華麗的字體作為小的文字塊的話，最好是需要明確的意圖。

· 選擇襯線字體或非襯線字體作為較大號(hào)的文本塊時(shí)，選擇在字母的表現(xiàn)上略有不同的字體很容易在第一眼的時(shí)候就引起用戶的注意。

2.遠(yuǎn)離大膽的背景





有一段時(shí)間，似乎網(wǎng)站設(shè)計(jì)的背景使用上唯一可以接受的顏色是白色或中性色。其實(shí)并不是這樣的！

大膽，明亮的背景顏色同樣可以成為一個(gè)極具視覺表現(xiàn)的背景元素。色彩可以給用戶留下很好的第一印象，打破相同的設(shè)計(jì)模式，為設(shè)計(jì)定下基調(diào)，是一種有趣而富有挑戰(zhàn)的方式。

所以打破規(guī)則限制的第二步，是突破限制你調(diào)色板的顏色。雖然擁有一套獨(dú)特的品牌用色規(guī)范是一個(gè)很好的主意，但是你可以在你的個(gè)人設(shè)計(jì)項(xiàng)目中獲得更多的嘗試和體驗(yàn)。

用色的思路其實(shí)在很大程度上與Material Design相關(guān)，更大膽的色彩選擇使用開辟了在顏色上優(yōu)雅和俗氣的界限，更多的顏色是可以被接受的。更多的網(wǎng)站和大品牌正在使用顏色來幫助創(chuàng)造一個(gè)有趣的和迷人的體驗(yàn)，而用戶似乎更喜歡這種方式。

雖然你需要一個(gè)簡(jiǎn)單的調(diào)色板作為規(guī)范你的標(biāo)準(zhǔn)的指南，但是添加一些額外的（和明亮）的顏色為你特定的項(xiàng)目也未嘗不可。你不必重新設(shè)計(jì)你所有的品牌元素，但是你可以通過多種方式把更流行的顏色融入到項(xiàng)目中。

· 考慮在圖片上疊加一個(gè)顏色層；

· 在標(biāo)題顏色的使用上可以考慮更明亮的顏色；

· 把毫無特色的常規(guī)背景換成更令人難忘的東西；

· 為按鈕使用更亮的顏色或調(diào)用動(dòng)作元素（它們不一定都是紅的或藍(lán)的）；

· 使用顏色作為懸停狀態(tài)來鼓勵(lì)用戶進(jìn)行交互。

3.創(chuàng)建對(duì)稱平衡





在我的設(shè)計(jì)生涯早期，有很多資深設(shè)計(jì)師把完美對(duì)稱的設(shè)計(jì)推向了和諧和平衡。回過頭來看，這些概念中有很多在如今看起來過于無聊和安全了。

不對(duì)稱可以幫助你創(chuàng)造更多的視覺興趣和平衡，而不影響中間的設(shè)計(jì)。盡管這里總歸有一個(gè)以更有趣的方式創(chuàng)造平衡與重量的界限，使用空間和元素相互抵消的“對(duì)稱”。

要充分利用設(shè)計(jì)項(xiàng)目中的不對(duì)稱性，考慮以下幾點(diǎn)，以創(chuàng)造一種和諧感和視覺流：

· 相互平衡元素和空間，比如在視覺上看起來更重的元素與白色搭配時(shí)會(huì)感覺更平衡。

· 把重點(diǎn)放在符合用戶瀏覽習(xí)慣的“路徑”上，讓用戶可以按設(shè)計(jì)意圖來移動(dòng)。想一想人們是怎樣閱讀的，從左邊的更重的元素和文字開始“向右邊移動(dòng)”。

· 使用顏色創(chuàng)建焦點(diǎn)。

· 把網(wǎng)格上的所有東西都空間化，以形成組織和流動(dòng)的感覺。

· 注意視覺比重。不對(duì)稱的設(shè)計(jì)不應(yīng)該讓用戶感到“不平衡”，用戶應(yīng)該可以輕松地通過內(nèi)容。使用靜態(tài)元素（如導(dǎo)航）為非對(duì)稱元素創(chuàng)建容器。

總結(jié)

破壞設(shè)計(jì)規(guī)則可以是令人興奮的，或者又是災(zāi)難性的。通過思考項(xiàng)目或設(shè)計(jì)的目標(biāo)，做出正確的選擇來打破什么規(guī)則。思考如何打破規(guī)則使這個(gè)項(xiàng)目更好地工作？它是否增強(qiáng)了用戶理解信息的可用性、功能或能力？

如果答案是肯定的，那么你的項(xiàng)目可能已經(jīng)在打破規(guī)則，嘗試新的和不同的設(shè)計(jì)方式上取得了一定的成果。但是，一定不要因?yàn)闊o聊而違反設(shè)計(jì)規(guī)則（這真的不是做任何事情的好理由）。