手機最開始出現(xiàn)只是為了通話，后來可以發(fā)短信，拍照片，聽音樂，看視頻。到現(xiàn)在手機完全成了我們身體的延伸，沒有手機我們可能會很快的與這個社會脫節(jié)?？梢灶A見一款產品/app所能完成任務是越來越多的，最典型的就是支付寶。支付寶里任何一個模塊單拎出來就可以是一個單獨的app。

極簡風格

在內容越來越多的前提下，設計師應該減少無用信息的干擾讓用戶可以快速聚焦的到內容本身，這種“少即是多”設計思路就是我們常說的極簡風格。那么設計師如何將極簡風格應用到自己的產品中呢？下面我會做一個簡單的分析，希望可以幫助到大家。

刪減不必要的元素

極簡風格最簡單粗暴的實現(xiàn)手法就是刪減與用戶任務無關的非功能性元素，只保留重要的信息，減輕用戶的認知負荷。

那么如何去判斷一個設計元素的取舍呢？設計師應該問自己以下三個問題：

1. 這個設計元素在當前界面中是起什么作用的？能夠完成什么   樣功能？

2. 去掉以后是否會影響用戶正常操作？

3. 如果影響用戶操作，可否有更簡潔的設計元素來替代？

前幾天有一個朋友問我，微博界面中每條動態(tài)下面的icon能否去掉。這里icon的使用主要是用于提升信息的可讀性，因為相對于文本信息，具象元素可以更好的完成信息的傳達。但是這只是起到一個提升作用，即使我把icon拿走，用戶也會知道這三個是轉發(fā)、評論和點贊。

所以這里的icon是可以去掉的嗎？當然不是，我們要考慮不同的使用場景。當這條動態(tài)沒有任何人點贊，評論，轉發(fā)的時候，我們把icon拿走是沒有問題的。但是一旦出現(xiàn)了互動，那么icon就完全取代了文字成為這個功能唯一的可識別性元素，后面的數(shù)目顯示的是互動強度。即使我一直很推崇的“一個”應用，它的界面設計簡單到不能再簡單，在這里還是保留了icon，所以我傾向于保留，當然如果你有更好的方案歡迎留言交流。

微信最新的一次改版也很好的體現(xiàn)出多態(tài)組件的應用，之前用戶如果想刪除與一個好友的聊天記錄，點擊“刪除”以后會從界面底部彈出actionsheet來供用戶進行刪除確認(不好意思，忘截圖了)。但是微信最新的一次改版，對刪除確認這一步驟進行了簡化。整個刪除流程用戶的注意力會一直停留在在當前的這條聊天記錄上，不會轉移到界面底部的actionsheet，這種小細節(jié)的優(yōu)化真的很讓人眼前一亮。

多態(tài)組件的應用可以幫助設計師進一步簡化界面中的信息。當然這就要求設計師對設計組件做到足夠的了解，逐個分析不同的組件的優(yōu)缺點和適用場景。

以底部按鈕為例：

因為其一般都會采用面狀按鈕，大面積的色塊能夠達到吸引用戶注意力的目的。當然有的時候，不需要按鈕這么顯眼，我們則可以換種樣式，最典型的就是“退出登錄”按鈕，沒有設計師希望用戶可以很輕易的發(fā)現(xiàn)退出產品的路徑。

這種按鈕樣式的有兩個缺點，第一就是不能浮動的，當界面內容過多的時候，用戶需要滑動很久才能看到界面下方的按鈕，降低了產品的易用性。當然我們加一個背景框做成浮動樣式固定在界面底部，這個問題也隨之解決了。

它的第二缺點是只適合展示1- 2 個按鈕的場景， 3 個以上的按鈕就很難勝任了。而且這里的優(yōu)先級區(qū)分只能通過改變（圓角）矩形的樣式來實現(xiàn)，例如面狀對線狀，紅色背景對藍色背景。要解決這個問題，我們不妨看看下面這個按鈕樣式。

這種底部按鈕現(xiàn)在比較火，很多主流產品都采用這種樣式。突然的爆火不是沒有緣由的，它的的優(yōu)點就在于可以完美解決上面的第二個問題。因為icon的引入一方面釋放了界面的空間，最多可以放五個按鈕。而且樣式更加多變，可以是“文字+色塊”也可以是“文字+icon”,而且尺寸與配色可以根據(jù)優(yōu)先級來進行設置，設計師可發(fā)揮的空間會大一點。

但是這種底部按鈕樣式也是有缺點的，iPhone X因為底部Home Indicator的存在給我們的適配帶來了很多不便。有的產品在適配的時候改變了樣式，破壞了用戶體驗的一致性。

可能會有設計師說，我只是一個UI設計師，這里面選擇什么組件不是我來決定的，這是交互設計師或者產品經理的工作。我一直所提倡的UI設計師要懂交互和產品，如果他們給的交互稿原型圖不合理，你可以去反向去影響他們。只是被動的去給他們的原型圖上色而不去思考，這樣我們很難得到提升。

重點突出

為什么極簡風格設計我們還要考慮重點突出呢？因為有的設計師過于追求簡單，導致整個界面看起來跟原型圖一樣，特別的平淡。其實真正的極簡風格設計是在界面簡單的基礎上還要做到重點信息突出，讓用戶在快速瀏覽的模式下可以看到他們感興趣的內容。

極簡風格的設計理念提倡：一個界面只有一個焦點。我們會經常會看到一些設計師做的界面非常的繁雜，讓人抓不住重點。當然這不一定全是設計師的鍋，有的時候腦殘的產品經理要求這個要突出，那個強調，導致整個界面都充斥著大紅大紫，特別的凌亂。

但是有的設計師矯枉過正，為了凸顯主要功能，過于弱化次要功能，這也是不可取的。例如，上面這個界面中“小紅點”，當然這里應該說“小黃點”。因為這里把紅色改成了黃色，對于這個改法我非常的理解。因為紅色特別的刺眼，改成黃色的確舒服多了。但是！“小紅點”的工作原理就是用戶對界面和諧統(tǒng)一的追求，這里突然出現(xiàn)了一個紅點，非常突兀，所以會忍不住的想去點擊。如果你把紅色改成了黃色，用戶就無法注意到新消息提醒，小紅點的作用也無法起到。這個屬于過度弱化次要功能。

本文來源于成都網站建設公司與成都網站設計制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：移動端極簡設計風格總結
標題來源：http://jinyejixie.com/news40/320040.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站導航、云服務器、定制網站、軟件開發(fā)、域名注冊、商城網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)