樂活走



樂活走 個人電腦版
樂活走 個人手機版
樂活走 企業電腦版
樂活走 企業手機版

最近公司推出的新服務,簡單的說就是如果附近有新的天氣系統出現或消失,這個服務就會主動提醒你,這個服務主要是在手機上使用的,但因為網頁要給人註冊方便,以及給人用電腦瀏覽看起來比較正常,我就用同樣的架構,套不同的CSS做出了電腦瀏覽版跟手機版兩種。

可以先看這篇,要做手機跟網頁版,除了版面配置外,宣告也很重要。

如果用手機上網,也在電腦版網頁放了轉換成手機版本頁面的功能,可以參考這篇,大致上都能順利轉換過去,可是在測試的時候,剛好就一款Nokia的手機轉不過去,於是還是在電腦版放了可以轉換成手機版的連結。







頁面設計起來的差異,主要在於一般電腦版網頁是用固定網頁寬度,而手機版則是滿版的方式來設計,因為手機畫面可以翻轉,所以使用滿版來設計會比較好。





企業版則是多了兩個服務,也因為如此選單按鈕的部分也作了調整。

最後講一下樂活走的意思,樂活走其實指的就是台語"落雨走",所以我logo用了一個人撐雨傘,英文更是直接使用了Rainy Walker。

留言

熱門文章