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

1 思考的過程

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

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

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

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

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

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

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

2.1 頁面信息的親密性

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

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

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

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

2.2 頁面信息的對齊

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

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

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

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

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

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

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

2.4 頁面信息的對比

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

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

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

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

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

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

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