雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

ui設(shè)計(jì)是什么意思?進(jìn)行小程序ui設(shè)計(jì)要注意什么?

Time: 2019-12-27


現(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í)慣。


1.png

(圖片來自網(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ù)。


2.png

(圖片來自網(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í)候,必須要注意上述介紹的問題。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開