PC端聊天窗口的「 視覺&交互 」設計參考

本文共621字28圖，預計閱讀時間： 2分鐘

最近一直在分享移動端UI設計，今天來分享一篇和PC有關的設計內容——聊天窗口的設計。

交互設計參考

功能屬性：

聊天窗口是社交類軟體的一個主要功能窗口，設計圍繞著兩人或多人的對話形式來進行。

功能需求：

在交互動線上，以最基礎的交互動線來思考，最常見的形式表現為點擊好友彈出窗口，通過窗口來進行的對話聊天形式，這也是最常見的聊天窗口。

在窗口的聊天功能上，最早就增添了表情，後來陸續更新了語音通話，視頻聊天，文件傳輸，查詢記錄等。

手指觸屏交互的流行，對於PC端UI的設計和理解也有了變化，很多產品在設計時取消了軟體彈出聊天窗口這個概念，而將整個產品都以窗口的形式展現，並在窗口左側增加了側邊欄，聊天窗口成為了側邊欄的標籤選項之一。

目前很多產品都採用了這種形式的窗口聊天設計，並進行了一些功能延伸，在設計PC端的聊天窗口時，可以參考以上的交互設計基礎，再根據自己的產品進行延伸。

視覺設計參考

結語

聊天窗口的設計應用在很多場景中，其設計方法相對來說也較為簡單，希望以上的分享，可以在工作中，可以幫到你。

獲取更多設計資源

請關注微信訂閱號：如履薄冰