March 24, 2008
例︰永祿豐食品 網站製作之NetworkUserInterface 略說
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 的重要性與複雜性...
0 Comment(s)