周周
格式塔理論為界面設(shè)計準(zhǔn)則提供的相關(guān)的基礎(chǔ)理論和原理支撐,一起來了解下吧!
「格式塔」一詞并沒有確切的翻譯,因此我們采用了它的德文音譯(Gestalt),也有將其譯成「完形」也就是完形心理學(xué)。完形心理學(xué)和格式塔心理學(xué)只是不同譯法的區(qū)別而已。
設(shè)計師在日常工作中,避免不了與開發(fā)、測試同事溝通交流。他們說的話,你真的聽明白了嗎?如何更快、更好的無障礙交流?這就需要我們設(shè)計師,多多了解開發(fā)、測試同事們常用的術(shù)語,以及一些與設(shè)計相關(guān)的代碼知識。
相信網(wǎng)站視覺設(shè)計的重要性大家應(yīng)該都清楚,對于普通訪客來說,網(wǎng)站的框架、交互邏輯等這些都是其次的,訪客首先感受到的是網(wǎng)站的視覺設(shè)計,同時視覺也能夠直觀地表達出我們所要傳遞的價值。因此,我們在建設(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)該要著重將價值簡單高效的傳達給用戶,加強用戶的感知,可以通過貼標(biāo)簽、緊迫感文案、動態(tài)化、對比化、平鋪直述、亮數(shù)據(jù)內(nèi)容展示,更好的將產(chǎn)品價值傳達給到用戶,在具體內(nèi)容布局上建議準(zhǔn)尋線性的框架搭配顏色、動效、引導(dǎo)性文案的方式引導(dǎo)用戶操作。
本文淺談了B端如何制作在工作中具有實用性的用戶畫像,提供了一個相對比較通用的解決方法供大家參考。但實際上用戶畫像的方法還有很多
信息架構(gòu)是產(chǎn)品的骨架。具體而言,就是一款產(chǎn)品有幾個一級頁面,以及支撐起整個產(chǎn)品的一級頁面、二級頁面各有幾種內(nèi)容樣式。所謂一級頁面,微信的“發(fā)現(xiàn)”頁就是一個一級頁面;在“發(fā)現(xiàn)”頁點“朋友圈”,進去的就是一個二級頁面。所謂內(nèi)容樣式,Banner 是一種內(nèi)容樣式,九宮格是一種內(nèi)容樣式,設(shè)置頁面那種列表也是一種內(nèi)容樣式。
排版布局可以響應(yīng)式的隨設(shè)計師對內(nèi)容的增刪改而自動調(diào)整,無需手動修改徒增成本,進而大大提升工作效率。
瀏覽了許多關(guān)于“設(shè)計規(guī)范”的文章,發(fā)現(xiàn)很多都是在針對通用流程和視覺方面在整理,關(guān)于交互層面的內(nèi)容比較少?;诖?,結(jié)合最近項目中沉淀的實際案例,以及參考了不少行業(yè)通用的設(shè)計規(guī)范,總結(jié)了一篇關(guān)于搭建交互規(guī)范的流程、框架、要點。希望能夠幫助大家更好的沉淀交互規(guī)范。
整理了一套B端設(shè)計規(guī)范,包括色彩規(guī)范、字體規(guī)范、圖標(biāo)規(guī)范、布局柵格、組件規(guī)范。
藍藍設(shè)計的小編 http://www.yvirxh.cn