你還在利用flash製作首頁動畫嗎？你還在設計乙個視覺化的靜態網站嗎？視覺與程式的設計新主張「ria」，將帶領你走入網站開發的新趨勢。
前言隨著web 2.0時代的來臨，網路服務開始重視使用者的經驗與感受，豐富而視覺化的介面設計，以及高互動性的網站設計已是一股新趨勢，「ria」帶領我們脫離傳統html框架式的設計，利用向量式動畫、多媒體以及資料庫的結合，來開發出新一代的網站體驗。
什麼是ria
如何設計ria
ria的應用
‧手機購物車：
圖為以flex製作的手機購物車範本，當以滑鼠拖拉預算數值時，右邊視窗會立即隱藏非預算內的手機，而當滑鼠放開時，視窗內會僅剩預算內的手機商品。資料來源：adobe官網
‧演示文稿圖表：
圖為以flex製作的演示文稿資料與圖表範本，當你任意點選一筆資料時，右邊視窗會立即顯示出圓餅圖，當你選擇圓餅圖中任意乙個區域時，下方視窗會立即顯示期長條走勢圖，每個視窗都可以任意切換圖表或資料表的顯示方式。資料來源：adobe官網
‧yahoo maps beta版：
圖為yahoo製作的beta版地圖，可利用滑鼠以拖拉方式選擇地圖的縮放比例，當你選擇起始點時，圖面立即以動態方式呈現最近的路徑。
微軟silverlight範例：
‧航線資料查詢系統：
圖為silverlight製作的航線資料查詢系統範本，當你任意點選起飛與降落的城市以及日期範圍後，此系統則立即提供全部搭機航線，滑鼠滑過不同搭機路線，立即以動態方式呈現不同的轉機方式。資料來源：微軟官網
‧線上鋼琴：
圖為silverlight製作的線上鋼琴，當你任意點選琴鍵，就會立即發出琴聲，且琴鍵按下去時，所反射在琴身的影子也會同時表現出來，感覺像置身在一台鋼琴面前，非常真實。資料來源：微軟官網
ria的優點
呈現更多的細節(visual detail)：可隨畫面放大縮小也不失真的向量特性。
快速回應：頁面切換不再是空白的等待，可增加淡出但入等特效。
無接縫：client-server之間的互動使用者看不到，切換效果更順暢。
完全的控制：具備桌面應用程式的拖拉效果，使用者可自訂介面。
gui的功能：利用圖形化使用者介面，讓不會使用命令列的使用者對作業系統進行指令輸入，不僅可以調整對話方塊尺寸，還能改變樣式與尺寸。
ria的獲益
一、以企業經營者的角度來看
1.增加一般使用者的成功交易數量。二、以it的角度來看2.協助您的線上商務快速攻占市場。
3.降低應用程式開發及維護的成本。
1.降低 it 基礎結構的建置成本。三、以一般使用者的角度來看2.精簡開發流程。
3.支援業界標準。
1.透過即時的互動式體驗，減少使用者挫折。結論無論你是以adobe的flex技術或是以微軟的silverlight的技術來開發ria網站，給使用者更好的體驗才是設計的主導要素。千萬不要只想著要設計乙個炫麗的網頁，能夠給使用者更快速、直覺、豐富的體驗的設計，才會是乙個成功的ria網站。2.初學使用者的可快速上手，降低學習曲線。
3.透過單一畫面的使用者介面，縮短瀏覽等待的時間。
參考資料
2. silverlight官方網址：
3. ris全球華人論壇：
4. 阿修的部落格：
5. 查爾斯實驗室：http://www.shou-nao.com/tw/charles/index.cfm
基於視覺資訊的網頁分塊演算法（VIPS）
這篇 的主要思想 從人類的角度來看，當乙個使用者觀察web頁面的時候，它總是會自然而然的把乙個語義塊作為乙個單一物件來看待，而不會管web頁面的內部結構是如何描述的。因此一些視覺因素，比如背景顏色 字型顏色和大小 邊框 邏輯塊和邏輯塊之間的間距等等可用來分辨語義塊，充分的利用web頁面的視覺提示，並...
攝影視覺運用於網頁設計
原文出處 暢遊vc 歡迎分享原創到伯樂頭條 當我第一次接觸到射雞時候，其實我是拒絕的。因為我覺得射雞這件事，不是你想做，想做就能做。我跟粑粑講我拒絕，因為我想做攝影 粑粑跟我講，你試著做一下，做完加攝影，網頁會很眩 很酷 很多特技 然後 duang 的一下我就不做攝影，做射雞了。攝影視覺與網頁設計在...
建立乙個新的視覺介面
基本的 view 類代表乙個全空的100 100 畫素的正方形。為了改變控制項的大小和顯示更炫的視覺效果，最具代表的，你需要重寫 onmeasure 和ondraw 方法。在 onmeasure 方法裡，新的 view 會依據給的邊界條件來計算它要佔據的高度和寬度。在 ondraw 方法裡，通過在畫...