為什麼 CSS 這麼重要而 Flash 會逐漸淘汰?9 張 GIF 動畫圖帶你見分曉

Froont,一家為 web 設計師製作工具的舊金山公司,用 9 個 GIF 格式動畫來表現網頁設計在過去 25 年的發展歷程。如果你想知道為什麼 CSS 這麼重要,為什麼 Flash 會逐漸淘汰,這些動畫圖或許能讓你一窺究竟。
評論
評論

本文轉自合作媒體 伯樂在線 。翻譯者為 碼農網 –小峰 。原文出處:Fastcodesign〈The History Of Web Design Explained In 9 GIFs〉。

Froont,一家為 web 設計師製作工具的舊金山公司,用 9 個 GIF 格式動畫來表現網頁設計在過去 25 年的發展歷程。如果你想知道為什麼 CSS 這麼重要,為什麼 Flash 會逐漸淘汰,這些動畫圖或許能讓你一窺究竟。

網頁設計的單色時代,約 1989 年。想想 Lynx 和其他以 Unix 為基礎的 web 瀏覽器,這些瀏覽器只會通過網絡從這個終端到另一個終端一個字一個字跳出來。沒有圖形使用者介面,只有一串字母和一個閃爍的光標。

現代化的開始,約 1995 年。第一個瀏覽器,例如 Mosaic,允許設計人員在網站上顯示圖片,但是唯一的方法是將這些網頁元素丟進不雅的表格佈局中。由於這真的很難精確定位,所以設計師得琢磨地非常清楚如何寫好表格嵌套表格再嵌套表格的代碼以便正確顯示內容。

幸運的是,JavaScript 出現了,為設計師帶來很大的便利。Flash 讓我們創建動態網站的設計更為簡便:例如,彈出視窗和在頁面上動態修改內容順序。但是相較於本地 HTML,JavaScript 速度很慢。

儘管 Flash 也曾風靡一時,但是現在幾乎已經被 HTML5 幹掉了,但是在 1996 年,它代表了網頁設計的一個新高度:能夠讓設計師按他們自己的方式使得頁面生動起來。這也是 Froont 飛出頁面和開場動畫等的黃金時代。但是,Flash 會佔用電腦大量的處理資源,這也使得它成為一種不太友善的技術,尤其是對於行動裝置,例如筆記型電腦和智慧型手機而言。

CSS,首次發表於 1998 年,解決

了很多早期的 web 設計問題。它將網站美觀度從網頁內容中剝離出來,設計師終於可以按照自己的想法製作或者為客戶設計網頁了。雖然最早的 CSS 版本不是非常靈活,但是現在的 CSS 已然成為了設計師需要掌握的最重要的網路技術。

2007 年 iPhone 的問世給設計人員帶來了一個全新的難題:如何在智慧型手機這個更小的螢幕上設計網頁?一開始設計人員想到的是使用一種網格系統,這種網格系統可以根據裝置螢幕的尺寸將網頁分割成若干列。

2010 年,對於如何在行動裝置顯示網頁的問題,Ethan Marcotte 想到了另一種解決方案:響應式設計。

在響應性設計之後,一種撇去華麗效果重視內容的扁平化設計也出來了。這種設計簡化了視覺元素,突出漂亮的字體來創建 web 體驗,而且顯示在任何裝置上的效果都非常棒。

至於未來會如何?Froont 表示,更好的 web 設計還在研究開發中。以後,設計人員將不需要再擔心瀏覽器的相容性問題,各種適用於任何裝置的工具也都隨手可得。以後的技術將不會再成為設計的限制,設計師可以集中精力解決 UI 和 UX 問題,而不是把時間浪費在排除故障上。


智慧照護新革命!AI 機器人成為智慧醫療助手

高齡化浪潮來襲, 2025 年台灣將步入超高齡社會,65 歲以上人口佔比超過 20%。高齡化加上少子化,衍生勞動力短缺不足,經濟部工業局推動「電子資訊智慧製造服務系統推動計畫」,加速服務型機器人產業發展,借鏡日本智慧長照現況,把科技導入照護場域,提升更好的生活品質。
評論
Photo Credit:經濟部工業局
評論

日本是全球高齡化程度最高的國家,而台灣高齡化的腳步愈來愈快,僅剩不到 5 年的時間準備。因應長期照顧與醫療照護需求,各單位紛紛投入 AI 應用服務,解決人口結構改變問題。綜觀以 AIoT(物聯網 + 人工智慧)為核心的智慧醫療趨勢,可輔助醫療流程、節省人力成本,更提升照護服務效率,為高齡化社會帶來了新的解方。

Photo Credit:經濟部工業局
台日照護機器人交流會邀請各界分享照護機器人開發與應用案例與經驗。

人工智慧產業前景看好

人類壽命越來越長,智慧醫療正逐步顛覆傳統醫療模式,從遠距醫療、機器人、物聯網到穿戴式裝置,龐大潛在商機吸引國際科技大廠投入。台灣醫療服務水準居亞洲領先地位,尤其是資通訊科技實力鏈結全世界,創新能力與解決方案屢屢獲得市場矚目。當人工智慧遇上健康醫療,擴展未來醫療的無限可能,對社會大眾都有切身影響,不僅引領新一波商業浪潮,也創造出更多的照護服務模式。

醫療與科技結合,帶來新變革也帶動數位時代轉型新契機,未來將有更多關於智慧醫療的布局,解決人口高齡化的社會問題。從另一個面向來看,人口快速老化促使長期照護需求,服務人力是建置完整體系的關鍵因素,衛福部在政策面不斷調整適當的滾動式管理。目前長照 2.0 擴增老年照護服務,以及任何年齡的失能身心障礙者,從長照人力需求來說,缺工現象嚴重,照護機器人將成為醫療、長照的主力。

台日照護機器人交流會

為提供台灣照護場域導入智慧科技之契機,在經濟部工業局指導下,服務型機器人聯盟與台灣智慧樂齡照護創新科技產業大聯盟於 5 月 6 日攜手舉辦「台日照護機器人交流會」,邀請各領域專家分享實務現況,作為研發製造與場域運用參考。經濟部工業局林青嶔簡任技正表示,隨著科技迅速發展,智慧醫療創新服務產業生態系逐漸茁壯,5G 落地、AI 應用更多元,機器人正在改革醫療世界。

圖2_經濟部工業局林青嶔簡任技正表示,超高齡社會即將來臨,透過服務型機器人創新科
Photo Credit:經濟部工業局
經濟部工業局林青嶔簡任技正表示,超高齡社會即將來臨,透過服務型機器人創新科技能解決照護人力議題。

「台灣和日本一樣,面臨急速老化的超高齡社會,因此對於熟齡及身障者的照護非常重要。呼應長照 2.0 政策,應用科技打造更多元化、人性化的服務,AI 及智慧機器人的運用更是未來顯學。」林青嶔簡任技正分享觀點,這場交流會聚焦台日相關經驗分享與討論,加速業者與國際連結。台灣具有精密機電與 ICT 產業供應體系的優勢,發展機器人科技的腳步正迎頭趕上歐美日等國家,尤其是服務型機器人產業,將是台灣製造業的明日之星!

圖3_因應疫情,透過網路視訊方式進行交流,雙邊合作討論熱烈。
Photo Credit:經濟部工業局
因應疫情,透過網路視訊方式進行交流,雙邊合作討論熱烈。

促成更多元的服務應用

透過「台日照護機器人交流會」,日本 ATA 協會五島清國部長、日方企業 Reif 與 Whill,以及台方微星科技、全智通機器人、福寶科技分享照護機器人的開發與普及應用現況,透過創新科技解決照護難題。照護機器人的開發,必須掌握使用者需求、符合未來照護趨勢,再藉由實體實驗場域的調校,完美融入生活當中。微星科技、全智通機器人、福寶科技旗下的產品已分別應用於物流、醫療、清潔等領域;因應新冠肺炎疫情的「低接觸」服務型態需求,更加快普及速度。

圖4_日本ATA協會五島清國部長強調照護機器人必須貼近使用者,幫助提升生活品質。
Photo Credit:經濟部工業局
日本 ATA 協會五島清國部長強調照護機器人必須貼近使用者,幫助提升生活品質。

服務型機器人的創新應用在不同領域逐漸成形,經濟部工業局透過政策資源、科專計畫等大力推動服務型機器人產業化,協助企業轉型發展機器人新事業動能或新創公司設立,包括微星、東元、佳世達、凌群等企業。另外,2018 年成立的「服務型機器人聯盟」,由資策會服創所與台灣智慧自動化與機器人協會(智動協會)合作發起,結合政府及民間力量整合產業鏈上中下游資源,共組國家隊搶攻國內外市場。

服務型機器人聯盟今年度規劃「2021 ROBO COM 蘿蔔控」創意實證競賽,延續場域實證的精神,擴大研發能量及市場化企圖。聯盟持續引入資源,推動機器人業者和學研團隊合作,展開技術及實務交流,共同激盪具市場潛力的創新方案。


 「2021 ROBO COM 蘿蔔控」服務型機器人創意實證競賽資訊

  • 報名期間:即日起至 5 月 15 日
  • 競賽期間:6 月 15 日 - 9 月 30 日
  • 報名資格:不限年齡、學生團隊、社會人士、非營利組織、地方社團乃至公司行號都可組隊報名
  • 組隊資格:接受個人挑戰或多人組隊,團體至多6人

立即前往活動報名頁面了解更多!

經濟部工業局 廣告