騰訊15年春招一面:「界面設(shè)計(jì)」、「視覺(jué)設(shè)計(jì)」切端、「交互設(shè)計(jì)」之間的關(guān)系是什么彻坛?
如果說(shuō)「人」是一個(gè)產(chǎn)品。
「界面設(shè)計(jì)」就是骨肉素顏踏枣;
「視覺(jué)設(shè)計(jì)」就是妝容服飾昌屉;
「交互設(shè)計(jì)」就是神情行為。
探討這三者的關(guān)系茵瀑,我們需要先簡(jiǎn)單了解它們的定義间驮。
“界面設(shè)計(jì)”的英文是“Interface Design”。在計(jì)算機(jī)領(lǐng)域中马昨,interface翻譯為“接口”竞帽。所謂“接口”,就是承擔(dān)鏈接不同組件鸿捧、元素屹篓、平臺(tái)、系統(tǒng)的媒介匙奴。
在人機(jī)交互領(lǐng)域中堆巧,大多數(shù)情況下,連接「人」與「軟件」的媒介就是「界面」。
而什么是交互設(shè)計(jì)呢谍肤?
交互啦租,即交流、互動(dòng)荒揣。
人機(jī)交互刷钢,即人與計(jì)算機(jī)硬件和軟件的「交流」和「互動(dòng)」。
肉體和機(jī)械互動(dòng)乳附,思維和數(shù)據(jù)交流。計(jì)算機(jī)是“死的”伴澄,人是活的赋除。在過(guò)去,人需要根據(jù)說(shuō)明書去適應(yīng)軟件非凌,這使人自身在使用的過(guò)程中非常痛苦举农,這個(gè)時(shí)候計(jì)算機(jī)是「工具」;而現(xiàn)在敞嗡,軟件作為給人提供方便的「生活用品」颁糟,我們必須讓計(jì)算機(jī)去“讀懂”人。這就是交互設(shè)計(jì)師的責(zé)任喉悴。
視覺(jué)設(shè)計(jì)很容易理解棱貌,漂亮、酷炫箕肃、溫暖婚脱、寧?kù)o,吸引眼球勺像。
(其實(shí)其余的「感官」也都存在設(shè)計(jì)障贸,只是視覺(jué)是最大眾的一種。)
了解了什么是「界面設(shè)計(jì)」吟宦、「交互設(shè)計(jì)」篮洁、「視覺(jué)設(shè)計(jì)」,我們只要簡(jiǎn)單的舉一個(gè)例子殃姓,按照流程就能知道它們之間的關(guān)系袁波。
就像這個(gè)看臉的社會(huì)一樣,美辰狡、帥锋叨、酷才能使你產(chǎn)生想要繼續(xù)聊下去的欲望。同樣宛篇,當(dāng)用戶第一次使用產(chǎn)品的時(shí)候娃磺,絕大多數(shù)情況下你的第一反應(yīng)是“這個(gè)網(wǎng)站、App美不美”叫倍。合理的配色偷卧,優(yōu)美的字體能夠更好的吸引用戶豺瘤。追求美是人的本能,抓住了視覺(jué)听诸,就能讓用戶更愿意繼續(xù)使用你的產(chǎn)品坐求。而只有用于愿意使用你的產(chǎn)品,TA才能感受到其中「交互」和「界面」的魅力晌梨。
沒(méi)有「視覺(jué)設(shè)計(jì)」桥嗤,就相當(dāng)于是直接使用「線框圖」的產(chǎn)品。
當(dāng)我們剝離掉「視覺(jué)」仔蝌,剩下你能看到的就是純粹的「界面」泛领。
「媒介」也分為很多種,聲音在固體中的傳輸速度遠(yuǎn)大于空氣敛惊,而如果在真空中就無(wú)法傳播渊鞋。同樣,「界面」也有好有差瞧挤,如果想實(shí)現(xiàn)“翻到下一頁(yè)”的功能锡宋,你把按鈕放置到屏幕左側(cè)就會(huì)使用戶茫然錯(cuò)亂,因?yàn)檫@不符合TA的認(rèn)知習(xí)慣特恬。
「界面設(shè)計(jì)」执俩,就是讓用戶更好的認(rèn)知「功能」。成功的「界面設(shè)計(jì)」癌刽,就是讓用戶一眼就能看到「最重要的東西」
好的交互就是讓用戶感覺(jué)不到疑惑奠滑。無(wú)論老,少妒穴,還是障礙者宋税,優(yōu)秀的交互能讓TA們愉悅的使用產(chǎn)品。
當(dāng)我想要放大縮小圖片讼油,最好的方式是「念動(dòng)即生」杰赛,因?yàn)檫@個(gè)行為沒(méi)有其余中間過(guò)程。
次一等的則是「直接使用手操控」矮台,手作為人最為常用乏屯,也是最熟悉的工具,「手指拖拽」放大縮小瘦赫,無(wú)論從感官還是操作體驗(yàn)辰晕,這是目前最符合人直覺(jué)的操作,簡(jiǎn)單确虱、優(yōu)雅含友。
最差的是再多一層中間過(guò)程,即通過(guò)按下某個(gè)按鈕【轿剩「想」→「手」→「按」→「放大」辆童,從感受來(lái)說(shuō),「想」到「圖片放大」的過(guò)程和操作過(guò)于冗長(zhǎng)和復(fù)雜惠赫。從體驗(yàn)上來(lái)說(shuō)把鉴,按鍵的不直觀使圖片放大的比率也無(wú)法達(dá)到心意的效果。你甚至?xí)貜?fù)多次這個(gè)行動(dòng)儿咱,
「交互設(shè)計(jì)」讓元素的響應(yīng)更符合人的直覺(jué)庭砍。步驟、操作混埠、反饋……——“就和想的一樣逗威。”
膚白貌美又會(huì)做人岔冀,誰(shuí)會(huì)不喜歡呢?