Case 17 | SAP.com

原網站:https://www.sap.com/index.html#

SAP網站的nav bar和分析的Disney那期https://blog.arlenexu.design/ghost/#/site 的nav bar有比較相似的結構。左側是brand logo, 中間是導航欄,右邊是“購買”“搜索”“用戶登陸”和“地區”,是清晰的左中右結構的導航欄

右側的“Contact us"是一直保持fixed的位置,這樣用戶無論滑動到哪個位置,始終“Contact us"都在右側隨時可以點到的地方

拆解開來看,主要背景都是圖片,粗體大號的字體在背景圖上方

・比較活潑專業的商務風格的圖片整體讓頁面變彩色

・每個圖片之間用黑(灰)色的矩形欄分開

・圖片上每個字體顏色都採用#FFF,清晰且連貫

🍺思考:

・背景圖片風格連續,活潑生動可使得網站colorful

・彩色偏深色的背景圖上的文字顏色用#FFF,字種加粗

・背景圖片於背景圖片之間可用黑(灰)色的分隔欄,這樣不至於圖片全部擠在一起,對於非marketing的website來說很有必要。因為當圖片全部擠在一起的時候呈現一種商品貨架的感覺