騰訊15年春招一面:「界面設計」、「視覺設計」、「交互設計」之間的關系是什么?
如果說「人」是一個產品。
「界面設計」就是骨肉素顏;
「視覺設計」就是妝容服飾;
「交互設計」就是神情行為。
探討這三者的關系,我們需要先簡單了解它們的定義。
“界面設計”的英文是“Interface Design”。在計算機領域中,interface翻譯為“接口”。所謂“接口”,就是承擔鏈接不同組件、元素、平臺、系統的媒介。
在人機交互領域中,大多數情況下,連接「人」與「軟件」的媒介就是「界面」。
而什么是交互設計呢?
交互,即交流、互動。
人機交互,即人與計算機硬件和軟件的「交流」和「互動」。
肉體和機械互動,思維和數據交流。計算機是“死的”,人是活的。在過去,人需要根據說明書去適應軟件,這使人自身在使用的過程中非常痛苦,這個時候計算機是「工具」;而現在,軟件作為給人提供方便的「生活用品」,我們必須讓計算機去“讀懂”人。這就是交互設計師的責任。
視覺設計很容易理解,漂亮、酷炫、溫暖、寧靜,吸引眼球。
(其實其余的「感官」也都存在設計,只是視覺是最大眾的一種。)
了解了什么是「界面設計」、「交互設計」、「視覺設計」,我們只要簡單的舉一個例子,按照流程就能知道它們之間的關系。
就像這個看臉的社會一樣,美、帥、酷才能使你產生想要繼續聊下去的欲望。同樣,當用戶第一次使用產品的時候,絕大多數情況下你的第一反應是“這個網站、App美不美”。合理的配色,優美的字體能夠更好的吸引用戶。追求美是人的本能,抓住了視覺,就能讓用戶更愿意繼續使用你的產品。而只有用于愿意使用你的產品,TA才能感受到其中「交互」和「界面」的魅力。
沒有「視覺設計」,就相當于是直接使用「線框圖」的產品。
當我們剝離掉「視覺」,剩下你能看到的就是純粹的「界面」。
「媒介」也分為很多種,聲音在固體中的傳輸速度遠大于空氣,而如果在真空中就無法傳播。同樣,「界面」也有好有差,如果想實現“翻到下一頁”的功能,你把按鈕放置到屏幕左側就會使用戶茫然錯亂,因為這不符合TA的認知習慣。
「界面設計」,就是讓用戶更好的認知「功能」。成功的「界面設計」,就是讓用戶一眼就能看到「最重要的東西」
好的交互就是讓用戶感覺不到疑惑。無論老,少,還是障礙者,優秀的交互能讓TA們愉悅的使用產品。
當我想要放大縮小圖片,最好的方式是「念動即生」,因為這個行為沒有其余中間過程。
次一等的則是「直接使用手操控」,手作為人最為常用,也是最熟悉的工具,「手指拖拽」放大縮小,無論從感官還是操作體驗,這是目前最符合人直覺的操作,簡單、優雅。
最差的是再多一層中間過程,即通過按下某個按鈕?!赶搿埂甘帧埂赴础埂阜糯蟆?,從感受來說,「想」到「圖片放大」的過程和操作過于冗長和復雜。從體驗上來說,按鍵的不直觀使圖片放大的比率也無法達到心意的效果。你甚至會重復多次這個行動,
「交互設計」讓元素的響應更符合人的直覺。步驟、操作、反饋……——“就和想的一樣?!?/strong>
膚白貌美又會做人,誰會不喜歡呢?