tft每日頭條

 > 科技

 > 手機ui設計背後要做什麼

手機ui設計背後要做什麼

科技 更新时间:2025-01-21 01:00:29

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)1

但完美的手機UI并不是随随便便就能做成的,在通往優秀手機UI的路上,很多設計一不小心走偏了,最終實現的效果是讓人又愛又恨。今天我們就來盤點一下那些讓人糾結的手機ui設計。

谷歌原生虛拟按鍵

最受用戶诟病的還是虛拟按鍵占用了一部分的屏幕像素。比較極端的例子如HTC One(M8)在疊加了四層“下巴”後嚴重影響了APP的視覺效果。

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)2

HTC One(M8)

然而,我們不能說虛拟按鍵就一定不好,畢竟在Android 2.X時代,安卓的四大鍵位被廠商随意排放。這樣的設計是谷歌沒法控制的,而做成虛拟鍵的好處顯而易見:各大廠商不可能也沒必要,再輕易的修改軟件層面的觸控鍵了。從而規範了安卓系統的三大按鍵設計。此外,虛拟按鍵也能讓鎖屏狀态下的手機更加美觀,由于機身正面沒有多餘的按鍵,顯得非常簡潔大方。

SONY Z2

所以,我們也不能一概而論虛拟按鍵的好壞,最終還是要看用戶喜不喜歡。畢竟開源的Android系統還是有很多實體按鍵機型供消費者選擇。

扁平化、拟物化

去年iOS7的發布徹底掀起了對這兩種設計風格的探讨,作為全球最多人使用的手機操作系統之一,每一個改動都備受矚目,iOS7作為曆代改動最大的一個版本,自然牽扯到了億萬人的使用習慣和交互體驗。

一小部分用戶直到現在依然堅守着iOS6的陣地,而在升級了iOS7的用戶中,也有部分用戶覺得後悔。那麼扁平化真的有那麼不受待見嗎?

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)3

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)4

iOS 7 vs iOS 6

可以看到蘋果對每一個預裝APP的icon都進行了重新設計,用蘋果首席設計師喬納森·艾維(Jony Ive)的話來說就是:簡潔之美将影響深遠,包容、高效。真正的極簡不僅僅是抛去了多餘的修飾,它更是給複雜帶來了秩序。

其實,拟物化設計與扁平化設計是不同的設計風格,本質上是沒有好壞之分,近幾年的ui設計中,扁平化設計可以說是大勢所趨。如Windows 8的Metro(現已更名Modern)界面則完全采用了扁平化的設計。

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)5

廣受好評的iOS7天氣APP采用了扁平化設計

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)6

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)7

iOS 7更為方便直觀的多任務管理

小編認為,對于這兩種設計風格的争議根本原因還在于用戶的習慣問題,用戶看慣了拟物化的iOS也許難以接受iOS7,但這些問題都隻是暫時的,随着時間的推移,這些争論隻會越來越少。會有越來越多的拟物化擁護者接納扁平化,這是一種時代的潮流。也許當你再次回過頭來再看拟物化時,就會感到UI設計的進步。

Smart Bar

不容置疑,魅族在很多方面都在學習蘋果,所以硬生生的就在底部放了一個單獨的Home鍵,雖然與其他的安卓系統産生了差異化,但與此同時魅族無法完全擺脫安卓系統的操作邏輯。所以隻能通過軟件和交互上的一些方式來彌補。像Flyme系統中的滑動手勢和Smart Bar都是為這些盲目借鑒所打的補丁。

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)8

官方宣傳中的Smart Bar

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)9

應用不兼容情況下的Smart Bar

自2012年11月27号Flyme2.0随MX2發布的那一天起,關于Smartbar的争議就從沒停止過。魅族推出Smartbar的大背景不再贅述,魅族也無非是想趁着這樣的大背景樹立UI特色,避免同質化現象,但顯然,Smart Bar不是很Smart。發布之初,Smartbar經常會有不兼容的現象-即所謂的雙底欄或者返回按鈕孤零零地躺在底欄,玩遊戲無法全屏的情況。因此很多人并不看好Smartbar,認為這完全就是畫蛇添足,有好好的解決方案你幹嘛不用啊。而魅族甚至在官方論壇中對多次讨論“去除Smart Bar”的用戶禁言處罰,可見這一問題的敏感程度。魅族表示會不斷地優化Smart Bar的兼容性,但是那麼多的軟件,永遠不可能每一個都優化到位,所以Smart Bar在魅族口中再怎麼完美,它始終都是一個傷疤,為盲目借鑒所付出的代價。這也許就是:理想很豐滿,現實很骨感。

但我們也不得不承認,在某種程度上,Smartbar又是魅族很好的創新,不僅樹立了自己的UI特色,還提升了Flyme的用戶體驗,當App與Smartbar完美兼容時,同樣的屏幕大小,相比原生Android,Flyme能提供更多的顯示内容面積。并且随着時間的發展,Smartbar的兼容性越來越好,可玩性和功能性大大提升,這也使雙底欄App越來越少(少不等同于沒有),兼容的時候覺得Smartbar太好玩了,但是萬一碰到某個不兼容的App,導緻雙底欄,心中又燃起熊熊怒火,在心中怒火熊熊燃燒的時候,又不小心在微博上看到了Flyme4.0的設計圖,直呼:美哭了!可以預見,以後的Smartbar不僅會更好看,還會更好用,這時候隻能一邊看着雙底欄,一邊看着Flyme4.0的設計圖安慰着自己:再等等,再等等…

不可更換壁紙

最近發布的錘子手機T1可謂是炙手可熱,羅永浩的演講讓無數人為之動容。情懷歸情懷,系統的問題也還是有的,在Smartisan OS的9宮格和16宮格下依然無法使用壁紙,在此老羅的團隊也做出了彌補,保留了安卓原生的桌面,如果設置為原生桌面則可以自定義壁紙。那我既喜歡Smartisan的界面又希望能設置壁紙該怎麼辦呢?

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)10

考慮到可能是因為Smartisan OS圖标浮塊的關系,自定義壁紙确實不同于其他系統,存在一定的難度,在美觀上難以取舍。但是不能代表以後的Smartisan OS就不會改進。畢竟即使是iOS也是在4.0版本以後才能自定義壁紙的。也希望錘子科技能在這方面做出更多的嘗試。發布會上老羅也首次坦言之所以不能更換桌面壁紙(鎖屏壁紙還是可以更換的)是因為他忍受不了“在老婆孩子照片身上堆滿圖标”,這讓很多人大跌眼鏡,畢竟大部分人沒事就喜歡換個壁紙,換個心情。固然發布會上老羅稱Smartisan OS可以提供原生Android的系統桌面,這樣一來雖然老婆孩子照片能當壁紙了,但又失去了高效率的錘子桌面。因此用戶必須在效率、易用性和老婆孩子的照片之間做一個取舍。到底選誰呢?反正小編沒有老婆孩子,小編不用糾結,誰有誰糾結…

手機UI有時候讓人又愛又恨,它給我們帶來了許多樂趣許多苦惱,如今也受到了越來越多的廠商重視,那些令人糾結的問題在UI的發展過程中不可避免的存在,希望随着技術的發展,這些問題都能迎刃而解。每個廠商都能在簡單易用的基礎上做出自己的特色,這才是消費者最想看到的。

尴尬的Back設計

iPhone第一代于2007年發布,喬布斯稱其“重新定義了手機”。時間證明了一切,iPhone憑借其人性化的人機交互血洗了手機市場,掀起了一場革命。但iPhone搭載的ios也并非完美,今天我們就來探讨一下iPhone上飽受争議的Back按鈕,有人說這個按鈕很符合ios簡約的氣質,也有人認為這樣的設計完全是反人類。

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)11

其實兩種說法都有道理,Back按鈕設計在左上角确實很符合ios的操作邏輯-可操作性很強,學習成本低;但同樣,我們也不能否認這樣的設計确實反人類,畢竟我們不像喬布斯—很多人不是左撇子,當右手 的時候我心裡總是在默默的罵着蘋果的設計師們,特别是到了iPhone5/5c/5s,機身甚至還加長了,真是不可原諒。遺憾的是後來ios7作為“ios以來最大的升級版本”卻也隻是設計風格的變化,而非設計邏輯的變化。因此搞的我們非常糾結:不放到左上角放哪裡?難道要放在左下角,右上角或者右下角嗎?放在左上角隻是N害相權取其輕,可設計在左上角又着實不好用。總之,在ios上如何設計一個既符合ios操作邏輯,又不反人類的Back按鈕還真是讓人頭疼。

Windows Phone:老鼠老虎傻傻分不清楚

Metro設計的靈感來源于1960年的Swiss Movement(瑞士機芯),其特點是簡潔明了,強調的是信息本身,而不是冗雜的界面元素,最大的特點是有豐富色彩的色塊作為背景,顔色對比強烈以突出信息本身,這個句子中有一個詞非常重要:“豐富色彩”。

手機ui設計背後要做什麼(那些讓人糾結的手機UI設計)12

好,我們來看一下Windows Phone的系統界面,好吧,除了下邊的天氣,幾乎全部都是藍色的色塊背景以及白色的圖标,我如何才能快速定位到我需要的圖标呢?真是“老鼠老虎傻傻分不清楚”。在這個iPhone爛大街,Android普遍卡頓的時代,Windows Phone憑借其個性的UI及流暢的操作赢得了很多用戶的芳心,這樣低級的錯誤就像美玉上的一道瑕疵,讓人心裡感覺到非常的不舒服。希望微軟能及早認識到這個問題,及時改正,更好地提升用戶體驗。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved