這兩天的狀態(tài)很好，人在什么都不在乎的情況下越是能完全放空自己�？梢詮臉I(yè)務(wù)、原型中抽離出來，重新審視自己的作品。當(dāng)然，交互原型不能作為評(píng)判一個(gè)設(shè)計(jì)師的標(biāo)準(zhǔn)，它們只是在項(xiàng)目過程中輔助表達(dá)設(shè)計(jì)的產(chǎn)物。最有價(jià)值的是，在線稿背后形成一套思考方法，指導(dǎo)你去做設(shè)計(jì)。之后便是有自己的評(píng)判標(biāo)準(zhǔn)，幫助你去衡量設(shè)計(jì)的優(yōu)劣。所謂的設(shè)計(jì)有理有據(jù)，大致如此。下面是一些輸出，來消滅那些“我覺得…”

1 思考的過程

做一個(gè)設(shè)計(jì)或者重新設(shè)計(jì)時(shí)，應(yīng)該從哪里開始

首先，從設(shè)計(jì)目標(biāo)開始，確定用戶最想看到的是什么。

然后，將信息分組。按邏輯進(jìn)行分組，確定這些組之間的關(guān)系。通過判斷組之間的關(guān)系靠近與否（親密性）來顯示這些關(guān)系。

在頁面上組織文本和圖片時(shí)，要建立并維護(hù)明確的對(duì)齊。如果能看到一個(gè)明顯的邊界，比如照片邊界或者垂直線條，可以通過其他文本或者對(duì)象的對(duì)齊來加強(qiáng)這個(gè)邊界。

創(chuàng)建重復(fù)，或者找出可以重復(fù)的項(xiàng)。為建立重復(fù)，可以使用粗體、線、裝飾符號(hào)或者一種空間布局�？纯茨男┰�素已經(jīng)自然地重復(fù)，再看看是否適合加大力度重復(fù)。

可以建立強(qiáng)烈的對(duì)比來增強(qiáng)頁面的沖擊力，這樣會(huì)更容易吸引用戶，否則頁面就跟白開水一樣無味。對(duì)比要黑白分明，比如說，如果頁面上的所有一切都是又大又粗，很華麗，那么根本不存在任何對(duì)比！不論是通過更大更粗來建立對(duì)比，還是通過更小更細(xì)來形成對(duì)比，關(guān)鍵是要有所不同，這樣才能引人注目。

2 如何實(shí)現(xiàn)和判斷

2.1 頁面信息的親密性

如果多個(gè)頁面信息之間存在挺近的親密性，它們將形成一個(gè)視覺單元，而不是多個(gè)孤立的元素。彼此相關(guān)的元素就應(yīng)當(dāng)歸在一組。要有意識(shí)地注意自己或者別人是怎樣閱讀的，建立視覺敏感度。觀察你的視線怎樣移動(dòng)，從哪開始；沿著怎樣的路徑；到哪里結(jié)束；讀完之后，接下來看哪里？這整個(gè)過程應(yīng)當(dāng)是一個(gè)合理的過程，有確定的開始，而且要有確定的結(jié)束。

判斷頁面信息親密性的最根本的目的是為了實(shí)現(xiàn)組織性。如果信息有條理，將更易閱讀和記憶。在此過程中，要注意用好“空白”，空白本身就是一種形式。

如何來看頁面上的信息是否有組織性呢？跟畫素描一樣。微微瞇起眼睛，統(tǒng)計(jì)你的眼睛停頓的次數(shù)來數(shù)一數(shù)頁面上有多少個(gè)元素。如果頁面上的項(xiàng)超過3~5個(gè)，就要看看哪些孤立的元素可以歸在一組建立更近的親密關(guān)系，使之成為一個(gè)視覺單元。

要避免的問題。不要因?yàn)橛锌瞻拙桶言�素放在角落或者中央。避免一個(gè)頁面上有太多孤立的元素。不要在元素之間留出同樣大小不一的空白，除非各組同屬于一個(gè)子集。不屬于同一組的元素之間不要建立關(guān)系；如果元素彼此無關(guān)，要把他們分開。

2.2 頁面信息的對(duì)齊

任何元素都不能在頁面上隨意安放。每一項(xiàng)都應(yīng)當(dāng)與頁面上的一些內(nèi)容存在視覺聯(lián)系。

在設(shè)計(jì)中，統(tǒng)一性是個(gè)重要的概念。要讓頁面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關(guān)，需要在各個(gè)單獨(dú)的元素之間存在視覺紐帶。

對(duì)齊的根本目的是為了統(tǒng)一而且有條理。相關(guān)于歸納法。要特別注意元素放在哪里，應(yīng)當(dāng)總能在頁面上找出與之對(duì)齊的元素，盡管這兩個(gè)對(duì)象的物理位置可能相距很遠(yuǎn)。

要避免混用很多種對(duì)齊方式。要著力避免居中對(duì)齊，除非你的設(shè)計(jì)本意就是建立非常正統(tǒng)的頁面。

2.3 頁面信息的重復(fù)

設(shè)計(jì)的一些方面需要在整個(gè)作品中重復(fù)。重復(fù)可以將作品中的各個(gè)部分連在一起，從而統(tǒng)一并增強(qiáng)整個(gè)作品，否則這些部分只是彼此孤立的單元。重復(fù)不僅對(duì)只有一頁的產(chǎn)品很有用，對(duì)于多頁文檔的設(shè)計(jì)更重要，即保持一致。

重復(fù)的目標(biāo)就是統(tǒng)一，并且增強(qiáng)視覺效果。如果一個(gè)產(chǎn)品看起來很有趣，往往也更易于閱讀。當(dāng)然要避免的問題是過程重復(fù)。就好像穿一身紅色的衣服然后妝也是暖色調(diào)查，再抹上鮮艷的口紅。

2.4 頁面信息的對(duì)比

要想實(shí)現(xiàn)效果，就必須對(duì)比強(qiáng)烈。千萬不要畏縮。（于設(shè)計(jì)，于生活都適用~）

如果兩個(gè)項(xiàng)不完全相同，就應(yīng)當(dāng)使之完全正確不同，截然不同。不用要14px跟12px來對(duì)比，也不要用0.5點(diǎn)的線和1點(diǎn)的線來進(jìn)行對(duì)比。此外，深棕色也不要跟黑來對(duì)比，沒效果的事情一開始也不如不要做！

對(duì)比的根本目的有兩方面，這兩個(gè)方面相輔相成，無法分開。一個(gè)目的是增強(qiáng)頁面的效果；另外一個(gè)是有助于信息的組織。讓用戶立即能了解信息以何種方式組織，以及從一項(xiàng)到另一項(xiàng)的邏輯流程。

對(duì)比一定要強(qiáng)烈！如果要對(duì)比，就加大力度！如果兩種形式不完全一樣，干脆讓他們完全不一樣~

文章來源：feelingmm.com 轉(zhuǎn)載請(qǐng)注明出處鏈接。

標(biāo)簽： 交互設(shè)計(jì) 設(shè)計(jì)方法 交互原型 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。