锐客直播_锐客直播app官方正版下载_锐客直播直播视频在线观看免费版下载

400-650-7353
您所在的位置:首頁(yè) > IT干貨資料 > ui設(shè)計(jì) > 【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI界面設(shè)計(jì)怎么劃分

【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI界面設(shè)計(jì)怎么劃分

  • 發(fā)布: ui培訓(xùn)
  • 來(lái)源:UI干貨資料
  • 2019-12-05 14:15:41
  • 閱讀()
  • 分享
  • 手機(jī)端入口

UI界面設(shè)計(jì)是什么?我們來(lái)解釋一下。對(duì)于用戶的界面,我們想一下,我們?nèi)粘I钪薪佑|到的哪些是用戶界面?我們的手機(jī)界面、電腦界面、iPad界面、還有車(chē)載系統(tǒng)界面、VR界面等。將這些界面設(shè)計(jì)劃分為三類(lèi):PC端UI設(shè)計(jì)、移動(dòng)端UI設(shè)計(jì)、其他UI設(shè)計(jì)。我們主要給大家介紹的是PC端UI設(shè)計(jì)和移動(dòng)端UI設(shè)計(jì)。

一、PC端UI設(shè)計(jì)

主要應(yīng)用在web上,因此可稱(chēng)為web UI。它的設(shè)計(jì)范圍包括常見(jiàn)的網(wǎng)站(電商、社交)設(shè)計(jì)、工具(郵箱、后臺(tái)系統(tǒng))類(lèi)網(wǎng)站設(shè)計(jì)等,在web UI的設(shè)計(jì)過(guò)程中,一定要注意其載體的基本屬性,用戶使用鼠標(biāo)對(duì)web界面進(jìn)行操作,鼠標(biāo)的操作精準(zhǔn)度相對(duì)較高,產(chǎn)生錯(cuò)誤的概率也會(huì)比較小。

web UI的設(shè)計(jì)師有安全距離的,這個(gè)安全距離會(huì)隨著電腦屏幕尺寸的變化而進(jìn)行適配,但一般情況下,我們會(huì)使用1000PX的安全距離進(jìn)行設(shè)計(jì),就是在1000PX的尺寸中進(jìn)行設(shè)計(jì);web UI中的按鈕一般為4中狀態(tài),處于正常情況下的默認(rèn)狀態(tài),當(dāng)鼠標(biāo)經(jīng)過(guò)按鈕的懸停狀態(tài),鼠標(biāo)點(diǎn)擊時(shí)的點(diǎn)擊狀態(tài),按鈕不能被使用的不可用狀態(tài);按鈕的使用位置上,因?yàn)殡娔X操作的界面,所以對(duì)于按鈕位置的要求并沒(méi)有限制,對(duì)于web UI的操作方式主要可通過(guò)單擊、雙擊、右鍵。

UI界面設(shè)計(jì)

二、移動(dòng)端UI 設(shè)計(jì)

主要應(yīng)用在移動(dòng)APP上,我們也可稱(chēng)之為APP UI,它的涉及范圍一般都在手機(jī)和平板電腦上,涉及范圍是手機(jī)和平板電腦上面的各種APP。

相對(duì)于電腦,手機(jī)的尺寸比較小,并且一般都是使用手指進(jìn)行操作,所以我們?cè)谠O(shè)計(jì)手機(jī)端的點(diǎn)擊區(qū)域時(shí),要考慮用戶手指的粗細(xì)不同,給與一個(gè)合理的點(diǎn)擊范圍,防止進(jìn)行誤操作,提高操作的準(zhǔn)確率。手機(jī)的屏幕尺寸也是比較多的,我們一般采用750x 1334PX 作為設(shè)計(jì)尺寸,APP UI的按鈕有三種狀態(tài),處于正常情況下的默認(rèn)狀態(tài),鼠標(biāo)點(diǎn)擊時(shí)的點(diǎn)擊狀態(tài),按鈕不能被使用的不可用狀態(tài),相對(duì)于web UI來(lái)講少了懸停狀態(tài),主要是因?yàn)椴僮髅浇椴煌?/p>

對(duì)于APP UI中的按鈕,因?yàn)榻缑娴奈锢沓叽缦鄬?duì)來(lái)講比較小,所以在進(jìn)行APP UI 的按鈕設(shè)計(jì)時(shí),要保證點(diǎn)擊區(qū)域可操作,一般設(shè)置為長(zhǎng)矩形,所以占的位置就會(huì)比較大,可選擇放置在界面大拇指可觸及的范圍內(nèi)。操作方式上APP UI主要通過(guò)單擊、長(zhǎng)按、滑動(dòng)進(jìn)行控制。

文章“【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI界面設(shè)計(jì)怎么劃分”已幫助

>>本文地址:http://uj2y2uok.com/zhuanye/2019/48084.html

THE END  

聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測(cè)試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營(yíng)銷(xiāo)互聯(lián)網(wǎng)營(yíng)銷(xiāo)
  • JavaJava
  • Linux云計(jì)算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運(yùn)營(yíng)全域電商運(yùn)營(yíng)
  • 軟件測(cè)試軟件測(cè)試
  • 室內(nèi)設(shè)計(jì)室內(nèi)設(shè)計(jì)
  • 平面設(shè)計(jì)平面設(shè)計(jì)
  • 電商設(shè)計(jì)電商設(shè)計(jì)
  • 網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)
  • 全鏈路UI/UE設(shè)計(jì)UI設(shè)計(jì)
  • VR/AR游戲開(kāi)發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運(yùn)營(yíng)新媒體
  • 直播帶貨直播帶貨
  • 智能機(jī)器人軟件開(kāi)發(fā)智能機(jī)器人
 

快速通道fast track

近期開(kāi)班時(shí)間TIME