小程序設(shè)計之排版和配圖,你知道該如何做嗎?
發(fā)布者:君點科技 時間:2019-05-24 12:01:08一個小程序能不能吸引住人,排版和配圖尤為關(guān)鍵,直接關(guān)乎客戶的第一印象。故此,在小程序設(shè)計中,除了滿足用戶的需求之外,還要懂得如何排版和配圖,方能在激烈的競爭中脫穎而出。今天趨勢云服務(wù)就為大家來談?wù)勥@個話題。
培養(yǎng)正確的審美是第一步,訪問大量精心制作的微信發(fā)布的小程序,尤其是偏藝術(shù)、美分享、知名小程序的排版,對好的排版的樣式有了一個大概的印象,這樣才能在實際情況中靈活運用。
“微信官方開發(fā)者工具”因為系統(tǒng)的原因十分難用,所以建議不要直接用它制作。我們通常來說會采用可視化拖拉工具設(shè)計好小程序樣式及交互部分,然后把代碼復(fù)制粘貼到“微信官方開發(fā)者工具”,利用它發(fā)布代碼。這個時候你可以做一些高級的代碼或調(diào)試。
如果本身是純小程序的展現(xiàn)形式,力求大氣整潔即可。如果本身是對排版有一定要求,有很多第三方工具可供選擇。如可選拖拉與代碼編輯并存的方式,拖拉滿足不了的情況下,甚至是懂代碼的人,可以在工具上結(jié)合代碼一起編輯,類似于“DreamWare”一樣。
選擇元素后可以點擊色塊,選擇顏色。一般來說,為了不給設(shè)計者帶來太多的負(fù)擔(dān),每個元素會展現(xiàn)右邊的列表欄,可以保證鼠標(biāo)難選中的元素、隱藏的元素、尺寸過小的元素等被再次選中編輯。界面一般來說建議16像素大小,二級標(biāo)題18像素,這是我們反復(fù)測試的大多數(shù)設(shè)備上閱讀體驗較舒適的字號,字體顏色不要用全黑,太重了。
插圖慎用亮色色塊,那會一下子拉低整頁的格調(diào),頂部的banner處盡量統(tǒng)一、 舒適,強化小程序的品牌印象。設(shè)計好后一定要發(fā)送預(yù)覽給自己的蘋果手機和一臺安卓手機仔細(xì)檢查排版,以防不測。比如說滾動到底部的時候,蘋果經(jīng)常是最底部內(nèi)容被遮蓋,而安卓則不會。
如果遇到令人耳目一新的版式想要借鑒怎么辦呢?可以采用一些小程序解包、還原、破解等工具,解包他人的小程序素材及相關(guān)文件,復(fù)制自己需要的到排版工具內(nèi),將里面的素材替換成你想要的即可。插圖和配圖像素一定要高,可以去花瓣等地逛逛,選用的時候注意版權(quán)。
本信息來源于:君點科技 fasttcp.cn 網(wǎng)站建設(shè),網(wǎng)站設(shè)計,上海網(wǎng)站建設(shè),上海網(wǎng)站設(shè)計,網(wǎng)站建設(shè)公司,網(wǎng)站設(shè)計公司