下圖中兩種樣式的返回按鈕,視覺上的主要差別在哪?

左邊的那種按鈕多被用於Android5.0的UI上,(ios上的返回沒有中間的那一條線)
右邊的那種樣式的按鈕在WP上很常見。
這2種返回按鈕,在視覺上主要有哪一些區別?
為什麼一個是斜角,一個是平角?


差別主要在於圖形的視線流引導,這是設計當中一個基礎的知識,不懂的可以百度一下。
並且這種差別,在箭頭尺寸比較大時比較明顯。請看圖,黃色代表視線流引導。

當箭頭尺寸較大時,邊緣直角的箭頭會在紅色箭頭處有一個視線流引導發散,並沒有真正的引導出「向左」的意思,反而有點引導用戶向上看。所以,在地鐵,機場,公園導向系統內,大都不會採用這種箭頭,就像現在排名第一的答案說的那樣。

但是如果兩個箭頭尺寸都很小的話,邊緣是直角或者平角,對視線流的引導是沒有影響的,所以都可以使用,甚至也存在邊緣是圓角的箭頭。

不同手機系統內的箭頭使用不同的邊緣方式,就像他們的簡訊圖標都設計得不同那樣,本身是沒有什麼區別。只是對自身設計風格的遵從而產生的設計結果而已。

談不上孰優孰劣。


大概這樣。。。

相對上面的箭頭,下面的指向性更強,更有速度感。

於是,從心理上來說,下面的箭頭會讓人心理更緊張一點。
上面的箭頭則相對自然、寬鬆許多。

從風格上來說,指向性強和速度感帶來快速、直接、高效率的感覺,自然比較匹配微軟現在的整體界面設計方向(視覺風格上和體驗上都是)。


右邊更符合微軟的modern風格,也更加實用。

WP主界面都是方塊,所有的應用圖標和動態磁貼都被限制在矩形內。而左邊明顯更加跳脫,不符合WP審美。右邊的把上下裁平,跟WP整體的風格一致。

如果平時留意的話,大部分地鐵等交通標識、WP(一脈相承啊)都是用的這種箭頭,其方向指向性要強於左邊那種箭頭。

舉個例子:

原圖:

把第二個箭頭換成左側的風格:

方向感明顯不如上圖


身為半個設計濕,和前端的朋友討論了半天,才明白兩個國度之間有這麼深的技術鴻溝。。。單純從視覺感官上說:左邊的箭頭更靈巧一些,感覺下一秒就可以上下晃動;而右邊的箭頭比較鈍一些,因為平衡線較多,預感下一秒的趨勢只是向左移動。


居然沒有回答從系統字體入手……

隨便截了張圖,大家感受一下,Windows的系統字體的筆劃邊緣就是直的,Android的字體筆畫邊緣就是有時候直,有時候斜的(Android 3以下的Droid Sans字體在這一點上的處理類似,不過斜的切口更多)。

字體背後的設計思路不一樣。圖標和字體在UI里要組成一個有機的整體,當然設計的時候會互相影響。

我幾年沒用系統默認字體了,可能認知上有偏差……要是這兩個系統現在的默認字體不是我列的這倆了,請指出。


你已經回答了視覺上的差別。如果熟悉安卓L發布伊始的微動效來說,顯然左邊的返回圖標容易在漢堡鍵和其它圖標之間實現變形,比如知乎安卓版本。右側的圖標在複雜程度上甚於前者,形態上來看比較死板,我第一眼比較難識別它的構成原理。


微軟的UI不是參考了地鐵導向系統嗎,所以箭頭更有導向性,和地鐵的指示牌一樣;
谷歌的UI現在是摺紙風格,有淺陰影和層疊,所以箭頭也是剪紙的樣式,帶有材質感。
這是我的理解。


右邊的視覺引導指示性更為突出~
至於不同平台上用不同的~
還是取決於負責相應視覺的Leader的意見~


樓主你別欺負我書讀的少

左邊的按鈕在iOS上不帶中線,只有一個直角


表示 飄過~~~~~~


確實有些差別,但是0.2秒後你就適應了


第一個顯得生硬刻板,第二個視覺上的衝突更弱


順便問下邊緣是圓角的箭頭是怎麼畫的?


覺著上面那個比較靈活一點,下邊的是中規中矩的樣子,比較規矩


黑體和宋體的區別。


第一個給我的感覺好!


左邊更滿足強迫症的審美需求些~


右邊的更加註重時尚感和科技感,左邊的更加莊重穩重


個人看法,左邊的那種更傾向於扁平,右邊那種更傾向於擬物。


推薦閱讀:

TAG:網頁設計 | iOS開發 | Android開發 | 交互設計 | WindowsPhone8 |