標籤:

UI 設計的「觸感」

我們通過「五感」來感受生活中的每件事物,從而獲得相關的信息。而 UI 設計則以視覺來傳達,我們通過眼睛來感受來自那幾寸屏幕上的光影和色彩。各種繪製精緻的圖標和質感十足的控制項,UI 設計師給我們帶來了各種美麗和愉悅。

而 iOS7一出,「扁平化」一詞又被抬到了前所未有的高度(不過最近熱度似乎又下降了點兒)。關於為什麼要採用「扁平化」的設計,這裡也不再討論,畢竟知乎已經存在好多了,如《什麼是扁平化設計(Flat Design)?扁平化設計是未來的趨勢嗎?》

而在這裡,我們換個角度,從「五感」之一的觸覺來討論 UI 設計。好吧,聽上去有點兒奇怪,玻璃屏幕還有什麼觸感,不就光滑的玻璃觸感么?【bingo!】是的,手機屏幕給手指的「觸感」就是冰冷光滑。手指遊走於玻璃屏幕之上,通過點按和滑動來完成各種操作,這就是我們最真實的「觸感」。

當點擊著撥號鍵盤的按鈕,用著皮革質感的備忘錄時(iOS6),我們從視覺上獲得了極大的滿足。那讓我們再想一下,「觸感」上你滿足了么?追求軟體和硬體完美的結合的 iPhone,這時候看上去又有點兒「不完美」。記得我擁有的第一台諾基亞手機6120c,手指通過物理按鍵來選擇那些精緻的圖標,打開漂亮的文件夾,已經足夠讓我驚喜了。當 iPhone 為我們帶來了全新的觸控操作,我們是不是應該考慮的感受下」手指的感受「。我們能否更進一步,讓觸控手機」變得更像觸控手機「,還原觸控設備應該有的界面?

」扁平化「設計帶來的不僅是視覺的改變,更是」觸感「的改變,讓人在用手指操作時就感到」這裡摸起來就應該是光滑的感覺「、」這個按鈕按下去就是這個感覺「(我更傾向於點按區域,而不是按鈕這個詞)。我比較喜歡 iOS7的密碼解鎖界面,當手指點按時數字會有相應的顏色出現(漸變消失),每個數字鍵的圓形描邊也是根據壁紙的顏色而改變。我想這應該就是 UI 設計帶給我的「觸感」,簡單、真實。

文章標題圖是深澤直人的「果汁肌膚」,是不是一看很有「觸感」~

—— END ——

搭車附上 Android 4.4 圖案鎖屏。PS:「Daisy」-境界の彼方 ED 腦殘循環模式全開!


推薦閱讀:

這種環遊世界的方式,想不有趣都難 | MindStore
作品集「創意性」圖面表達,如何讓你的作品「會說話」?
從二維到三維,利用 Z 軸打造界面的空間感
產品經理的直覺和良心
交互設計師為什麼需要具備產品思維?

TAG:产品设计 |