蘋果正在重新思考「扁平化」,開發者應該注意什麼?
蘋果正在重新思考「扁平化」,開發者應該注意什麼?
2014.01.09 | 科技

2014年1月8日,蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些bug並進一步加強語音輔助功能之外,新版的用戶界面(UI)體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的「扁平化」設計毀譽參半的爭論,這半年來,iOS7的每次升級,都體現了蘋果的UI設計團隊對「扁平化」的理解持續深入。

新版iOS7.1 beta 3首先對鍵盤作出了調整:字體增粗,「刪除」和「大小寫」等按鍵進一步增灰,FaceTime和下欄應用也有了不同程度的變深:

ios71keyboard

為什麼調整成這樣?因為所謂扁平化的設計風格,並非直接把UI一刀切去肌理。它的設計理念,源於設計者希望人們的注意力從過分聚焦在界面元素的狀態,回歸為重視內容本身,而複雜的肌理只會干擾內容的條理。

但扁平化的設計的前提是:對內容的訊息架構有所要求。確保扁平界面的可用性,首先需要梳理清楚內容的層級結構,讓用戶找對交互對象,這一點基本功做好的前提下,所謂「擬真化」與「扁平化」的爭論反而不重要了。

從上圖的鍵盤變化我們可以看出,蘋果正把過於「扁平」以至影響視線掃描的部分加強。iOS 7.1 beta3由「純扁平」改良至略有肌理,便是一個印證,也是一次對徹底「扁平化」的反動。

反面的例子,可參考中國某家科技部落格最近改版得接近「純扁平」的主頁設計,你可以發現,層級結構沒有做好便「追求極致」的後果——訊息分散,模塊之間互相產生了排斥。

再來一張iOS 7 Beta 3的圖。同樣的道理,在確保了訊息結構後,蘋果進一步嘗試透過提升對比度來增強交互元素的表現力:配色、字號、位置佈局等等都是可以改變的元素,為交互提供必要的視覺線索及反饋效果,幫助用戶建立認知。 iOS 7的三大設計宗旨:依從、清晰、縱深都得到了很好的詮釋:

phonedialer

iOS 7.1 beta3對「扁平化」的調整和改動,並不僅僅是UI的問題。它可以延伸至另一個思考:如何讓內容更直接呈現,功能以更低成本完成。

我想到了之前PingWest剛報導的一款圖片社交產品Civo,Civo在iOS 7發布之前便是採用扁平設計,理念上已十分貼合,但這並不是重點。在新版裡,我們可以發現這款產品在同一個feed流界面上作了大幅度的改良,把內容(圖片)從頭像中「提取」出來。簡而言之,它採取更直接的內容呈現方式,減少操作層級,這又是一例。(下圖左側為原版)

IMG_4144333

「突出內容」,同樣可體現在功能模塊位置的設置上。以下是三款金融訊息類應用,我們可以發現,同樣是行情交易軟體,騰訊的「自選股」(iOS/Android)進入主頁首先顯示的是股票報價,而專業從事證券訊息服務多年的「同花順」(iOS/Android),卻把用戶帶進設有16個選項的個人主頁面,對於一款需要用戶爭分奪秒,以行情交易的瞬息變化為操作需求的產品而言,效率高下立斷。

photo4

同樣地,金融訊息工具「雪球財經」(iOS/Android)的客戶端也反映了上述問題:在沒有做好訊息架構(提供了過多且不重要的選項)分類的基礎上,跟風使用扁平化設計,在選項上也沒有做視覺的優化,底下的毛玻璃肌理還對內容產生進一步干擾,這些,無疑都提升了用戶的交互和認知成本。

相對於視覺風格,iOS 7的本質更關注交互層面的內容,「擬真化」與「扁平化」的衝突與中和,背後是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠認知時,它留下的是一套嚴謹的生產標準,而不僅是對潮流的跟隨。

出自:Pingwest

往下滑看下一篇文章
從300萬創業學費到無抗養殖平台:洺鈞畜產如何借力桃園,讓一隻雞成為畜牧轉型的起點?
從300萬創業學費到無抗養殖平台:洺鈞畜產如何借力桃園,讓一隻雞成為畜牧轉型的起點?

抗生素曾是現代畜牧業控制疾病的重要工具,但當抗藥性(AMR)成為全球公共衛生議題,如何兼顧動物健康與養殖效率,同時降低對抗生素的依賴,也成為畜牧產業的轉型課題。作為桃園市政府青年事務局成立「桃園天際線加速器」的進駐團隊,洺鈞畜產科技正試圖從桃園提出解方,而這個問題,執行長楊舒翔已經思考近十年。

畜牧系出身、研究所專攻微生物免疫與動物疫苗的楊舒翔,走進畜牧現場後發現,面對疾病風險,部分養殖戶仍會在好發疾病的時間點提前投藥。「微生物的成長速度,比我們研發對抗它的武器來得更快。」與其不斷追著細菌開發新的抗生素,他開始思考:能不能從飼養源頭降低動物對抗生素的依賴?

技術做得出來,農民為什麼要用?300萬元換來的創業一課

於是,楊舒翔他投入全程無抗生素養殖(No Antibiotics Ever,NAE),以薑黃、魚腥草等天然藥用植物開發草本配方,搭配飼養管理,協助雞隻維持健康,降低疾病發生後必須使用抗生素的機會。據團隊統計,目前已累積飼養超過200萬隻無抗雞,並透過SGS檢驗雞肝,確認相關抗生素及動物用藥未檢出。

洺鈞畜產研發全程無抗生素養殖(No Antibiotics Ever,NAE),以薑黃、魚腥草等天然藥用植物開發草本配方。
圖/ 洺鈞畜產提供

有技術,不代表生意做得起來。2017年楊舒翔第一次創業,開發草本飼料添加產品,再把技術賣給養殖戶。但對農民而言,改變熟悉的飼養方法不只增加管理成本,也代表必須承擔未知風險。「農民最在意的就是,換了新的方式會不會變麻煩?用了之後,我能不能多賺一點?」

第一次創業最終在2018年底收場,燒掉超過300萬元,卻也讓楊舒翔看懂:無抗養殖要成為產業,不只技術有效,更要讓參與其中的人有利可圖。2020年重新出發,在一位廣告業前輩建議下,他決定不再只賣技術,而是自己跳下來整合供應鏈。這一次,洺鈞畜產開始收購無抗雞隻、串接加工與通路,建立自有品牌「職人雞」;同時依農民、飼料廠與餐飲通路需求,提供添加產品、契作等服務。「技術再好,也要能真正走進現有的商業體系,才有辦法把生意做起來。」團隊也從「賣技術」,轉向可以依市場需求重新組合服務的無抗養殖平台。

不只讓雞不用抗生素,更要讓農民願意不用

商業模式改變後,楊舒翔說服農民的方法也變得簡單。「今天市場一隻雞收100元,我110元跟你收,你要不要跟我做?」透過較高的收購價格,降低農民轉換飼養方式的風險。依團隊統計,合作農民收入平均增加約10%至15%,市場收益再投入產品與養殖技術研發,形成「NAE價值飛輪」。洺鈞畜產也陸續將無抗養殖延伸至生鮮雞肉、滴雞精、常溫滷蛋白等商品,把原本位於養殖端的技術帶進消費市場。

然而,當技術與市場愈做愈廣,第二次創業也出現新的問題:有限資源該押在哪裡?研發如何持續?下一個市場又在哪裡?這一次,楊舒翔開始善用桃園市政府不同計畫與基地,依企業成長需求,補上研發、經營、市場與國際化能力。

從研發、永續到出海,楊舒翔借力桃園「資源拼圖」

楊舒翔很清楚不同資源能解決什麼問題。需要研發驗證時,團隊透過桃園市SBIR等資源持續研究;當多年累積的成果不知道如何向市場說明時,桃園市政府提供的永續培訓與業師輔導則協助團隊盤點過往成果、建立影響力報告,把無抗養殖帶來的農民收益與環境效益,轉譯成企業與市場能理解的永續價值。

產品與服務愈做愈多後,Meet 桃園+的企業業師、前全聯實業股份有限公司副董事長謝健南也協助團隊重新檢視資源配置。他提醒楊舒翔應該要做減法,把有限資源集中在核心業務。「他是真的走過商業的人,才會直接給出很商業、很具體的建議。」對曾花300萬元理解「技術不等於生意」的他而言,這類實戰經驗也降低了第二次創業的試錯成本。

桃園的國際加速資源,則改變楊舒翔對市場邊界的想像。過去他認為畜牧技術的機會可能僅限台灣或亞洲;接觸海外創業者、投資人與產業市場後,他開始確認,降低畜牧業對抗生素的依賴並非台灣獨有的問題,也讓下一階段目標從台灣市場,走向輸出添加產品、養殖SOP與技術服務。近期由桃園輔導的群眾募資計畫,則補上直接面對消費市場的最後一哩,協助團隊把近十年的技術、供應鏈與品牌故事,轉譯成消費者聽得懂的市場語言。取得桃園市政府提供的資源後,團隊也主動追加預算與自身人脈,進一步放大效益。

「所有的資源都在這,你要試著自己去拿,而不是被動等政府來救你。」對楊舒翔而言,桃園提供的是企業成長的支點,「當政府給你資源的時候,你自己也要把事情做好,才有可能借力使力,把自己拱上去。」

從桃園走出去,把無抗養殖變成可以輸出的系統

楊舒翔的下一步是將添加產品、養殖SOP、技術輔導與供應鏈經驗進一步模組化。未來進入不同國家時,不一定複製「職人雞」品牌,而是依當地產業需求,輸出添加產品、養殖技術、顧問服務,甚至整套無抗養殖系統。「當你把這些東西模組化、拆開來之後,就可以直接複製到世界各地。」

從燒掉300萬元才理解「技術不等於生意」,到整合農民、通路與消費市場,再善用桃園不同創業資源補足成長能力,洺鈞畜產第二次創業建立的,已不只是一隻不用抗生素飼養的雞,而是一套讓農民願意做、市場願意買,也有機會向海外複製的無抗養殖商業模式。

洺鈞畜產挖貝募資計劃:https://wabay.tw/projects/drchicken?context=referral_from_marketing&locale=zh-TW&ref=b3edb9d200

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台達電全解讀
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓