原創|其它|編輯:郝浩|2012-08-26 20:47:33.000|閱讀 1684 次
概述:本文中的許多材料是基于簡單色彩理論和與樣式化儀表盤的圖像藝術家的討論。我將介紹個別數據可視化樣式(包括圖表、量規和地圖),如文字和配色以及儀表盤整體布局和樣式化的注意事項。此外,需要提及的是創建儀表盤時,功能應遵循形式
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
1.0簡介
本文是為嘗試儀表盤布局和樣式化的開發商而寫的。此外,本文中的某些要點對剛開始設計儀表盤的圖形藝術家可能也會非常有用。這不是指導,只是本人在探索在儀表盤設計方面的創造力時所遇到的習慣做法的總結。本文中的許多材料是基于簡單色彩理論和與樣式化儀表盤的圖像藝術家的討論。我將介紹個別數據可視化樣式(包括圖表、量規和地圖),如文字和配色以及儀表盤整體布局和樣式化的注意事項。此外,需要提及的是創建儀表盤時,功能應遵循形式;例如,儀表盤怎樣運行和用戶怎樣與儀表盤相互作用應優先于儀表盤的外觀和觸感。其實,兩者之間有一個平衡點。
2.0 一般樣式
開始樣式化前,你應該尋找一個起始調色板。通常情況下,是有合適的顏色的,最壞的可能是從正在使用的商標中創建一個簡單的調色板。若沒有品牌色彩或商標,通常我會使用白色和淡灰色的簡單調色板,原色是酷藍。使用這種方法不會弄出太難看的儀表盤,但如果你是像我一樣的面臨藝術挑戰的開發商,那么一切皆有可能。
你可以使用調色板生成器通過基色調色板創造更多的顏色,以供使用。當你擁有多個數據可視化組件和不同比例時,你將需要上述所有額外配色。一般我可用的色彩至少是8種。
數據可視化背景和調色板背景通常使用中性色,如淡粉色和淡灰色;若可能,使用基色調色板上某一顏色的最淺色。這可以使數據可視化元素,如條線和指針更突出。
注意細節也是非常重要的,尤其應特別注意文字。整個儀表盤應使用一致的文字字體和大小。網絡環境中,可使用TrebuchetMS或Verdana;桌面儀表盤,標題可使用Myriad、Calibri或Arial,內容可使用Verdana或Tahoma。軸標題、軸刻度和圖例說明等的一般字體大小約10pt。使用12pt-14pt和黑體字區分主標題和其他標題。
3.0圖表樣式
3.1圖表分類法
3.2提示和技巧
4.0 計量器樣式
4.1 計量器分類法
4.2提示和技巧
5.0地圖樣式
5.1地圖分類法5.2提示和技巧
6.0儀表盤樣式
歸納儀表盤樣式是非常困難的,希望本章節能給予你一些基本模板。
圖6.1a描述了一個經典的儀表盤布局,其中包括品牌空間、儀表盤濾器空間和數據可視化組件占有面積。這個布局可以有很多變化,例如,濾器可在左列儀表盤上,濾器上可以有導航項,或甚至沒有濾器等。
以下是關于儀表盤內容的兩種一般布局:
請記住,需要顯示的KPI應能驅動布局設計,而不是相反的。若采用相反的方法,則你可能發現額外的KPI也需要空間或因缺乏空間需要刪除KPI。
7.0總結
我已經介紹了基本顏色理論要點、數據可視化樣式化要點和整體儀表盤布局。顏色理論最重需要注意的是大多數空白都應該選擇淺色。如果你是像我一樣的面臨藝術挑戰的人,堅持使用白色作為主要背景色能讓你更成功。應嚴肅的對待字體,但若你不在乎,堅持使用TrebuchetMS和Verdana就好。整體儀表盤布局時,請記住,最開始可使用本文中介紹的基本布局之一。最理想的是,你的儀表盤落入圖像藝術家手中,但如果你只是一個人或你身邊沒有視覺專家,本文可以幫助你創建在視覺上更有吸引力的儀表盤。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件