顯示廣告
隱藏 ✕
※ 本文轉寄自 ptt.cc 更新時間: 2020-12-15 22:36:23
看板 MobileComm
作者 oppoR20 (R20)
標題 [閒聊] 三星手機UI發展史:TouchWiz篇(未完
時間 Tue Dec 15 18:17:40 2020


https://www.ithome.com/0/524/797.htm 原文參考此篇修改
智能手机 UI 发展史——三星篇(一):“银河”的起点 TouchWiz - 智能手机,三星 - IT之家 本系列文章将以品牌为划分,详细描述各大手机厂商的 UI 发展史。希望通过我的介绍,能唤醒属于您的曾经的记忆。三星篇按出现时间先后分为三部分:Touch ...

 

說到三星手機,相信版友都對老三星肥大的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
TouchWiz Nature UX: The definitive guide | Android Central
[圖]
Our definitive guide for Samsung's TouchWiz Nature UX software. ...

 
這是當時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
Note5 TouchWiz vs Note 4 TouchWiz UI comparison: what changed with Samsung's skin? - PhoneArena
[圖]
Even if you're only a casual reader, it's quite unlikely that you haven't noticed that we've been dedicating inordinate amounts of time covering Samsu ...

 
這裡有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 (臺灣)
※ 文章代碼(AID): #1Vs8rZAh (MobileComm)
※ 文章網址: https://www.ptt.cc/bbs/MobileComm/M.1608027491.A.2AB.html
rgdiao      : 好文,推!!1F 12/15 18:23
fupm        : 當初用XPERIA ray還會把鎖定螢幕改成S3的字體樣式2F 12/15 18:28
rgdiao      : premier.. TI OMAP 4470 SGX544(記得沒錯的話)3F 12/15 18:28
rgdiao      : (時代的眼淚?)
saab9753955 : 前幾個禮拜搭捷運看到有人手持Galaxy s2滑呀滑,神5F 12/15 18:34
fupm        : 德儀CPU的音值在那個年代可以稱霸手機行業6F 12/15 18:35
Mahakala    : 乙7F 12/15 18:37
Mark87      : 推,三星的ui越改越漂亮好看8F 12/15 18:43
rugger5566  : 好文,推!想當年用的第一支三星是S5...XD9F 12/15 18:47
JH10        : 推10F 12/15 18:49
ShibaTatsuya: 推好文 S3真的很經典11F 12/15 18:55
wuliou      : 以前都被說是 S Lag12F 12/15 18:58
hyghmax1202 : 看著看著我聞到了時代的味道 泣13F 12/15 19:11
真的 想到以前大家都在調侃Slag XD
現在好很多了 系統成熟許多了
也發現好多人都沒在這了
mco姊姊呢QQ
SungHyun    : S Lag災情解決了嗎?14F 12/15 19:13
peipei621   : https://youtu.be/wH8AQz1bOAc15F 12/15 19:15
DarenR      : 早期真的醜,現在好多了16F 12/15 19:20
hitsukix    : 推17F 12/15 19:31
ankrro      : 好文給推,不知道有沒有一篇hTC的18F 12/15 19:35
※ 編輯: oppoR20 (140.125.220.126 臺灣), 12/15/2020 20:18:37
ducamao     : 到s4以前的ui滑動是沒辦法跟手的,完全就是預設動畫19F 12/15 19:38
ducamao     : ..(如果慢慢移動還會卡
lyu63215    : 第一隻拿S4XD21F 12/15 19:38
jjyy6767    : 好文推22F 12/15 19:39
peipei621   : LG 手機 進化史23F 12/15 19:42
peipei621   : https://youtu.be/EsiVO3qVfN0
peipei621   : 三星s系列 進化史25F 12/15 19:45
peipei621   : https://youtu.be/sGf4K9jrUCQ
shengder    : 從S1買到S3就換TC了,S3那時候還被嘲諷外型像衛生棉27F 12/15 19:45
peipei621   : htc 手機進化史28F 12/15 19:48
peipei621   : https://youtu.be/JLjTvmc-lYk
cities516   : 推 以前TouchWiz真的爛到不行30F 12/15 19:49
hms5232     : 挖 我從3.0開始都有用到31F 12/15 19:53
farnorth    : 三星真的讚爆32F 12/15 20:05
sky449521   : 好懷念 我第一支是S3mini33F 12/15 20:07
abcd425heart: 其實grace UI最初note7上常常崩潰34F 12/15 20:32
abcd425heart: 等移植到Note5上算完成形了,Note5一代神機
Hohenzollern: S6 Edge Plus和Note7的外型真的好看36F 12/15 20:35
d88647511   : 這篇完全勾起我的學生世代回憶..當時大學的時候我37F 12/15 20:46
d88647511   : 算是系上頭幾位用智慧機的,Lg p500
SmartMarcus : one ui超棒哼哼39F 12/15 20:56
SmartMarcus :
lt921205    : 考古文41F 12/15 21:07
de092112    : 以前tc sony比較美 同時期的三星醜42F 12/15 21:13
EQUP        : one ui拯救了三星...43F 12/15 21:18
bighead50405: Grace UI即使放到現在我也覺得還是很美44F 12/15 21:28
zx27771531  : 個人頗喜歡one UI的說45F 12/15 22:13
hey1003     : 手上的s10說真的到oneui2.5才覺得真的順暢46F 12/15 22:17
aikolove    : 好文推47F 12/15 22:22
lll156k1529 : 推考古文 記憶都回來了XD48F 12/15 22:30

--
※ 看板: MobileComm 文章推薦值: 0 目前人氣: 0 累積人氣: 153 
作者 oppoR20 的最新發文:
點此顯示更多發文記錄
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇