重慶天象網路技術:用網際網路大廠思路優化ui設計介面
阿新 • • 發佈:2022-05-18
今天這期分享的ui設計技巧是用網際網路大廠思路優化ui設計介面,好了,開始上乾貨。
如何讓這個頁面變得更高階?首先頭部 logo 太複雜,搜尋框 描邊過於明顯,所以替換 logo 圖形去掉搜尋框描邊。
是不是感覺一下就出來了? 然後就是banner圖,原來的banner圖直接複製了網頁版的廣告圖,並沒有適配到手機場景,所以針對移動端重新完成了banner設計。讓資訊看起來更清晰。
快速入口圖示的多彩設計與當前品牌日系極簡的調性不符,所以我們使用商鋪的原圖和低飽和度的背景色來構建不同分類的圖形。
然後就是新品上市,新品上市的商品圖片太擁擠,文字紅色部分太多,所以優化商品圖的比例,再簡單調整文字排版,減少主色的使用。
我們再來說說熱賣單品,熱賣單品模組的設計色彩過於雜亂,文字資訊層級對比較弱,所以我們先優化排版,並加強對文字間的對比,讓頁面更精緻。
搞定收工