中英文混排響應式網站界面設計

來自中國本土的界面設計師KOMA設計的響應式網站

什麼是響應式網站？

簡單說網站創建頁面的版式大小或效果

可以智能地根據用戶行為

以及使用的設備環境進行相對應的適應布局

例如：

PC端+移動端自動適應

旋轉屏幕自動適應

按鈕自動適應手指點擊面積

菜單變成移動菜單

文字自動下行

文本樣式自動變化

標誌自動視網膜屏幕

板塊之間重新合理化排列

等等……

這個網站中就是採用響應式的頁面設計

首先是設計

網站採用極簡的風格

以突出產品

在設計上與之品牌風格調性一致

中英文混排對字體要求比較高

在中文字體的選擇上是需要思考斟酌

標題選擇了一個長方形中文字塊

並且在標題上將字距拉的比較開

形成點狀中文標題

與標誌協調一致

色彩方面保持中性清新的顏色

GIF

GIF

其次是交互體驗

利用響應式的架構

可以在不同設備和環境中保持良好的用戶體驗

而體驗中的細節設計能否到位

需要對每個狀態或者環境中的不同版式展示

不斷反覆測試和調整

以達到最優化的布局

響應式網站最難的地方是

對移動端、PC端保持同樣的設計格調時

兼顧不同解析度、屏幕尺寸和使用場景下

其版式和交互依舊具備優秀的用戶體驗

學習響應式網站設計

基礎的網頁設計師需要了解的代碼知識

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！