2025-05-28
“隱形設(shè)計(jì)”(Invisible Design)是一種設(shè)計(jì)哲學(xué),指通過高度自然、無干擾的設(shè)計(jì)手段,讓用戶流暢完成任務(wù)而意識(shí)不到“設(shè)計(jì)”的存在。當(dāng)你創(chuàng)造網(wǎng)頁、移動(dòng)運(yùn)用乃至智能手表的交互時(shí),便是在規(guī)劃某種類型的交流。規(guī)劃要承載信息,而非阻止信息。這正是使規(guī)劃隱形的竅門。
規(guī)劃并不總是耀眼奪意圖藝術(shù)。它考究微妙、有用,而且常常是不確定的。很簡(jiǎn)略,好的規(guī)劃往往是隱形的。
清晰一點(diǎn)——隱形的規(guī)劃并非在項(xiàng)目中增加圖層、透明度或是躲藏含義。它是為了打造用戶為中心的項(xiàng)目,使之功能完備,視覺愉悅。
當(dāng)我仍是個(gè)年輕的規(guī)劃師時(shí),就一遍遍聽到這句話。假如你不得不“裝修”畫布,那便是在過度規(guī)劃。好的規(guī)劃——真正使項(xiàng)目有效作業(yè)的規(guī)劃——是隱形的。
可是怎么做到隱形?特別網(wǎng)頁規(guī)劃是一種相當(dāng)視覺化的手法。
咱們別離題萬里,規(guī)劃當(dāng)然是可見的。關(guān)于這點(diǎn)毫無疑問。可是你所用的東西與技巧,不應(yīng)該在普通用戶面前耀武揚(yáng)威。
大都規(guī)劃只尋求“感覺對(duì)了”。用戶想要沉浸其間,操作某樣?xùn)|西。他們不必理解其間緣由。這便是隱形的規(guī)劃。
Oliver Reichenstein,Information Architects的開創(chuàng)人和總監(jiān),以著重隱形規(guī)劃觀念而聞名。雖然在聽到他的觀念之前,它現(xiàn)已深深痕跡在我的腦海中。在The Verge的訪談中有一些只言片語。
“優(yōu)異的規(guī)劃是隱形的。優(yōu)異的界面規(guī)劃會(huì)細(xì)到亞原子級(jí)的微觀字體(文字的精確定義)、看不見的微觀文字布局(文字的運(yùn)用方式)、還有由交互規(guī)劃和信息架構(gòu)組成的隱形國際。少的輸入,豐厚的輸出,界面規(guī)劃師都致力于運(yùn)用戶花費(fèi)少的注意力。就像字體規(guī)劃師與工程師那樣,咱們并不會(huì)試圖找到完美的解決方案,但會(huì)尋找佳的兩全之策。”
當(dāng)你創(chuàng)造網(wǎng)頁、移動(dòng)運(yùn)用乃至智能手表的交互時(shí),便是在規(guī)劃某種類型的交流。規(guī)劃要承載信息,而非阻止信息。
你在處理時(shí)會(huì)用盡所有規(guī)劃手法來打造一種體會(huì)。終產(chǎn)出并不是給你的,乃至也不是給其他規(guī)劃師,而是給廣闊不明白(也不想懂)色彩理論、間距和字體的受眾。他們只知道所有這些結(jié)合在一塊,是否嚴(yán)密、好用和風(fēng)趣。
這便是將規(guī)劃視為一種隱形的手法的重要之處。
咱們議論隱形規(guī)劃時(shí),會(huì)想到一些不同的東西。每一種隱形規(guī)劃都很重要,會(huì)經(jīng)過不同方式影響你的作業(yè)。
隱形的產(chǎn)品和排版,例如品牌或是你不會(huì)注意到的廣告。(這對(duì)運(yùn)用和游戲規(guī)劃師很重要,他們常常要考慮規(guī)劃中的擺放問題)
隱形的交互和通知都做到了無縫銜接,在你履行某些操作或任務(wù)時(shí)并不會(huì)想到它們。(例如手機(jī)上的鬧鐘和正告)
隱形的美學(xué)規(guī)劃能夠建立情感連接,與用戶融為一體,讓人們巴望投入其間。(這正是咱們所重視的)
隱形的美學(xué)植根于規(guī)劃理論的根底中。這并不是一種趨勢(shì),也非某個(gè)酷炫的新用戶體會(huì)特征的運(yùn)用。它運(yùn)用文字、色彩、字體、圖片、圖標(biāo)和一些技巧來傳遞信息。咱們來回憶一些根底,看看它們能怎么為你所用。
文字和言語:用來向用戶傳遞一種語諧和心情的文字。在用戶與規(guī)劃進(jìn)行交互時(shí),運(yùn)用一種言語來傳遞你想表達(dá)的感覺。它是正式的、輕松愉快的、仍是滑稽的?它應(yīng)當(dāng)使你感受到熱心,或是想要做出某種反響?還要想想遣詞的韻律,大聲朗誦時(shí)聽起來是怎樣的?
色彩:每種色彩和色彩組合都有不同感覺。要考慮心情和文明要素,挑選色彩會(huì)花費(fèi)許多時(shí)刻。細(xì)心挑選配色方案,選用那些能促運(yùn)用戶履行特定操作的色彩,一起也創(chuàng)造合適的感覺,堅(jiān)持平衡與協(xié)調(diào)。
字體:字體自身也會(huì)帶有含義。從潔凈的無襯線字體,由周遭環(huán)境獲取含義(Helvetica);到復(fù)雜的粗黑體風(fēng)格(巴洛克式文字),帶有一種方式感。你選用的字體類型會(huì)傳遞特殊的感覺。猶豫不定時(shí),就堅(jiān)持運(yùn)用無襯線字體或是簡(jiǎn)略襯線的字體,運(yùn)用一致的筆畫粗細(xì)和慣例字重。
圖片:你所用的圖片里有什么?包括照片、動(dòng)畫和視頻。其間的人是開心面帶笑容的嗎?(里面有人嗎?)色彩是暖色仍是冷色?動(dòng)作快速仍是緩慢?瀏覽步調(diào)與閱讀流程要合適——就像步行速度一樣——能夠給用戶創(chuàng)造一種特定的舒適度。太快或太慢的動(dòng)作,就會(huì)開端引人注意,用戶就會(huì)更加重視它,乃至逾越圖片自身。
圖標(biāo)與UI元素:一致的圖標(biāo)集和用戶界面元素,在隱形上大有協(xié)助。一套體系會(huì)經(jīng)過標(biāo)準(zhǔn)化展示,來告知用戶網(wǎng)站怎么作業(yè)、怎么操作,即便圖標(biāo)對(duì)應(yīng)的操作與特定外觀可能并不相同。當(dāng)用戶不需要考慮它怎么運(yùn)用時(shí),隱形就收效了。想想每一個(gè)零售商都在運(yùn)用的購物車圖標(biāo),它是檢查產(chǎn)品的一種標(biāo)識(shí)。用戶不需要考慮怎么進(jìn)行到后一步,或者說怎么付出;這個(gè)元素會(huì)將他們引向正確的操作。
其他技巧:有一大堆規(guī)劃技巧能夠成就或破壞你的規(guī)劃——投影、文字作用(例如傾斜)、描邊與邊框、留白、下劃線、列表,等等。其間任何一種的關(guān)鍵仍是在于運(yùn)用。假如你翻開編輯軟件的東西窗口,在默認(rèn)設(shè)置狀態(tài)下點(diǎn)擊“運(yùn)用”,你就做錯(cuò)了,還會(huì)引發(fā)花哨的作用。用戶疏忽了某張圖片,而且見怪于它陰影太重的時(shí)候(雖然受過練習(xí)的規(guī)劃師之眼能夠辨認(rèn)出來),才應(yīng)該運(yùn)用這些作用。規(guī)劃作用只應(yīng)該有助于全體信息和視覺方針。
再回想一下Oliver Reichenstein說過的。它著重“微觀”和“微觀”元素。這是關(guān)鍵。要達(dá)到完全隱形,規(guī)劃的每個(gè)細(xì)節(jié)都要精心推敲。
帶有意圖進(jìn)行簡(jiǎn)略的規(guī)劃。不要只是由于你想要運(yùn)用某種技巧,就過度裝修或參加盛行元素。規(guī)劃好每個(gè)細(xì)節(jié),讓它們無縫協(xié)作。一起規(guī)劃好全局,讓它勾繪出你的項(xiàng)目試圖傳達(dá)的全體概念。不要過度考慮:有時(shí)候簡(jiǎn)略的解決方案便是正確的。(或許正是隱形規(guī)劃的概念促成了扁平化規(guī)劃的興起,而且繼續(xù)盛行)當(dāng)用戶專注于目標(biāo)而非界面時(shí),便是隱形設(shè)計(jì)的成功。