Knowledge / 知識觀點
如何讓你的網站,看起來時尚又現代?
為何有些網站一看就有懷舊的感覺,讓我想起很多往事。例如我用四張小圖拼成圓角,知道我說什麼的應該有一定的社會歷練了吧,又或者是那等很久又沒有什麼實際作用或內容的Flash動畫,這都是小時候的回憶。
在我還來不及回神,發現我正在看的,是一些大公司或政府組織的網站;聽說桃園國際機場改版了。
好,看來大家都有自己去google了,讓我們回到座位,繼續說一下有關現代的事。一個具備功能和漂亮的網站,是絕對今時今日可以做到的,起碼製造網頁的工具多了,技術比較成熟了,不過至今,即便是剛上線的網站,還是擁有無比懷舊的味道,這沒有對或錯,基本上只要開心就好了,甚至可以降低標準到,能正常使用就好了,畢竟美感的問題,也沒有一把尺可以量的准。
不過!時尚的網站,就有一把尺,什麼是時尚的網站,一個連kelvin老師也不會的名詞,究竟當中涵蓋了那些流行元素呢?是的,是流行元素,即便沒有也不會怎樣,就如同宅男也是一種風格,所以你是無可奈何的,但是如果你想做出一點改變,我的意識是想為你的網站做出一些改變,或許以下幾點,大家可以參考看看
簡而有力的使用者路線
在之前的文章「網站,越簡單越好」已經說了為何要簡化網站的內容。我相信沒有人會喜歡凌亂的感覺,簡約也是有困難的,曾經被客戶要求把產品「赤裸」的放在網站的正中央位置,或許總監對自家產品自信滿分,但是那種直接就如同必定失敗的告白一樣,只有勇氣和認知,沒有美感和專業還是不行的,再次強調這種東西還是信任你的設計師吧。
簡而有力的使用者路線就是直接告訴你的使用者,下一步要幹嘛?那很重要,你網站的訴求是什麼?你千幸萬苦把用戶導入到你的網站了,然後就這樣離開,只因為是在用戶不懂要幹嘛。也許是「節省」的觀念,很多時候業主都有一種「不要浪費」的心態,這裡還有很多空間,快塞,把空白處都塞滿。我說你知道我們是故意留白的嗎?
Responsive web design(以下簡稱RWD, 響應式網頁設計),至今天市面上流行的可以上網的工具從三二零到一九二零像素都有,如同我們的機場網站寫了一個固定尺寸一千四像素,那麼一千四以下就會看到不完整的網頁,可能需要滑動一下你的瀏覽器,手機就更開始悲劇了。
為何這一點變得相對重要,以下是 ’Social, Digital & Mobile Worldwide in 2014‘ 文章提及以‘internetworldstats’做為數據應用而製造的簡報, Social, Digital & Mobile Around The World (January 2014) from We Are Social Singapore
當中對於全球數據趨勢描述是,全球手機普及率是93%,用行動裝置上網的人更是比桌面電腦還要多,除了製造APP製造更好的用戶體驗以外,具備現代感的網頁,RWD則是不可缺失的一環。
高清和快速
iPhone6發佈之前,前幾代的像素都是326PPI(Pixels per inch)或以下,所以原本的圖像只需要按照比例放大一倍就可以應付了,iPhone6之後,或其實高清手機發佈之後,若需要達到完美的高清可能需要三倍的圖才可以做到比較好的效果,而現在的網速其實已經很快,為了要達到比較好的視覺效果,品質好的圖是必須要的,所以那些看到齒狀的小圖標或者模糊的示意圖,真的是可免則免。
空間和靈活
還記得一零二四的時代,那時候主管要求什麼都要弄在這個小方塊裏面,可以用的地方很小,嘗試把這個觀念拋開,想像你如果有三倍大的空間的話,你要幹嘛,小螢幕和大螢幕都是需要考慮在裏面,這就是上面提到RWD設計,那麼空間和靈活,可以說是這個概念的精髓。
靈活的設計可以讓網站的管理者隨意更新裏面的圖片或字,甚至移動位置,而不會弄壞網站的設計和結構,這個需要比較好的代碼規劃和樣式設計,需要做到這一點的比較像是穿著時尚網站,品牌網站等,這種更新率比較高的網站,假設有好的設計,就可以很輕易更換圖片和內容,就讓網站有新的感覺。
找個專業的設計師,前端工程師,後端工程師甚至是一個團隊
停止幻想了,如果你真的想為你的網站好,好好的拿出一筆預算,找個好的團隊,團隊裏面一定要有設計師,前端工程師,後端工程師,通常應該還要有PM,也有時候設計師本身也是工程師,然後和你好好的溝通和規劃。
而你既然請了專業的人來,就該聽專業的意見,如果你肚量不夠,就還是算了,因為說實在的,做壞了是你自己害了自己,因為之後要用的人是你啊。有些專業,不是買一本書就能學會的。
文章引用:https://www.smartm.com.tw/Article/31323330cea3
- 網站設計
- 2014 網站設計的趨勢 五組優秀單頁式設計作品集網站 網站設計趨勢 12個單頁式網站設計 網站設計新趨勢:更少文字,更多的富媒體 視差滾動效果網站設計欣賞 何謂網站設計? 如何讓你的網站,看起來時尚又現代? 網站,如何越簡單越好? 建立網站應該不難吧!如果你患有這4個迷思,請先放下手邊工作… 2016年TOP10企業網站設計趨勢: RWD響應式網頁、一頁式網頁、全幅背景… 網頁佈局大解放!2017年10大網頁設計趨勢 2019年網頁設計趨勢前瞻,先睹為快! 知名設計師展望 2019 年:UI、UX 設計將會出現十大趨勢
- 數據分析
- 三大數據分析,電子商務網站經營者一定得知道! 電子商務產品經理應該要了解的六大數據力 未來的電子商務決戰點~以內容經營品牌社群 傳統零售業轉型電子商務,如何制定策略、順利淘金? 掘金「她經濟」!四個值得關注的電子商務趨勢 電子商務經營,你不可不知的3M市場 行動商務這樣做!
- SEO搜尋引擎
- 傳產老闆看過來,企業數位轉型從SEO開始 你的網站夠「友善」嗎?——從數據掌握指尖下的商機 結合SEO與內容行銷策略,擴大受眾族群成長動能源源不絕 SEO文章4點關鍵技巧,輕鬆寫出SEO友善文章 還在談電子商務嗎?品牌電商才是未來的王道 還在想怎麼做Google的SEO?語音搜尋時代行銷人該掌握的3個關鍵 網站改版,不可輕忽的10個SEO優化項目
- 雲端系統
- MES系統
- MES(Manufacturing Execution System)製造執行系統基本觀念 MES的功能介紹與應用 MES系統軟體定製專案的執行方法 提高產品質量的10種MES製造執行系統方法 成功的MES應用案例需要做好哪些項目前期工作? MES與ERP集成,你必須知道這些! 中小企業實施MES系統需要注意哪些問題? 智能工廠MES系統功能需求分析
- RWD響應式網頁設計
- 關於響應式網頁設計(RWD) 什麼是響應式網頁設計(Responsive Web Design) 適應性網頁設計簡介 RESPONSIVE WEB DESIGN 簡單介紹 Responsive Web Design優缺點 回應式網頁設計帶來的行動優勢 響應式網站設計概念 RWD網站設計概念 RWD網站設計和行動版比較 回應式網頁設計 RWD RWD與獨立行動版網站的探討 自適應網頁設計 RWD 因應RWD新時代的網頁設計流程
- 購物商城 / 電子商務
- 我想要做『購物網站』 國外網站推薦的25個購物商城設計 行動商務時代,行銷人該掌握的三個問題 手機是電商購物的未來,但暫時還離不開PC 網站購物車總是被遺棄?這裡告訴你原因 4招翻轉商品網頁設計,引導消費者下單、結帳一氣呵成 行動網路市場獲利驚人,四年後可望達7000億美元 淺談行動商務 行動購物商機 57%消費者用過行動裝置購物
- RWD響應式購物
- 新一代多螢幕電商解決方案:響應式設計(RWD) 響應式電子商務網站設計的10大範例 為什麼響應式網頁設計可以幫助人們購買你的產品? 為什麼響應式網頁設計是電子商務網站的最佳選擇? 為什麼您的網站需要響應式網頁設計? 好的網站設計帶業績上天堂,5個電商網站設計的注意事項 零售電商的進步,從優化手機瀏覽畫面、圖片格式、大小開始
- ERP系統
- 何謂ERP系統? ERP系統概念 ERP系統走向營運決策-1 ERP系統走向營運決策-2 ERP系統走向營運決策-3 ERP系統走向營運決策-4 ERP系統走向營運決策-5 ERP系統走向營運決策-6 ERP系統走向營運決策-7 ERP系統走向營運決策-8 ERP系統走向營運決策-9 ERP系統走向營運決策-10 ERP系統走向營運決策-11
- APP手機行動網頁
- 系統整合
- 運輸業系統
- 線上學習
- 數位學習(E-Learning) E-Learning 2.0 線上學習燃起.com新希望(上) 線上學習燃起.com新希望(下) 歐洲線上學習市場 前十大業者囊括46% 臺灣數位學習市場 嗅到成長商機(上) 臺灣數位學習市場 嗅到成長商機(中) 臺灣數位學習市場 嗅到成長商機(下)
- 加盟連鎖管理系統
- 其他