本文使用「署名 4.0 國際 (CC BY 4.0)」許可協(xié)議,歡迎轉(zhuǎn)載、或重新修改使用,但需要注明來源。 署名 4.0 國際 (CC BY 4.0)
此系列共分以下幾篇
在規(guī)劃篇中我們確定了這一版設計的基本需求,面向用戶的宣傳服務網(wǎng)站、用戶視覺交互友好、服務入口清晰明確。
首先我們明確的節(jié)奏是要簡單,完成比完美更重要,所以做了最基礎網(wǎng)站信息架構:
目的:
展示企業(yè)信息、服務信息,
- 宣傳推廣,服務入口
- 業(yè)務范圍介紹
- 團隊技術棧信息
- 關于我們,我們的簡歷
- 服務協(xié)議
- 業(yè)務合作需求信息收集
設計關鍵字
簡潔、設計感、專業(yè)感、響應式
設計上面我們采用 8pt柵格系統(tǒng),最終設計稿如下,

PC端

移動端
雖然還有不少細節(jié)需要完善,但基本達到要求。完成比完美更重要,重點是要快速實現(xiàn)出來。接下來就是重點要將這個設計頁面完整的復現(xiàn)出來。
相關資源
- 網(wǎng)站項源碼庫
- 網(wǎng)站示例
- Sketch 設計稿源文件
鏈接: https://pan.baidu.com/s/1c-kcDr0IdynVD7poFwZ7Iw 提取碼: h3ve