tft每日頭條

 > 生活

 > 大箭頭符号怎麼放大

大箭頭符号怎麼放大

生活 更新时间:2024-12-03 20:30:51

箭頭符号可能是人類圖形史上最偉大的創造。是的,這隻是一個箭頭,一個最常見不過的圖标,但如何把它放在合适的位置,如何不過度的濫用這個符号,卻是我們每一位設計師不得不每天面對的問題。

大箭頭符号怎麼放大(一個最常見卻不容忽視的圖标)1

足夠簡單的圖形承載着豐富而又抽象的概念。如果追溯起來,箭頭符号的現實原型就是弓箭的箭頭。所以箭頭指向的方向意味着獵物,意味着目标。現代社會的我們能夠清楚的理解箭頭的指示作用,我相信這一點與百萬年前穿着獸皮的祖先舉着弓箭追擊獵物求生的經驗有着遺傳意義上的必然聯系。那種強烈的想獲取食物的求生意願,對作為獵物的目标的渴望,一代一代的遺傳下來。所以作為現代人的我們握着鼠标,盯着屏幕上來回移動的指示箭頭,會覺得這個圖标理所當然。甚至于眼心手一體,忽略了這個再正常不過的存在。

大箭頭符号怎麼放大(一個最常見卻不容忽視的圖标)2

最好的界面是沒有界面,最好的圖标是用戶看到這個圖标的時候意識不到這是個圖标而直接得到了圖标背後的信息。這就好比英文學到一定程度之後,讀過一篇文章再回憶起來會隻記得文章的意思而不記得文章是用中文還是英文寫的。語言是為了溝通與交流而存在,無論是計算機語言還是圖形語言,都是語言的一種。如果我們可以像潘多拉星球上的那維族人一樣可以通過辮子上的神經元交流,那麼也就不會有那麼多誤解與紛争,也就不需要那麼多複雜的語言了。

作為語言的不同形式,圖形相較于文字也有着不可否認的優勢。比如它像音樂一樣沒有國界的限制,它在傳達信息時更加直觀、具體。自從2007年iPhone橫空出世之後,智能手機的普及讓App逐漸逐漸取代了網址的作為互聯網入口的作用。移動應用的啟動圖标占領了用戶的桌面,如何讓用戶在一屏一屏的圖标海中迅速發現自己的App,并且讓用戶一眼就能搞懂自己的産品是做什麼用的就變得非常重要。啟動圖标雖然沒有被稱之為Logo,但他确實發揮着Logo的作用。

具象的箭頭:箭頭圖标與交互路徑

移動App相對于PC站點,有一個非常重要的特點在于移動App的輕量化。輕量化和即時性是這個時代的特點。深度的、需要長時間集中精力才能搞定的事情通常被放到PC上來做。用戶在手機上習慣就一個目标打開一個App然後迅速完成任務後關閉。用戶在移動端的平均使用時長是遠低于PC端的。PC端占據着用戶的工作時間,移動端占據着用戶的碎片時間。

大箭頭符号怎麼放大(一個最常見卻不容忽視的圖标)3

輕量化的特點要求移動應用需要具備清晰易懂的信息架構與交互方式,頁面層級深度不能給用戶帶來困擾和負擔。在這裡我把這種合理設置頁面與頁面之間的流轉關系的設計工作稱之為交互路徑的設計。那麼頁面中的“返回”按鈕、“下一步”按鈕在産品的交互路徑上起到路标式的作用,而這兩個按鈕通常都有箭頭圖标輔助或代替。

如果把一個個頁面理解為交互路徑上到達的一個個房間,那麼房間越多,用戶可能會越焦慮,在用戶進行的當前任務之外,始終有一個問題需要面對:

“我怎麼回去?”

這個“返回”,不僅僅意味着從哪兒來的回哪兒去,有時候也意味着我要回到上一級目錄去,有時候則意味着退出某項任務,有時候則意味着類似Ctrl Z式的撤銷操作。所以說,返回按鈕就像是用戶手裡的一根兒救命稻草,像是安全逃生通道的綠色的EXIT标識,它給用戶帶來一種潛在的安全感。所以在任何一個頁面中充分考慮當前任務的退出與返回是交互設計的一個非常基本的工作。

微信這樣的超級App複合了社交、通訊錄、浏覽器、支付等多個功能,而它又不支持多線程後台任務(當然如果支持的話可能會更複雜),那麼假如我在某一項任務(比如浏覽朋友圈文章)時,另外一項任務(比如有人給我發消息了)突然出現,這時我打開聊天界面之後怎麼返回到剛才浏覽的文章的頁面上去呢?

圓形的箭頭圖标:同步與刷新

數據的上傳(Upload)與下載(Download)其實本沒有上與下的方向概念,隻是一種客戶端與服務端的數據交互。上傳是要把用戶的數據傳到服務器,下載是将服務器的數據傳給用戶。上與下的概念隻是方便用戶理解而設定的一個概念模型。這是一個非常成功的概念模型,使後來“雲”的概念變得容易理解。

與刷新和同步相比,上傳與下載更偏向于用戶自發的一種主動行為。刷新意味着重新下載新的内容,所以刷新圖标通常是一個圓形的向下的圖标。同步則意味着上傳新的内容或同時下載新的内容,以與服務器上的内容保持一緻。所以通用的同步圖标由兩個圓形的箭頭組成。

圓形的刷新圖标和同步圖标,還附帶着一個可旋轉的心理模型的預期。就像iOS系統更新時的齒輪圖标一樣,這種預期可能在潛意識中存在,一旦旋轉動畫出現時,帶給用戶一種“本該如此的驚喜”的感覺。同時,一個旋轉的圓圈通常用來表示加載進程,加載與刷新的相關性,也體現在了兩個圖标的表達上。

輔助表意的下箭頭

一個圓形的用戶頭像,右側有一個向下的右箭頭,這是現在用戶界面中一種常見的表現形式,大家都知道點開這個向下的小箭頭你會在用戶頭像下方得到一個關于用戶的菜單。

大箭頭符号怎麼放大(一個最常見卻不容忽視的圖标)4

也許這種形式并不是那麼普遍,但文字與下箭頭的結合已經成為了一種通用樣式。組合形式其實也有不少,但這些形式之所以能夠迅速被用戶認同變成零學習成本的東西,功勞在于用戶界面中一個基礎的組件:下拉菜單(Droplist)。下拉菜單與普通的文本輸入框控件有什麼區别?隻是多了一個箭頭。

這裡這些箭頭起着吸引注意力和輔助提示兩個作用,首先文字與圖标的組合形式會比單純的文字鍊接更能吸引用戶的注意力,并且文字鍊接的通常用來實現頁面之間的跳轉;其次文字與箭頭圖标的組合形式提示這裡點開還有新的内容。

看似友好的右箭頭

箭頭圖标的第一個引申意是方向,在此基礎上繼續引申出了指示(提示)的含義。右箭頭和表示返回的左箭頭相呼應,通常在界面中提示用戶這裡将會前進到下一個頁面。

大箭頭符号怎麼放大(一個最常見卻不容忽視的圖标)5

在智能手機發展初期,右箭頭在移動端的交互界面中與返回箭頭一樣,有着舉足輕重的作用。盡管在有些時候我們覺得沒有這個右箭頭的提示用戶也會理解一個列表頁,但iOS還是保留了它。可以理解,附帶右箭頭的列表相對于沒有右箭頭的,肯定會帶來更強的指示性。

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

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