發(fā)兩張最近設(shè)計的FUI可視化,現(xiàn)在這種大數(shù)據(jù)的界面非常火,在設(shè)計的時候有幾點心得給大家分享一下
1.首先是顏色
? ? 顏色在大屏設(shè)計中包括背景色和組件色,考慮到大屏的使用場景一般在室內(nèi),所以白色的背景通常不適合,其一因為很刺眼,其二是無法和組件的顏色形成對比,視覺效果偏弱,因此在背景上建議采用深色背景.
? ? 在組件的顏色上,建議采用高明度和低飽和的顏色,這樣整個組件才能和深色背景拉開距離.而在顏色的搭配上建議不要太花哨,即色系控制在3-4個即可,否則整個大屏的顏色會不和諧.
2.其次是布局
? ? 布局說簡單點就是排版,就是怎樣將信息合理地展示給用戶.這里我們要用到“格式塔原理”.
? ? 格式塔原理—物體之間的相對距離會影響用戶感知它們之間的關(guān)系绰咽。距離越是靠近的兩個物體會被認為其之間更有關(guān)聯(lián)性眼坏。
? ? ?因此在信息處理上,建議大家先將信息進行歸類,在這里可以采用低保真交互稿,也可以采用手稿,其目的就是能夠很快地將信息進行區(qū)分(哪些信息是相近的,哪些是相似的),在這里有一點需要值得大家注意的是:大屏的可視化是為了把重要的,高層認為需要展示的信息進行展示,大屏不是后臺系統(tǒng),因此不需要面面俱到地展示所有信息.我們在處理實際問題時最好是跟相關(guān)負責人商量好,哪些信息是可以展示的,這樣可以避免返工.
3.然后是交互
大屏的設(shè)計分為兩種,一種是有交互的,即用戶和屏之間有操作反饋,一種是無交互的.無交互的自然好說,有交互的大屏需要注意以下兩點:
? ? a.交互邏輯簡單——降低產(chǎn)品的認知負荷,便于用戶理解
? ? b.根據(jù)場景設(shè)計交互——建議先思考用戶在使用大屏進行操作的主要場景,包括誰在用,為什么在用,怎么用,在那里用,用完的結(jié)果是什么,這里可以參考辛向陽老師提出的交互五要素:
4.最后是動效
? ? 動效設(shè)計在大屏中也是大家很關(guān)心的一點,炫酷的動效可以讓可視化大屏提升好幾個檔次,常用的動效工具包括AE拂玻、C4D等.但是有一點大家需要關(guān)注一下,就是所有的動效是為了更好地輔助信息展示,也就是說設(shè)計動效不是目的,讓動效配合信息更容易讓用戶理解才是意義.否則就存在喧賓奪主之意.
? ? 還有一點就是建議大家在設(shè)計動效的時候跟開發(fā)的同學(xué)一起商量,因為有些動效很難在短時間開發(fā)出來,這就需要團隊之間密切配合,保證在規(guī)定的時間內(nèi)以最合理的方式將大屏落地,這才是最重要的.切不可我行我素,導(dǎo)致團隊之間無法達成一致意見.
