本站小編為你精心準備了扁平化交互設計的美學研究參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

一、交互設計發展的歷程

從上世紀八十年代交互設計的出現，當時還是一個小范圍學科，行業也相對特殊。當今科技高速發展的交互設計也隨之發展了。現在已經是主導互聯網，手機等各種電子產品體驗的核心設計思想之一。交互設計就是人與人通過媒介進行溝通互動交流的過程，這個媒介可以是網站或者是手機APP，各種人類要通過操作才成發揮產品功能的各種產品。其中交互過程相對活躍就是網站和手機APP,以及各種互聯網業務。利用交互設計可以更容易使用，用戶體驗更加舒適和方便。交互設計的目的就是通過充分了解目標用戶來達到并超越甚至是引領用戶的期望值。蘋果（apple）在預料大眾審美和超越大眾的期望值就非常的成功，其中有令人興奮地交互設計，界面設計等。

各類產品一經推出就風靡全球。交互設計橫跨了多個學科，例如互聯網產品，首先內部編程計算機知識，其次外部UI設計需要美學設計知識，在計算機和設計兩大領域還可以細分出許多學科可以說是綜合多種學科的新興學科。其中學術理論學科包括人體工效學，認知心理學，信息學，工程學，計算機科學/軟件工程學，社會科學，人因學，人機交互，認知工程學，認知均效學，計算機支持的協同工作（CSCw），信息系統。設計實踐學科包括平面設計，產品設計，藝術設計，工業設計，電影工業。美學規律，形式美法則。關系詳見圖1其中被稱為交互設計之父的比爾﹒莫格里是重要的交互設計理論探索者。為交互的理論研究打下了堅實的基礎，著名心理學家唐納德.諾曼,提出的情感化交互設計是為通過交互設計的產品具有更加舒適愉悅的體驗提供了一種新的思路和關注點。艾倫.庫伯(ALANCOOPER）嚴格意義上第一個微型計算機的商業軟件就是由他創造出來的，他是軟件的創造者。交互設計執行的具體方法，和要遵循的基本原則就是由他提出來的，同時他也是一名設計師。開創了交互設計的理論研究。交互設計除了向其他學科一樣注重形式的同時更加注重內容和內涵。其是達到高效傳遞信息的最有效方法之一。從扁平化交互設計的出現后呈現出地毯式的發展趨勢，被設計師和大眾認可，讓扁平化不僅用是于企業管理中提高效益的方法，也擴展到交互設計領域，為千千萬萬的用戶帶去了便捷舒適的用戶體驗，提高了生活質量。

二、扁平化交互設計的出現

1、扁平化的概念重疊，金字塔結構會帶來人員水平雜亂，低效率和高成本管理的問題。扁平化管理就是優化層級管理后的一種新管理模式。從而能夠有效的增加管理幅度，提高員工的積極性，降低企業的管理成本，提高工作效率。進而擴展到渠道扁平化的概念就更加形象的說明扁平化交互設計出現的價值。在利用扁平化交互設計方式的手機界面，能夠使用戶的視覺思維順著這個界面的二維平面展開，而不用向縱向的層次深入，減少了視覺的傳播路徑，確保了用戶視覺搜索的連續性和縮短了視覺查詢的時間并且提高了使用效率，獲得了更優質的產品體驗過程。

2、扁平化交互設計出現的原因扁平化的思路延伸至交互的構建中，探究提高用戶信息訪問效率的解決方案。扁平化界面設計的目標是通過減少界面信息結構層級和增加單層信息幅度，來構建一種“寬而扁”、“快而全”的信息組織形式。同時為了愉悅人機交互的過程需要了解設計美學在其中的重要作用以及如何更好的發揮其作用。渠道扁平化的最終目的就是扁平渠道。例如：淘寶網從供應商（制造商）直接通向消費者，沒有供應鏈的其它中間環節，是銷售的理想模式，可以讓用戶直接看到產品的實物而不是通過各種的傳播媒介看到的。讓產品直接面對用戶，廠商可以獲得用戶體驗的第一手資料，更加直接地控制供需和更加快速有效的對產品進行改進。為用戶提供更優質的用戶體驗。同時這也是一個交互設計的過程，人與人通過產品間接的交互改進設計，不斷地提高和改善。

三、偏平化交互設計中的美學

1、如何更好的提高扁平化交互設計的視覺體驗，需要充分了解設計美學規律，在交互設計中充分運用，尋求帶給人們舒適，輕松，愉悅的視覺效果。形式美法則與扁平化交互設計的關系，形式美法則有對比與統一，節奏與韻律，比例與尺度等對稱與均衡。1）形式美法則的應用在扁平化交互設計中，UI設計在運用形式美法則后能夠優化信息布局，形式美是由的兩個構成因素，一方面是構成形式美的材料質感美，另外一方面是材料質感之間的構成規律即為形式美法則。構成形式美的材料質感要素包括：點、線、面、形狀、色彩、聲音等。那么如何利用美學法則來進行合理的信息分布。例如，手機界面是如何進行信息的平鋪顯示的。首先，由于扁平化手機界面會使金字塔形的層級管理趨向于橫向的平鋪分布，所以就弱化了原有信息的界限和邏輯關系。傳遞出來的信息之間的相關性就沒有那樣的顯著了。在扁平化手機界面設計中實現全視化信息管理的同時也會增加干擾的信息量，可能會導致用戶對信息的混淆。因此，在扁平化手機界面設計時，我們應該通過合理運用視覺設計規律來區分信息。另一方面，為了更加高效的在有限的屏幕空間為用戶提供信息，在扁平化交互設計的過程中應根據受眾目標用戶的需求來安排界面布局的信息，讓最契合的用戶期待的信息優先顯示出來。例如韓國電商網站shopping.naver.com是目前屈指可數的購物網站的典范之一，橫向對比中國的京東商城，淘寶網。首先從購買行為之前的行為討論NAVER的視覺美觀性，信任度，合理性，舒適性都略勝一籌。如圖4,圖5所示京東商城和淘寶網第一屏視覺干擾太多，容易造成用戶迷航，產品推薦的展示思路以及展示形式，極容易為用戶產生煩躁感。用戶高質量購物體驗下降。所以扁平化交互設計思路的出現是很有必要的，能夠有效的提高用戶體驗，互相促進。當然這其中會有一些因地域差異引起的審美趨向差異的原因，但大多數人進入到NAVER的購物站的第一屏時會覺得視覺設計更加的美觀簡潔，更加的舒適，輕松，可見NAVER已經將設計的價值最大化。該韓國NAVER網顯示出簡單正規的氣氛，可以讓用戶的產生信任感，這源于布局，顯示模式中的點、線、面規劃和細節處理、產品圖片、圖形和文本布局。對比與統一：如圖2，通過大面積的色塊對比整齊劃一，就是很好的運用了美學法則對比與統一。充分體現扁平化交互設計。

調和與對比：如圖2，在灰色的網站類別CATEGORY這個單詞的顏色突出和具體的類別分類區別出來了，并且和大面積的綠色有一個遙相呼應的關系，調和整個頁面，也有清晰舒服的對比，是調和與對比形式美法則很好的體現。同時通過嫻熟的運用美學規律的形式美法則高效的傳遞出有效信息，這是扁平化交互設計的精髓所在。對稱與均衡/比例與尺度：如圖3，NAVER沒有進行長頁的展示，是以一種像服裝會類似的形式，讓用戶清爽的看到網站推薦的品類，做到了不令人討厭的廣告。每個產品的分布所占的比例都是要考量一下的，正如柯爾律治（Coleridge）論詩，說它是：“最好的字在最好的次第”。一個成功的扁平化交互設計的UI界面，各種的元素就類似于詩中的每個字，是相互作用的，最重要最有效的就信息就是詩中的好字，應該在最好的次第，在比例中尚佳的位置才可以起到最好的效果。同時扁平化界面的訪問路徑變短，信息能夠快速敏捷的反饋給用戶，界面的UI設計也要和這個本質的保持一致。就像《易經》中所說的“修辭立其誠”例如扁平化手機界面的訪問路徑變短，只需在頂層界面即可對不同子模塊的信息進行獨立控制，其開放式的信息界面可以幫助用戶對完整路徑進行觀察和提前預知，當相關信息發生變化時，信息界面可以將變化敏捷地反饋給用戶，因此，扁平化的界面設計可以有效的通知用戶當前所在的位置以及接下來操作的方向，避免用戶出現信息迷航。提高使用效率。

節奏與韻律：使用大面積的整齊色塊來進行布局，整齊劃一，沒有點線的凌亂，瑣碎，傳達更加直接，縮短了視覺在界面上的搜查時間，是扁平化交互設計達到的把最有效的信息以最高效的方式傳遞出去。如圖6、圖7是圖2的橫向和縱向的節奏韻律圖。可以看出這種扁平化的網頁設計一目了然，直接有效。具有很強的形式美，節奏清新明快，視覺體驗舒適，透露出一種官方的氣質，這種氣質能夠傳遞出足夠的信任感。這對電商網站的至關重要的。在當今的快餐文化中，人們的生活節奏是越來越快，無暇顧及路邊的美景，生活的美好，這種文化環境下扁平化簡潔舒適高效的傳遞信息是適應時展的產物，也使它迅速的發展起來。在UI設計中要充分體現交互設計的藝術美，利用美學的形式美法則更好的達到扁平化交互設計的目的，給使用者帶來更加舒適美好的用戶體驗效果。賞心悅目，簡單高效的完成操作目的。

作者：劉浩然 單位：吉林大學