撰寫網頁設計應用在手機與電腦之間使用
由於平板電腦和智慧手機的出現,使用的人口也逐年攀升,讓網頁設計者不得不注意這一塊消費市場的需求。
因此撰寫一支能夠偵測不同螢幕介面,以便調整畫面輸出的像素大小、字體(大小、顏色)以及座標位置等等,就變成了一件很重要的事情了。
也就是說未來的網頁設計師勢必要考慮不同介面的使用者,撰寫至少兩種不同規格的CSS語法,然後配合Javascript去偵測輸出裝置,以便決定網頁本身應該套用何種CSS規格,呈現所要的網頁外觀樣貌。
這就好像裁縫師設計兩種不同的西裝SIZE,以前會穿西裝的客戶只有一種人,那就是成年的大人,所以SIZE只有一種。現在小學生也流行穿衣裝了,於是因應市場需求分別製作了L號和S號兩型。當小朋友進來時,裁縫師就拿出S號給他穿,讓他感到合身舒適,於是就成交了。
反之,如果是成年人進來,裁縫師就拿出L號的西裝套在這個人的身上,他感覺很合身就高高興興的買了,這個重點就是生意成交了。
網頁設計師就好比是裁縫師,你不能把原本在電腦上所設計的網頁視覺效果硬套在像素較少,螢幕不大的手機上。讓手持智慧手機的使用者看到非常迷你的文字,所有的按鈕也跟著小到用手指頭點觸也很難操作。
所以如果是手機專用的網頁,字體就要大大的,按鈕也要大大的,還有不能用Flash設計網頁動畫,這是因為現在的智慧手機已經不支援了,所有的互動式畫面功能一律改用Javascript來完成,取代過去Flash網頁動畫的特效。
轉貼來源:ITHome - 做中學
參考文獻:
1.戴軒廷、馬恆、張紹勳 (2004), 衡量網路廣告態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
相關文章
網頁設計的版面佈置使用「瀑布流」比較好,還是「下一頁」比較好?從平面設計轉前網頁設計領域如何為網站申請無障礙網頁設計2013年,內容網站設計新趨勢:自適應網頁設計、HTML5,以及推薦閱讀機制 視覺及企劃也該知道的網頁設計概念
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了