線上設計平台 Fotor

免費的 Fotor 修圖/拼圖工具,是以 Flash 技術開發,而這項技術已經走入軟體生命週期的末期 (Adobe 早已終止行動版本研發)。最新版的 Fotor (正體中文) 採用 HTML5 重新開發,也將擺脫 Adobe Flash Player 束縛。 因為中國大陸團隊所研發的軟體,目前已含正體、簡體中文界面,也可以選擇中文字型來設計排版喔!

Fotor Online
閱讀全文⊳

從 Flash 到 HTML5

回顧轉型為網路印刷 (現在稱為雲端印刷) 方向之初,當時 (2005 年 Adobe 收購 Macromedia) 國外正如火如荼地推出個性化 (DIY) 印刷,讓顧客線上客製化桌月曆、相簿和卡片等這三種印刷品,可以每本或每張都不同。這類型線上編輯工具都是採用 Adobe Flash 技術開發,因為它是那個年代的主流技術,我們自然也使用這個 Flash 技術研發,推出我們的線上 DIY 編輯軟體。

使用這項技術的好處是,那時候的網路瀏覽器幾乎都內建 Adobe Flash Player,客戶不需要下載及安裝任何額外軟體,可以直接在瀏覽器上開始線上編輯/設計頁面,非常地簡單方便。快轉十二年時光,現在各家智慧手機上的瀏覽器,早已不支援它,而桌機的瀏覽器也開始限制 (詢問執行) Flash Player 的執行,這正式宣告 Flash Player 就快走入歷史,跟大家說再見了。

新一代的網路霸主 HTML5 儼然已是主流,這一、二年軟體公司都忙著從 Flash 轉換到 HTML5 的軟體開發 (又是軟體公司數鈔票的時機)。新年新希望,我們規劃大半年的 HTML5 版線上設計平台正在趕工中,先分享它的軟體雛形設計,今年將面世替代 Flash 舊版本。網站也正在大改版,加入我的購物車功能,更接近一般網路購物平台的操作用法。

這是什麼網頁字型?

網站常用的網頁字型 (Web Font) 不外乎是 Arial (Helvetica)、Sans-serif 等作業系統內建的系統字型。隨著免費的網路字型 (如 Google Fonts) 越來越多,網頁設計技術 (HTML5/CSS3) 日新月異,許多網站上也出現設計美觀的獨特字型。如何知道這是什麼字型?

12Keys-Florida

這裡介紹兩款瀏覽器的小工具,是個人需要使用看看。WhatFont 提供有 Chrome、Safari 的外掛模組 (extension),以及書籤列小工具 (bookmarklet)。安裝 Chrome 外掛後,在瀏覽器右上角會出現如下圖的小圖示 (f?)。點一下此小圖示,開啟顯示網頁字型功能,在網頁上移動滑鼠就是自動顯示字型名稱。若要關閉此項功能,再點一下小圖示即可。

WhatFont-Show

另一款是書籤列的小工具 Fount。進入此工具網站,將「 Fount 」按鈕拖曳到瀏覽器的書籤列,即刻完成安裝程序。點一下書籤列的「 Fount 」鈕 (如下圖紅框),開啟顯示網頁字型功能,使用滑鼠點選任何網頁文字,就會在右上角的白框裡顯示字型名稱及其樣式資訊。隨時點一下這個白框,即可關閉此項功能。

Fount-Show

HTML5 如日中天

2015年,消費者會注意到的最大改變,可能是網路本身。隨著 2014年10月全球資訊網協會(W3C)完成 HTML5  標準的制定,以及眾家網路瀏覽器 (Browsers) 均陸續支援這套 HTML5 + CSS3 的標準來看,HTML5 將會變成各家網站的標準配備。網頁設計師會有忙碌的一整年,花費時間修改舊網頁,來徹底砍掉 Flash 外掛軟體。

HTML5 擺脫了影音外掛程式的束縛,支援使用多媒體 Audio、Video 的標籤 (tag),不需要安裝相關的影音外掛程式,就可以滿足能在網頁上觀看影音的需求。再者,智慧手機的生態逐漸成熟,手機瀏覽器支援 HTML5 的能力逐漸強大,更讓它的聲名大噪。目前 HTML5 與原生 App 正處於競爭與合作的混沌狀態,有人則認為「過去三年是App 的野蠻生長期,現在 App 已有點退潮的跡象。」

YouTube 也於2015/1/27 在官方部落格上宣布 (Youtube now defaults to HTML5),將預設改為使用 HTML5 視頻播放方式,替換掉 Adobe Flash。有網友戲稱這是:喬布斯心願已了。部落格上說:不僅是 YouTube,整個行業都因這些進展得益。擁抱 HTML5 的不僅有 Netflix 和 Vimeo 等內容提供商,還有蘋果、微軟等公司,都對 HTML5 的成功起到重要作用。

在網頁設計上,除了 HTML5 標準,CSS3 則扮演著視覺呈現 (網頁排版) 的重要角色。為什麼 CSS 這麼重要而 Flash 會逐漸淘汰?一家網頁設計師公司,用 9 個 GIF 格式動畫來表現網頁設計在過去 25 年的發展歷程。如果你想知道為什麼 CSS 這麼重要,為什麼 Flash 會逐漸淘汰,這些動畫圖或許能讓你一窺其究竟。

易普印 2014 年回顧與展望

從 2011 (民國 100) 年起,習慣於年初回顧過去與展望未來一年的網站發展。根據 Google Analytics 的統計資料分析,易普印 (ePrint) 網站 2014 年的總瀏覽網頁數與人次,均較去年度成長超過 150%, 這已經是連續四年 (100 ~103年) 維持在約 150% 的網站成長率。在經濟不景氣的環境下,能夠持續地成長公司夥伴們感到很慶幸,非常感謝所有用戶的支持。

在 2014 年下半年開始應用 Google 雲端硬碟的技術,研發了 Google 試算表的外掛程式 – 折價券精靈 (Coupon Wizard)日本精品亞洲巡展 (JETRO) 的展場進出入管理系統等。也累積了許多不同的客戶需求,今年 (2015) 將針對這些相關需求,再應用雲端運算技術來開發更多的應用軟體。

中文版外掛程式 addon-english

隨著智慧手機的普及,以及 HTML5 網頁技術的正式發表 (2014/10),易普印網站的內容將徹底廢除 Adobe Flash、Spry 技術,採用 HTML 5 與 Web App 取代,包括全新的 DIY 線上編輯工具 (去年第四季啟動開發),以及針對智慧手機和平板電腦的設備來優化網站內容與工具,敬請期待。