一.確定背板設(shè)計
1.兩位一體【物理圓角映射到設(shè)計層變?yōu)槿萜鲌A角绅络,最大限度地在扁平化的設(shè)計理念中保留物理現(xiàn)實的影子】
注意背板設(shè)計帶來的留白率
削弱頁面分割适肠,減少頁面留白率阳谍,避免卡片套卡片套卡片的復(fù)雜層級弛矛,在保留圓角特性的基礎(chǔ)上最大程度的維系了頁面的通透郭卫,提供沉浸式的視覺體驗。
考慮移動端的適應(yīng)性
背板卡片可以幫助隱藏后層的輔助信息页藻,背板卡片激活時桨嫁,后層被遮擋的與背板卡片相關(guān)的信息則會以更自然,更符合物理現(xiàn)實的形式展現(xiàn)出來份帐,更易被理解璃吧。
2.一體多位【建立通用單元背板容器,結(jié)構(gòu)性地兼容不同的業(yè)務(wù)狀態(tài)废境,以此將差異有效控制于基礎(chǔ)背板容器中】
背板容器化
針對不同的業(yè)務(wù)屬性的背板矩陣也將信息層級收口為視覺框架畜挨,并根據(jù)不同的業(yè)務(wù)屬性靈活組裝,進行容器框架內(nèi)的業(yè)務(wù)自適應(yīng)噩凹,做到了豐富的產(chǎn)品視覺呈現(xiàn)形式巴元。
基因滲透
通過顏色、Logo等層面延展品牌的表達驮宴,為了能更全面地傳達逮刨,在背板設(shè)計中可以提煉圓角作為全局可視化視覺載體進行延續(xù)設(shè)計,一個圓角的延展堵泽,可以演變出不同的形狀修己,當(dāng)這些延續(xù)了視覺DNA的空間沿用到每一個諸如:圖標恢总、按鈕、圖片等功能化控件中時睬愤,不但在提升整體印象片仿,當(dāng)看到這種圓潤設(shè)計的形狀或使用這些功能元素時,就會想到品牌戴涝。
二.細節(jié)
1.顏色系統(tǒng)
2.圖標系統(tǒng)
3.文字系統(tǒng)
4.交互系統(tǒng)
自然的色塊引導(dǎo)
添加關(guān)鍵聯(lián)動元素
場景化的動效
圖標的微動效
三.科學(xué)管理
1.團隊組建
洞見需求——找到設(shè)計抓手(內(nèi)容吸引 / 架構(gòu)升級)——設(shè)計解決方案落地(信息結(jié)構(gòu)優(yōu)先級 / 背板容器場景化升級 / 動態(tài)內(nèi)容立體呈現(xiàn) / 個性化算法推薦 / 動態(tài)視差BANNER / 增加體驗落地可能性 / 效果評估)——增加體驗落地可能性
個性化推薦=長瀏覽+搜索+收藏+加購+下單+支付