高勁
設(shè)計師在日常工作中，避免不了與開發(fā)、測試同事溝通交流。他們說的話，你真的聽明白了嗎？如何更快、更好的無障礙交流？這就需要我們設(shè)計師，多多了解開發(fā)、測試同事們常用的術(shù)語，以及一些與設(shè)計相關(guān)的代碼知識。
相信網(wǎng)站視覺設(shè)計的重要性大家應(yīng)該都清楚，對于普通訪客來說，網(wǎng)站的框架、交互邏輯等這些都是其次的，訪客首先感受到的是網(wǎng)站的視覺設(shè)計，同時視覺也能夠直觀地表達(dá)出我們所要傳遞的價值。因此，我們在建設(shè)網(wǎng)站時，一方面需要確保網(wǎng)站的視覺效果足夠優(yōu)秀，另一方面需要保證視覺能夠傳遞正確的商業(yè)價值。
在做設(shè)計前我們都會提前了解清楚設(shè)計的需求目的，作為基礎(chǔ)的設(shè)計規(guī)范也是需要提前做好制定，并且清楚設(shè)計規(guī)范規(guī)則，不然到后期就會為設(shè)計工作以及開發(fā)人員帶來很多不便之處，無論是平面設(shè)計還是UI設(shè)計，都需要提前明確設(shè)計規(guī)范，這一期主要分享關(guān)于B端UI設(shè)計的前期規(guī)范制定。
講述了交互設(shè)計師在面對重要的轉(zhuǎn)化頁時應(yīng)該要著重將價值簡單高效的傳達(dá)給用戶，加強(qiáng)用戶的感知，可以通過貼標(biāo)簽、緊迫感文案、動態(tài)化、對比化、平鋪直述、亮數(shù)據(jù)內(nèi)容展示，更好的將產(chǎn)品價值傳達(dá)給到用戶，在具體內(nèi)容布局上建議準(zhǔn)尋線性的框架搭配顏色、動效、引導(dǎo)性文案的方式引導(dǎo)用戶操作。
本文淺談了B端如何制作在工作中具有實(shí)用性的用戶畫像，提供了一個相對比較通用的解決方法供大家參考。但實(shí)際上用戶畫像的方法還有很多
信息架構(gòu)是產(chǎn)品的骨架。具體而言，就是一款產(chǎn)品有幾個一級頁面，以及支撐起整個產(chǎn)品的一級頁面、二級頁面各有幾種內(nèi)容樣式。所謂一級頁面，微信的“發(fā)現(xiàn)”頁就是一個一級頁面；在“發(fā)現(xiàn)”頁點(diǎn)“朋友圈”，進(jìn)去的就是一個二級頁面。所謂內(nèi)容樣式，Banner 是一種內(nèi)容樣式，九宮格是一種內(nèi)容樣式，設(shè)置頁面那種列表也是一種內(nèi)容樣式。
排版布局可以響應(yīng)式的隨設(shè)計師對內(nèi)容的增刪改而自動調(diào)整，無需手動修改徒增成本，進(jìn)而大大提升工作效率。
瀏覽了許多關(guān)于“設(shè)計規(guī)范”的文章，發(fā)現(xiàn)很多都是在針對通用流程和視覺方面在整理，關(guān)于交互層面的內(nèi)容比較少。基于此，結(jié)合最近項(xiàng)目中沉淀的實(shí)際案例，以及參考了不少行業(yè)通用的設(shè)計規(guī)范，總結(jié)了一篇關(guān)于搭建交互規(guī)范的流程、框架、要點(diǎn)。希望能夠幫助大家更好的沉淀交互規(guī)范。
整理了一套B端設(shè)計規(guī)范，包括色彩規(guī)范、字體規(guī)范、圖標(biāo)規(guī)范、布局柵格、組件規(guī)范。
本文介紹了幾個關(guān)于用戶體驗(yàn)度量的模型，UES模型、適合網(wǎng)站的 PLUSE、谷歌的 HEART、螞蟻的 PTECH和GSM模型，它們各有切入點(diǎn)，也各有其適應(yīng)場景。對各個模型的概念和它們相應(yīng)的維度做了詳細(xì)的介紹。
藍(lán)藍(lán)設(shè)計的小編 http://www.vcbhc.cn
