[閒聊] 三星手機UI發展史:TouchWiz篇(未完

[oppoR20 (R20)]

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後，會再上來更新。

--
https://i.imgur.com/n5hQ3JG.jpg

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.125.220.126 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/MobileComm/M.1608027491.A.2AB.html
推 rgdiao      : 好文，推!!
推 fupm        : 當初用XPERIA ray還會把鎖定螢幕改成S3的字體樣式
推 rgdiao      : premier.. TI OMAP 4470 SGX544(記得沒錯的話)
→ rgdiao      : (時代的眼淚?)
推 saab9753955 : 前幾個禮拜搭捷運看到有人手持Galaxy s2滑呀滑，神
→ fupm        : 德儀CPU的音值在那個年代可以稱霸手機行業
噓 Mahakala    : 乙
推 Mark87      : 推，三星的ui越改越漂亮好看
推 rugger5566  : 好文，推！想當年用的第一支三星是S5...XD
推 JH10        : 推
推 ShibaTatsuya: 推好文 S3真的很經典
推 wuliou      : 以前都被說是 S Lag
推 hyghmax1202 : 看著看著我聞到了時代的味道 泣
真的 想到以前大家都在調侃Slag XD
現在好很多了 系統成熟許多了
也發現好多人都沒在這了
mco姊姊呢QQ
推 SungHyun    : S Lag災情解決了嗎？
→ peipei621   : https://youtu.be/wH8AQz1bOAc
推 DarenR      : 早期真的醜，現在好多了
推 hitsukix    : 推
推 ankrro      : 好文給推，不知道有沒有一篇hTC的
※ 編輯: oppoR20 (140.125.220.126 臺灣), 12/15/2020 20:18:37
推 ducamao     : 到s4以前的ui滑動是沒辦法跟手的，完全就是預設動畫
→ ducamao     : ..(如果慢慢移動還會卡
推 lyu63215    : 第一隻拿S4XD
推 jjyy6767    : 好文推
→ peipei621   : LG 手機 進化史
→ peipei621   : https://youtu.be/EsiVO3qVfN0
→ peipei621   : 三星s系列 進化史
→ peipei621   : https://youtu.be/sGf4K9jrUCQ
推 shengder    : 從S1買到S3就換TC了，S3那時候還被嘲諷外型像衛生棉
→ peipei621   : htc 手機進化史
→ peipei621   : https://youtu.be/JLjTvmc-lYk
推 cities516   : 推 以前TouchWiz真的爛到不行
推 hms5232     : 挖 我從3.0開始都有用到
→ farnorth    : 三星真的讚爆
推 sky449521   : 好懷念 我第一支是S3mini
推 abcd425heart: 其實grace UI最初note7上常常崩潰
→ abcd425heart: 等移植到Note5上算完成形了，Note5一代神機
→ Hohenzollern: S6 Edge Plus和Note7的外型真的好看
推 d88647511   : 這篇完全勾起我的學生世代回憶..當時大學的時候我
→ d88647511   : 算是系上頭幾位用智慧機的，Lg p500
噓 SmartMarcus : one ui超棒哼哼
推 SmartMarcus :
推 lt921205    : 考古文
推 de092112    : 以前tc sony比較美 同時期的三星醜
→ EQUP        : one ui拯救了三星...
推 bighead50405: Grace UI即使放到現在我也覺得還是很美
推 zx27771531  : 個人頗喜歡one UI的說
推 hey1003     : 手上的s10說真的到oneui2.5才覺得真的順暢
推 aikolove    : 好文推
推 lll156k1529 : 推考古文 記憶都回來了XD
推 steven900306: 時間過好快啊...
推 odddriver   : 樓主是oppor20 難道對oppo也很懂？
推 a3pa3p      : 超懷念
推 LANGinxx    : Note7其實真的蠻好看的 a系列史祖也真的好好看
推 pphyy5844548: Galaxy Premier使用者給推
推 PopeVic     : TouchWiz 真的是醜到哭
→ PopeVic     : 現在 one UI 終於正常一點
推 zard0123    :
推 sunday220   : 推
推 andy0121    : 用心 推
推 mxm         : 推！N7真的超美，那時我還不愿意換，是被系統直接
→ mxm         : 鎖了才去換了S7e,過一年立馬換回N8～
推 leegogo     : 以前真的醜 還好我2016才加入
→ hyghmax1202 : 現在的審美看以前當然覺得醜 但當年那樣不錯了QQ
推 higger      : 不就是套桌面程式嗎？
推 a2334436    : 先推
推 ShangLai    : 我記得hTC更早用上主動式觸控筆，只是沒人要...