你知道能讓你的設(shè)計(jì)變得更加簡(jiǎn)單直觀的這6個(gè)規(guī)則嗎？
上傳日期：2017年2月15日 瀏覽次數(shù):513次
1、一個(gè)頁面，一個(gè)目標(biāo)
想要設(shè)計(jì)一個(gè)簡(jiǎn)單直觀的網(wǎng)站，那么你應(yīng)該為每個(gè)頁面設(shè)定一個(gè)目標(biāo)。每個(gè)頁面最終是要引領(lǐng)用戶進(jìn)行某一個(gè)操作，從導(dǎo)航到頁腳都要圍繞這一個(gè)目標(biāo)來設(shè)計(jì)。
不能把分散用戶注意力的東西設(shè)計(jì)的太多，因?yàn)樗麄兛赡芨蓴_而打斷了原本正準(zhǔn)備進(jìn)行的操作。所以，你要做一個(gè)目的性明確的設(shè)計(jì)，集中精力來引導(dǎo)用戶。每個(gè)按鈕上下的設(shè)計(jì)元素，包括滾動(dòng)的效果本身，都盡量將用戶導(dǎo)向按鈕、鏈接等。這種目標(biāo)上的一致性能夠很好的幫助用戶了解他們需要在網(wǎng)站上做什么，簡(jiǎn)單的選擇往往能夠讓用戶更輕松參與進(jìn)來。
2、使用一致的對(duì)齊方式
左對(duì)齊，居中，還是靠右對(duì)齊，無論你是喜歡哪種，盡量在整個(gè)設(shè)計(jì)當(dāng)中貫徹這種方式。這種對(duì)齊方式的選取不僅僅是文本本身的對(duì)齊，還包含了各種其他元素的對(duì)齊方式。因?yàn)椴捎昧私y(tǒng)一的對(duì)齊方式，文本和行為召喚按鈕也是做對(duì)齊，元素與元素之間的間距也很統(tǒng)一，這種一致的美感讓人非常舒適。
3、堅(jiān)持使用一兩個(gè)字體族
有許多設(shè)計(jì)規(guī)范會(huì)推薦用戶在一個(gè)設(shè)計(jì)項(xiàng)目中使用三個(gè)甚至更多的字體。不過，將使用的字體縮減到2個(gè)字體族當(dāng)中，會(huì)讓整個(gè)設(shè)計(jì)的凝聚力更強(qiáng)。
4、運(yùn)用空間與留白
不要糾結(jié)于留白太多，留白其實(shí)是服務(wù)于各種設(shè)計(jì)元素的，它會(huì)讓你的設(shè)計(jì)更好。
如果你想要設(shè)計(jì)真正簡(jiǎn)單直觀的設(shè)計(jì)，留白是必不可少的組成部分。給每個(gè)元素足夠的空間，有空間的襯托，才能讓這些元素被訪客注意到，因此，千萬不要讓整個(gè)布局雜亂不堪，而應(yīng)該創(chuàng)造有視覺焦點(diǎn)的布局。
使用空間竅門在于一致性的把控。為每個(gè)元素周圍的留白、文本的字間距、行間距都設(shè)定好，然后盡可能保持規(guī)則性。如果這樣設(shè)計(jì)出來的效果看起來不自然，也許你只需要對(duì)留白稍加調(diào)整就可以了。當(dāng)你打開自己的設(shè)計(jì)，視覺自然聚焦到你想要用戶看的地方的時(shí)候，你就會(huì)知道你的留白和空間設(shè)計(jì)是爭(zhēng)取的。
5、強(qiáng)化對(duì)比度
從色彩到尺寸大小，具有高對(duì)比度的設(shè)計(jì)元素能夠讓整個(gè)項(xiàng)目的設(shè)計(jì)感和精細(xì)度得到提升，哪怕是在極簡(jiǎn)的設(shè)計(jì)框架之下。
明亮而又富有對(duì)比度的配色是許多跟隨流行的項(xiàng)目所青睞的選擇，因?yàn)檫@樣更容易吸引用戶的注意力。大膽的配色讓一個(gè)簡(jiǎn)單的設(shè)計(jì)顯得更加富有設(shè)計(jì)感，也更加有趣。為了充分的利用色彩的對(duì)比度，盡量選擇色輪上相對(duì)位置的色彩搭配，并且調(diào)整色彩飽和度到合適的狀態(tài)。也許你會(huì)在其中尋找到意想不到的搭配。
6、使用一致的圖標(biāo)和元素
設(shè)計(jì)的一致性是最基本的設(shè)計(jì)規(guī)則，也是最容易被忽略的設(shè)計(jì)規(guī)則，與此同時(shí)，它也是許多優(yōu)秀的設(shè)計(jì)的秘密所在。有太多的網(wǎng)站采用不匹配的設(shè)計(jì)元素，導(dǎo)致整個(gè)設(shè)計(jì)陷入尷尬。
簡(jiǎn)單直觀的設(shè)計(jì)并不一定非得是極簡(jiǎn)的，它同樣可以是豐富而又有趣的。但是簡(jiǎn)單而易用的頁面的設(shè)計(jì)過程是需要用心做才能達(dá)成的，它需要具備高度的可用性和直觀的設(shè)計(jì)，確保用戶在使用的時(shí)候足夠直覺、不會(huì)遲疑。
轉(zhuǎn)載：互聯(lián)網(wǎng)
