[閒聊] 三星手機UI發展史:TouchWiz篇(已更新)

作者: oppoR20 (R20)   2020-12-15 18:17:40
https://www.ithome.com/0/524/797.htm 原文參考此篇修改
說到三星手機,相信版友都對老三星肥大的TouchWiz不陌生。
以往三星手機的UI真的是又肥又大,現在來回顧一下三星過往的UI吧。
關於TouchWiz
https://i.imgur.com/jgNFa3x.png
大家對TouchWiz的印象應該是從Galaxy S開始的,版本號也從3開始,但其實TouchWiz更早
之前就有了
https://i.imgur.com/HkZQsr5.png
其實在Anycall觸控機時代就有TouchWiz介面了,也在很多系統搭載過,像是三星自己的OS
, Bada, Windows Mobile都有搭載過(Windows Mobile就跟HTC Sense前期一樣,就是桌面)
https://img.ithome.com/mpimg/content/26085603/2020/12/20201212_230416_400.jpg
TouchWiz蠻早就引入Widget的概念了,能隨意移動的Widget是1.0開始的特色
https://img.ithome.com/mpimg/content/26085603/2020/12/20201212_225937_251.jpg
2.0則是以1.0的基礎加入3D的Widget
至此,三星的TouchWiz非智慧型手機時代結束,開始進入Galaxy世代,由TouchWiz 3開始
作為之後的介面。
2010:TouchWiz 3.0
https://cdn.unwire.hk/wp-content/uploads/2015/04/0415-6a-694x507.jpg
由Galaxy S首發TouchWiz 3.0介面,基於Android 2.1~2.2。
https://d3c6c8kv4if4l0.cloudfront.net/www/Product/8074/main_image/big/8074.jpg
當時的Galaxy Mini也是採用這介面。
其實還有TouchWiz 3.0 Lite,是給中低階用的閹割版。因為年代久遠,目前找不太到用這
UI的機種。
https://i.imgur.com/txFd4XC.png
另一個有趣的是,其實TouchWiz不只有Android用,當時三星的Bada新機Wave也是用這UI。
https://i.imgur.com/7J5sbJr.png
TouchWiz 3.0的鎖定畫面。
基本上從3.0開始,一直到TouchWiz Nature UX 4.0都是長這種風格的。
我沒記錯的話,Galaxy S的鎖定螢幕好像是一個拼圖來解鎖,很酷。
2011:TouchWiz 4.0
https://my-techspace.com/wp-content/uploads/2019/08/2-S2-600x600.jpg
Galaxy S2首發TouchWiz 4.0,這隻真的是經典呢,當初出來把當時叱吒風雲的HTC打的落花
流水的一隻,相信大家一定不陌生。
https://i.imgur.com/xwErnCA.png
大螢幕以及主動式觸控筆的始祖,Galaxy Note也是搭載此UI。
https://i.imgur.com/zG9CK3j.png
Galaxt Tab用上Android 3,也是UI。
TouchWiz 4.0是給Android 2.3/Android 3使用的。
相較舊版,採用更強大的硬體加速,也開始支援多指觸控的手勢,並且支援加速度感應器
來跟主螢幕的頁面做互動(原作者是說可以左右晃動手機瀏覽桌面)
https://img.ithome.com/mpimg/content/26085603/2020/12/20201212_235648_504.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201212_235648_479.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201212_235648_526.jpg
相較TouchWiz 3.0最大的差別就是APP底不會強制上一些很醜的底色了
https://i0.sinaimg.cn/IT/cr/2011/0516/3020332200.gif
這是其中一個展示介面的gif
2012:TouchWiz Nature UX
https://i.imgur.com/yVMmMID.png
由當時轟動一時的Galaxy S3首發此介面,整體UI設計跟他的手機一樣,呼應大自然,就像
S3呼應鵝卵石的設計一樣,這也是為甚麼他們的UI有Nature的名字。
https://i.imgur.com/cdT3SEY.png
https://i.imgur.com/B66TXVX.png https://i.imgur.com/cdT3SEY.png
Galaxy Camera, Galaxy Note 2也都用這介面
https://i.imgur.com/FAylzMm.png https://i.imgur.com/QhjJSQ4.png
還有人記得Galaxy Premier變臉機嗎?也是這UI喔
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_000904_584.jpg
整體UI採用了許多漸變,也有更多的互動元素,像是鎖定畫面上解鎖時的漣漪效果以及
當時頗為先進的智慧停留功能(用前鏡頭判斷使用者是否在看手機,若是的話不關螢幕)
Bixby的前身,S Voice也是這時候開始加入的。
https://www.androidcentral.com/touchwiz
這是當時Android Central為這UI介紹的頁面
但我沒記錯的話,三星UI肥大就是從這時候開始的,給了太多功能導致手機卡頓。
2013:TouchWiz Nature UX 2.0
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_001519_136.jpg
又是一隻經典,Galaxy S4,首發TouchWiz Nature UX 2.0。
搭載在Android 4.2.2 JellyBean上
又加入了更多的互動功能,像是眼球偵測,只要動眼球就可以滑動頁面
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_100502_987.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_100502_964.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_100502_892.jpg
也多了一些智慧推薦功能,像是圖上那個插入耳機自動推薦APP的功能。
2013:TouchWiz Nature UX 2.5
https://i.imgur.com/uXJP3OQ.png
基本上是UX 2.0的小改款,給Note 3首發,基於Android 4.3/4.4。
從這個版本開始支援多使用者以及Knox安全系統,也改善了相機延遲。
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_101203_972.jpg
2014:TouchWiz Nature UX 3.0
https://img.eprice.com.tw/img/mobile/4941/large.png
由Galaxy S5首發,是隻飽受爭議的手機呢XD
最大的差別是開始步入扁平化的時代,很多元素都改成扁平化了。
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_101809_235.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_101809_294.jpg
主畫面、下拉通知欄、設定介面全部都大改,變成扁平的圓形元素,用大圖案來凸出重點
然後也新增超級省電模式,運用Amoled的優勢,把畫面設定成黑白來達成省電。
在RAM小於1G的機種上,UI會改搭載由Ux 3.0精簡的TouchWiz Essence UX
https://i.imgur.com/vFrAso3.png https://i.imgur.com/MgpLtsB.png
像是Galaxy Trend 2 Lite, J1 Ace等手機
2014:TouchWiz Nature UX 3.5
https://img.eprice.com.tw/img/mobile/5095/large.png
3.5則是由Note 4首發,基於3.0的小修改版本,Android 4.4的裝置上面。
https://i.imgur.com/bf6Qrgt.png https://i.imgur.com/KYnUvoD.png
第一支曲面螢幕Note Edge跟Galaxy A始祖都是用這UI
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_105538_30.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_105537_893.jpg
最大的差別就是背景以白色為主,就跟iOS 7突然變超級白一樣,AMOLED以白為底超刺眼
但確實好看很多
設定介面重新修改,鎖定畫面跟桌面時鐘重新修改。相機功能簡話,多了鎖定曝光以及對
焦的功能。
2015:TouchWiz Nature UX 4.0
這是給Note 4/Note 3/S5/S4使用的介面,基於Android 5.0,加入更多Material Design
設計。
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_115557_599.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_115557_703.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_115557_692.jpg
加入了Material Design中的卡片設計,以及UI配色更為鮮艷。因為Google要求廠商嚴格
Follow Material Design的設計,因次可以看到雖然跟3.5很像,但其實很多元素不同了
像是下拉通知欄本來是全螢幕,但因為要遵循Material Design,所以改成卡片式。
Material Design也是以白色為底,因此放棄了黑色底的介面,整體以白色明亮的顏色為主
以往黑色為底的介面優點就是可以用上AMOLED的優勢,現在因為專利原因鎖以放棄了
2015:TouchWiz 5.0-瘦身蛻變的開始
https://i.imgur.com/vyGFlrI.png
相信大家不陌生,他是Galaxy S6系列,三星第一支改用玻璃機身的旗艦。
相機也變很強、機身便很漂亮、系統變很多,但也因為改太大,向是連記憶卡都砍掉,引
起蠻多反彈的。
https://i.imgur.com/Vl0jVc2.png
Note 5, S6 Edge+也不能忘記,不得不說Note 5放到現在還是很美,但基本上很難日常使
用了。
TouchWiz 5.0基於Android 5.0.2~5.1.1,這UI主要是給S6世代以後的機種使用的
(翻譯白話文:塑膠機身 沒人權)
把TouchWiz Nature UX沒用的功能精簡話,再修改介面。
https://i.imgur.com/wuVYh68.png
當初S6剛上市時的UI介面 可以看到這時的icon還是獨立的沒有底
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_123705_367.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_123346_99.jpg
多工介面
但沒多久隨著Note 5上市,icon就被統一為圓角設計了,好看很多
https://i.imgur.com/66gRrI3.png
如下圖
https://bit.ly/3qZOR3N
這裡有TouchWiz 5.0 vs TouchWiz Nature UX 4的對比
可以更明顯看出以多彩為特色,顏色活潑很多
另外值得提到的一點是,Note 4/S5等塑膠機雖然也有更新到新版系統,但主要UI沒更動
還是4.0,但多了UI 5.0的圖標以及UI 6.0的部分功能。
2016:TouchWiz 6.0
https://i.imgur.com/nKrcHUL.png
由Galaxy S7系列首發,基於Android 6.0。
原本TouchWiz 5.0的多彩顏色被漸漸淡忘了,把主要色調調整為白色。
另外一點是鎖定畫面時鐘變到中間去了。
圖標比起5.0又更加的扁平化,也取消了以前icon下方陰影。
另外,也加入了更改PPI的功能(但只有S7以上支援),也整合進去Android 6.0的Doze跟
App Standby功能,以及APP權限控制。
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_125022_226.jpg
https://img.ithome.com/mpimg/content/26085603/2020/12/20201213_125028_345.jpg
這版本更加時尚簡潔,但那icon不能統一看了有點不舒服。
2016:TouchWiz Grace UX(TouchWiz 7.0)
https://i.imgur.com/oZp939Z.png
https://i.imgur.com/Lp9q2pv.png
https://i.imgur.com/gwEuEJq.png
如果要我說的話,在2017年以前最美手機我無疑會選Note 7,方正外觀,漂亮顏色
但爆炸 ㄏㄏ
TouchWiz Grace由Note 7首發,Grace同時是該型號的開發名稱。
https://i.imgur.com/3j0Lmut.png
https://i.imgur.com/Te03xJb.png
https://i.imgur.com/YS3FAdJ.png
icon變得又更加扁平化,以更淡的多彩icon為特色,然後UI變得更加白,像是設定介面
變成白底然後以簡單彩色icon表示設定項。
這版本UI很美,簡單好看,顏色也很棒,我的S5也把他刷成這UI,但因為高通版的S5資源
真的很少,所以刷了之後也很常當機。
Grace UX不但讓介面簡潔、扁平、留白,也多了很多功能,諸如:安全資料夾、螢幕解析度
更改、防藍光等...
https://i.imgur.com/LA9k2lj.png
舊的機種雖然沒有辦法直接獲得這個UI,但三星有幫他們做簡化一點功能的New UX
S6/Note 5都有辦法更新到這個版本,就跟我上面貼的這張一樣
另外,取代TouchWiz的Samsung Experience 8.0是基於Grace UX,所以也可以稱SE8.0為
Grace UX。
三星一路走來,從一開始的TouchWiz很有iPhone的影子,之後越來越走自己的路(也有
一部分是因為Android的設計語言越來越嚴格,所以才沒那麼像ios XD)
整體台說,Grace UX是真的這篇以來最好看的一代,別人影子不太多,也很簡單明瞭
三星的UI越來越成熟(雖然我真的是不喜歡One UI就是...)
原作者整理就到此,更新到Samsung Experience及One UI後,會再上來更新。
作者: ShibaTatsuya (司波達也)   2020-12-15 18:55:00
推好文 S3真的很經典
作者: abcd425heart (鮪魚蛋)   2020-12-15 20:32:00
其實grace UI最初note7上常常崩潰等移植到Note5上算完成形了,Note5一代神機
作者: Hohenzollern   2020-12-15 20:35:00
S6 Edge Plus和Note7的外型真的好看
作者: bighead50405 (大頭大頭下雨不愁)   2020-12-15 21:28:00
Grace UI即使放到現在我也覺得還是很美
作者: steven900306 (Steven)   2020-12-15 23:00:00
時間過好快啊...
作者: pphyy5844548 (千里)   2020-12-16 01:38:00
Galaxy Premier使用者給推

Links booklink

Contact Us: admin [ a t ] ucptt.com