交互設計過程中如何思考

　　這兩天的狀態很好，人在什麼都不在乎的情況下越是能完全放空自己。可以從業務、原型中抽離出來，重新審視自己的作品。當然，交互原型不能作為評判一個設計師的標准，它們只是在項目過程中輔助表達設計的產物。最有價值的是，在線稿背後形成一套思考方法，指導你去做設計。之後便是有自己的評判標准，幫助你去衡量設計的優劣。所謂的設計有理有據，大致如此。下面是一些輸出，來消滅那些“我覺得…”

　　1 思考的過程

　　做一個設計或者重新設計時，應該從哪裡開始

　　首先，從設計目標開始，確定用戶最想看到的是什麼。

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

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

　　創建重復，或者找出可以重復的項。為建立重復，可以使用粗體、線、裝飾符號或者一種空間布局。看看哪些元素已經自然地重復，再看看是否適合加大力度重復。

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

　　2 如何實現和判斷

　　2.1 頁面信息的親密性

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

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

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

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

　　2.2 頁面信息的對齊

　　任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的一些內容存在視覺聯系。

　　在設計中，統一性是個重要的概念。要讓頁面上的所有元素看上去統一、有聯系而且彼此相關，需要在各個單獨的元素之間存在視覺紐帶。

　　對齊的根本目的是為了統一而且有條理。相關於歸納法。要特別注意元素放在哪裡，應當總能在頁面上找出與之對齊的元素，盡管這兩個對象的物理位置可能相距很遠。

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

　　2.3 頁面信息的重復

　　設計的一些方面需要在整個作品中重復。重復可以將作品中的各個部分連在一起，從而統一並增強整個作品，否則這些部分只是彼此孤立的單元。重復不僅對只有一頁的產品很有用，對於多頁文檔的設計更重要，即保持一致。

　　重復的目標就是統一，並且增強視覺效果。如果一個產品看起來很有趣，往往也更易於閱讀。當然要避免的問題是過程重復。就好像穿一身紅色的衣服然後妝也是暖色調查，再抹上鮮艷的口紅。

　　2.4 頁面信息的對比

　　要想實現效果，就必須對比強烈。千萬不要畏縮。(於設計，於生活都適用~)

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

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

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

　　文章來源：feelingmm.com 轉載請注明出處鏈接。