現(xiàn)在很多人都會經(jīng)常使用微信軟件,這可以算是使用最頻繁的軟件之一,有很多公司專門從事微信小程序的開發(fā)工作。下面小編就和大家一同來看看ui設(shè)計是什么意思,進(jìn)行小程序ui設(shè)計要注意什么?
ui設(shè)計是什么意思
UI設(shè)計(或稱界面設(shè)計)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI,互聯(lián)網(wǎng)常用的UI設(shè)計是虛擬UI,UI即User Interface(用戶界面)的簡稱。好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。UI是指信息的采集與反饋、輸入與輸出,這是基于界面而產(chǎn)生的人與產(chǎn)品之間的交互行為。在這一層面,UlbJ以理解為User Interaction,即用戶交互,這是界面產(chǎn)生和存在的意義所在。人與非物質(zhì)產(chǎn)品的交互更多依賴于程序的無形運(yùn)作來實現(xiàn),這種與界面匹配的內(nèi)部運(yùn)行機(jī)制,需要通過界面對功能的隱喻和引導(dǎo)來完成。因此,UI不僅要有精美的視覺表現(xiàn),也要有方便快捷的操作,以符合用戶的認(rèn)知和行為習(xí)慣。

(圖片來自網(wǎng)絡(luò))
進(jìn)行小程序ui設(shè)計要注意什么
一、設(shè)計稿最好用二倍圖
UI設(shè)計師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現(xiàn)象,真正原因是開發(fā)用的開發(fā)工具支持一倍圖開發(fā),開發(fā)不用再換算數(shù)值了。而小程序的開發(fā)工具不支持一倍圖開發(fā),支持二倍圖開發(fā)。
二、切圖只需切750的尺寸
設(shè)計稿用二倍圖做的(750*1334),只需給一倍的切片;如果是是按一倍圖設(shè)計的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開發(fā)工具不支持。
三、導(dǎo)航欄不要自定義
小程序很輕量,同時也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。
這是官方的意思,但是,要改也是可以滴,需要客戶端版本是6.6.0以上,而且下拉會使整個頁面下拉,也不好維護(hù)。

(圖片來自網(wǎng)絡(luò))
四、標(biāo)簽欄愛素顏
這個標(biāo)準(zhǔn)名稱叫:標(biāo)簽分頁導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx。但這塊我寫嗨了,就簡稱標(biāo)簽欄。
五、彈窗不覆蓋導(dǎo)航跟標(biāo)簽
在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級是最高的,以至于享受慣最高待遇的彈窗在這里,也要臣服于他們。
六、視頻限時多
小程序?qū)σ曨l的支持不是特別的好,原則上在滾動控件里不能放視頻,而且微信官方文檔里是這樣要求的。這點我也像我們開發(fā)小哥哥求證,確實是這樣,優(yōu)酷和騰訊視頻都是將視頻固定.但其實吧,這點已經(jīng)被有些公司攻克了,如果公司產(chǎn)品需要放視頻,建議專門新開一個頁面,視頻部分最好不要有左右滾動。
ui設(shè)計其實就是界面設(shè)計的簡稱,它分為實體設(shè)計和虛擬設(shè)計兩種類型。大家在進(jìn)行微信小程序ui設(shè)計的時候,必須要注意上述介紹的問題。


在微信中搜索faceui