壹蘋新聞網 Next Apple News
App UI 改版
在台灣蘋果新聞網停止營運後,原團隊改成立「壹蘋新聞網」持續運作。因不沿用既有平台,團隊必須重新開發網站及 app。我負責內容為 app 的改版設計,重新定義標準色與設計規範,並與開發團隊發想 app 內的功能規劃。
公司團隊
壹蘋新聞網
負責項目
UI & UX Design Visual Design
產業
新聞平台
執行日期
2022.11 - 2023.01
使用顏色
取用壹蘋新聞網品牌色,將藍色設為主要用色,象徵冷靜、專業、中立的新聞立場;另取蘋果 logo 的紅色及綠色作為輔助色,使用在重點提示、次要的元件配色上。另外也個別建立了九種色彩級距,以滿足各種應用情況。
Icon 標誌設計
以簡單明確的線條呈現圖示,僅在表示啟用時 (actived) 或小尺寸時才以實心填滿呈現,降低使用者閱讀文章時的干擾。
新聞首頁、文章內頁
1. 首頁上方以幻燈片呈現熱門新聞,可以讓重點新聞常駐在頁面上,吸引使用者目光;下方列表則依照時間排序,並使用兩種格式交錯呈現,小圖列表呈現常規新聞文章,大圖板塊則為編輯們希望強調的新聞文章。 2. 為了增進用戶的黏著度,除了閱讀行為外,也讓讀者可以對文章產生更多互動。在文章置底處增加了互動欄位讓讀者可以留言及發送喜歡,同時也能再對他人的留言進行互動。
各式新聞專欄
在首頁是最多讀者瀏覽的頁面,因此我們嘗試在新聞列表中加入不同屬性的內容,視應用情況可顯示不同種類的導流區塊,包含新聞專題、短影片、商品,讓使用者在閱讀文章中有機會參與到 app 內的不同功能,增進產品整體的活躍。
選物商城、短影片、討論區
除了既有的新聞內容外,壹蘋新聞網分別在營收、內容、互動上嘗試了更多功能: 1. 選物商城除了陳列精選的商品外,亦會在部分文章內互動導購或置入廣告。 2. 持續播放的短影片創造更多動態吸睛的影像內容,讓新聞不再只是呆板的文字與圖片。 3. 高互動的文章將會在討論區呈現,讓使用者在閱讀文章之餘也能知道哪些新聞是目前最被大家關注的。
從這邊瀏覽或下載:










