goTOP
採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
August 10, 2010
點擊在新視窗中瀏覽此圖片

http://www.livemusic98.com/

這個網頁製作沒有複雜的功能,主要分為地圖、服務、菜單、宵夜與現場Live。

製作分析︰
1.首頁跑馬燈︰Javaseript。
2.首頁Flash︰除了動畫之外,分四的單元做網頁連結說明。
3.各頁SEO︰與這個網頁相關資訊放入meta與網頁中。
4.各頁close window︰rollover->CSS + close window->Javaseript
5.menu的部份︰因為頁面太長,採動畫式跳頁(CSS+Javaseript) ,一般使用者對於較長的畫面也容易閱讀。

以下是部份的Interface介紹︰
March 24, 2008
點擊在新視窗中瀏覽此圖片
http://www.foreverhealth.com.tw/

以下略說NetworkUserInterface複雜、提示、與製作的邏輯之介紹︰

點擊在新視窗中瀏覽此圖片
[main icon]+[mouse exit]

NetworkUserInterface說明︰
1.[main icon]為一般狀態的標示圖檔。
2.[mouse exit]為當滑鼠離開了[main icon]or[over icon]上方位置時,會顯示的標示圖檔。

點擊在新視窗中瀏覽此圖片點擊在新視窗中瀏覽此圖片
[over icon]+[mouse enter]+提示(圓圈的明暗顯示+底色改為暗色+more的左右移動)

NetworkUserInterface說明︰
1.[over icon]為一般狀態的標示圖檔。
2.[mouse enter]為當滑鼠進入了[over icon]or[main icon]上方位置時,會顯示的標示圖檔。
3.以上動畫icon的提示,這個地方[over icon]將會有連結的產生,與[main icon]比較起來,[over icon]是比較明顯ㄉ。

※在這裡,我沒有做[mouse down]的部份,也是讓NetworkUserInterface變得很易懂,算是很重要的地方。
考量︰動畫+icon 過多會讓資料量的速度降低,我主張採取讓慢一點的電腦也讀得到的利點。

以記號論與認知科學的角度,再次分析NetworkUserInterface應為以下層次︰

點擊在新視窗中瀏覽此圖片
1.心理層(index) 2.圖像層(icon) 3.程式層(program)

=========================================================
武藏野美術大學的日文碩士論文中,
以 Virtual School 論述 NetWork User Interface 的重要性與複雜性...
March 13, 2008
http://www.asiaforjesus.net/eleader2008/
點擊在新視窗中瀏覽此圖片

這次的 2008 才藝品格營 以戰國策過去的作品來作逐鹿三國的主題...
我們在製作時,先請對方製作好企劃書後,開始製作。(當然...修改是必然ㄉ...)
March 11, 2008
2005-2007 才藝品格營回顧 CF AVI 版

高畫質影片
參考URL︰http://www.asiaforjesus.net/eleader2008/swf/cf-view_1.html

低畫質影片


2008 才藝品格營 逐鹿三國 CF AVI版

高畫質影片
參考URL︰http://www.asiaforjesus.net/eleader2008/swf/cf-view_2.html

低畫質影片


關於Flash與Movie的製作,本次製作內容以Flash8+ Flash MX 2004,外加Peak 3做音效處理
1.Flash動畫+音效
└利用Flash動畫的效果,吸引並集中網路用戶的目光。
2.Flash聲音控制 (ON,OFF)
└原本為配合歌詞與音樂,後來以播放40秒音樂左右作為處理方式。
3.Flash串連播放控制
├1.avi->flv->swf (網站上較高品質的影片)
│└呼叫Flash的影片控制功能,讓用戶能夠簡單使用影片與觀賞。
└2.avi->flv->Youtube (提供影片link用)
 └利用Youtube的人氣度與頻寬,提高對才品的曝光度與通暢的流量。


=========================================================
武藏野美術大學的日文碩士論文中,
以 Virtual School 論述 NetWork User Interface 的重要性與複雜性...
分頁: 1/1 第一頁 1 最後頁 [ 顯示模式: 摘要 | 清單 ]