中企營銷網 品牌 資訊 展會 實戰 終端 廣告 時尚 汽車 企業 電商 視頻 搜索 網絡 管理 文化 創業 招商 職場 訪談 智能 AI 物聯網 大數據 數字化

極簡風格--讓用戶快速聚焦你的產品

實戰 發表時間:2017/12/27??

實戰 發表時間:2017/12/27??

文章為作者基于自身經驗,對極簡風格設計的相關總結,希望可以給你帶來幫助。

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

極簡風格

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

刪減不必要的元素

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

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

這個設計元素在當前界面中是起什么作用的?能夠完成什么   樣功能?
去掉以后是否會影響用戶正常操作?
如果影響用戶操作,可否有更簡潔的設計元素來替代?

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

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

多態組件的應用

刪減次要元素并不是萬能的,因為有的時候,你進行了刪減之后發現界面中內容還是很多。那么在這種情況下,設計師應該學會應用多態組件。所謂多態組件的意思就是一個組件可以完成多個功能,這樣也可以有效的減少界面中的元素。

例如,支付寶的支付界面,立即支付按鈕可以跳轉到付款成功的狀態,這時候就沒有必要再用彈框給用戶提示了。這里的多態按鈕除了供用戶點擊之外還可以完成信息傳遞的功能。

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

多態組件的應用可以幫助設計師進一步簡化界面中的信息。當然這就要求設計師對設計組件做到足夠的了解,逐個分析不同的組件的優缺點和適用場景。以底部按鈕為例,

這是最常見的一個底部按鈕樣式,能夠應付大部分的使用場景。因為其一般都會采用面狀按鈕,大面積的色塊能夠達到吸引用戶注意力的目的。當然有的時候,不需要按鈕這么顯眼,我們則可以換種樣式,最典型的就是“退出登錄”按鈕,沒有設計師希望用戶可以很輕易的發現退出產品的路徑。

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

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

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

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

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

重點突出

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

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

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


推薦會員more >>

  • 主頁
    yahuizhanlan

    yahuizhanlan

    這個人懶得留下簽名

    2025-07-11 加入 暫無
  • 主頁
    13964838634

    13964838634

    這個人懶得留下簽名

    2025-07-11 加入 暫無
  • 主頁
    18638276543

    18638276543

    悅頓體育照明品牌創始人,20年來專注于各級各類體育運動場館的專業化照明!點亮精彩,照亮運動!有需要的朋友攜手合作!賬號為微信號,運動健康,你我共享!

    2022-04-16 加入 鄭州
  • 主頁
    13434225100

    13434225100

    這個人懶得留下簽名

    2025-07-10 加入 暫無
  • 主頁
    panwenfu

    panwenfu

    基于家族經銷商生意,自身作為經銷商業主,從事商品經銷行業二十余年,期間在數個著名企業兼任業務經理及培訓師等職。

    2019-11-12 加入 上海
主站蜘蛛池模板: 日韩在线一区二区三区免费视频| 羞羞答答www网址进入在线观看 | 污视频网站在线免费看| 国产成人午夜片在线观看| 91大神在线精品视频一区| 好痛太长太深弄死我了视频| 久久中文字幕一区二区| 日韩精品一区二区三区老鸦窝| 亚洲欧洲在线播放| 爱搞网在线观看| 六月婷婷在线视频| 老师别揉我胸啊嗯上课呢视频| 国产午夜精品理论片| 欧美色图你懂的| 国产精品白嫩在线观看| baoyu122.永久免费视频| 影音先锋亚洲资源| 中文字幕第13亚洲另类| 日本护士handjob| 亚洲精品免费观看| 狼群视频在线观看www| 内谢少妇XXXXX8老少交| 翁熄性放纵交换| 国产一级淫片免费播放电影| 高清性色生活片a| 国产成人无码精品一区在线观看| 亚洲最大的黄色网| 国产精品内射久久久久欢欢| 91福利视频免费| 国色天香精品一卡2卡3卡| aisaobi| 女人张腿让男桶免费视频观看| 一级一级女人真片| 成人免费看片又大又黄| 中文字幕在线2021| 成年女人在线视频| 中文字幕欧美成人免费| 无码国产精品一区二区高潮| 久久久久亚洲精品成人网小说| 日本高清不卡免费| 久久精品一区二区三区四区|