現(xiàn)在很多人都會(huì)經(jīng)常使用微信軟件,這可以算是使用最頻繁的軟件之一,有很多公司專門從事微信小程序的開發(fā)工作。下面小編就和大家一同來看看ui設(shè)計(jì)是什么意思,進(jìn)行小程序ui設(shè)計(jì)要注意什么?
ui設(shè)計(jì)是什么意思
UI設(shè)計(jì)(或稱界面設(shè)計(jì))是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI,互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI,UI即User Interface(用戶界面)的簡(jiǎn)稱。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。UI是指信息的采集與反饋、輸入與輸出,這是基于界面而產(chǎn)生的人與產(chǎn)品之間的交互行為。在這一層面,UlbJ以理解為User Interaction,即用戶交互,這是界面產(chǎn)生和存在的意義所在。人與非物質(zhì)產(chǎn)品的交互更多依賴于程序的無形運(yùn)作來實(shí)現(xiàn),這種與界面匹配的內(nèi)部運(yùn)行機(jī)制,需要通過界面對(duì)功能的隱喻和引導(dǎo)來完成。因此,UI不僅要有精美的視覺表現(xiàn),也要有方便快捷的操作,以符合用戶的認(rèn)知和行為習(xí)慣。
(圖片來自網(wǎng)絡(luò))
進(jìn)行小程序ui設(shè)計(jì)要注意什么
一、設(shè)計(jì)稿最好用二倍圖
UI設(shè)計(jì)師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現(xiàn)象,真正原因是開發(fā)用的開發(fā)工具支持一倍圖開發(fā),開發(fā)不用再換算數(shù)值了。而小程序的開發(fā)工具不支持一倍圖開發(fā),支持二倍圖開發(fā)。
二、切圖只需切750的尺寸
設(shè)計(jì)稿用二倍圖做的(750*1334),只需給一倍的切片;如果是是按一倍圖設(shè)計(jì)的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開發(fā)工具不支持。
三、導(dǎo)航欄不要自定義
小程序很輕量,同時(shí)也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。
這是官方的意思,但是,要改也是可以滴,需要客戶端版本是6.6.0以上,而且下拉會(huì)使整個(gè)頁面下拉,也不好維護(hù)。
(圖片來自網(wǎng)絡(luò))
四、標(biāo)簽欄愛素顏
這個(gè)標(biāo)準(zhǔn)名稱叫:標(biāo)簽分頁導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx。但這塊我寫嗨了,就簡(jiǎn)稱標(biāo)簽欄。
五、彈窗不覆蓋導(dǎo)航跟標(biāo)簽
在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級(jí)是最高的,以至于享受慣最高待遇的彈窗在這里,也要臣服于他們。
六、視頻限時(shí)多
小程序?qū)σ曨l的支持不是特別的好,原則上在滾動(dòng)控件里不能放視頻,而且微信官方文檔里是這樣要求的。這點(diǎn)我也像我們開發(fā)小哥哥求證,確實(shí)是這樣,優(yōu)酷和騰訊視頻都是將視頻固定.但其實(shí)吧,這點(diǎn)已經(jīng)被有些公司攻克了,如果公司產(chǎn)品需要放視頻,建議專門新開一個(gè)頁面,視頻部分最好不要有左右滾動(dòng)。
ui設(shè)計(jì)其實(shí)就是界面設(shè)計(jì)的簡(jiǎn)稱,它分為實(shí)體設(shè)計(jì)和虛擬設(shè)計(jì)兩種類型。大家在進(jìn)行微信小程序ui設(shè)計(jì)的時(shí)候,必須要注意上述介紹的問題。