Map Dreamer 地圖夢想家

我們所夢想的事情,將會一一在NNGIS中逐步展現

(NNGIS開發者非官方手札)

FLEX 和 MAP 的邂逅(2) - 介面特效大剖析

Published by Squek's Blogger under on 2/12/2010 04:44:00 下午
一個內容豐富的GIS系統,必定都有的特性,那就是資料多、功能多,如果將這些功能和資料的都顯示在介面上,那網站的主角-"地圖"幾乎就沒有空間了,
因此,GIS系統都會將不需要的介面隱藏,等使用者需要使用時再做顯示

今天要跟各位介紹NGIS的介面特效

因為NNGIS團隊不甘平凡,所以NGIS中所有介面上的顯示和隱藏,都有量身訂作專屬的出退場方式,無論是簡單的、華麗的、甚至是有質感的通通有,介面的出退場,不單純只是"介面出現"和"介面消失"。
以下針對五種常用的特效說明

1.淡出淡入式
當我們開啟加值底圖功能,圖例以透明度漸弱的方式呈現,避免介面出現的太突兀。

2.展開式
當快速定位從簡易模式,切換成詳細模式,介面會以展開的方式呈現,有種介面長大的感覺。

3.兩段展開式
在主題地標和地圖畫家中,當介面需從A模式跳至B模式,而且兩模式內容大小完全不同時,就可以用兩段展開式,先將介面完全變扁並置換內容,介面再展開至B模式的寬高。



4.移動式
進階工具頁面總共有兩頁,當從第一頁切換到第二頁,我們利用"移動式",先將第一頁移動到使用者視線外,再將第二頁移動進來。
另外,也可以在方向上做更多的變化,當空間查詢選單出現時,就是透過兩種不同方向的移動式特效,先後進行所構成,當切換各功能時,也是用此特效,如圖。



5.移動縮放式
在所有的進階工具介面出現時,都是透過邊移動邊展開的方式呈現,就如同在Window作業系統的應用程式縮放效果。


介面特效不但讓使用者賞心悅目,並且在欣賞特效的同時系統已經悄悄地讀取所需的資料,可以降低使用者等待的感覺。當然,過多的特效,會讓人覺得多此一舉,甚至拖慢整體系統效能,因此是需要斟酌使用的。

最後,各位看官可以連到NGIS網站,欣賞我們團隊精細設計的出退場特效
並且如果有更棒的idea,也歡迎給我們指教!


0 意見:

張貼留言