您所在的位置：首頁 > IT干貨資料 > ui設計 > 【UI設計基礎知識】UI界面設計怎么劃分

【UI設計基礎知識】UI界面設計怎么劃分

發布： ui培訓
來源：UI干貨資料
2019-12-05 14:15:41
閱讀()
分享

手機端入口

UI界面設計是什么?我們來解釋一下。對于用戶的界面，我們想一下，我們日常生活中接觸到的哪些是用戶界面?我們的手機界面、電腦界面、iPad界面、還有車載系統界面、VR界面等。將這些界面設計劃分為三類：PC端UI設計、移動端UI設計、其他UI設計。我們主要給大家介紹的是PC端UI設計和移動端UI設計。

一、PC端UI設計

主要應用在web上，因此可稱為web UI。它的設計范圍包括常見的網站(電商、社交)設計、工具(郵箱、后臺系統)類網站設計等，在web UI的設計過程中，一定要注意其載體的基本屬性，用戶使用鼠標對web界面進行操作，鼠標的操作精準度相對較高，產生錯誤的概率也會比較小。

web UI的設計師有安全距離的，這個安全距離會隨著電腦屏幕尺寸的變化而進行適配，但一般情況下，我們會使用1000PX的安全距離進行設計，就是在1000PX的尺寸中進行設計;web UI中的按鈕一般為4中狀態，處于正常情況下的默認狀態，當鼠標經過按鈕的懸停狀態，鼠標點擊時的點擊狀態，按鈕不能被使用的不可用狀態;按鈕的使用位置上，因為電腦操作的界面，所以對于按鈕位置的要求并沒有限制，對于web UI的操作方式主要可通過單擊、雙擊、右鍵。

UI界面設計

二、移動端UI 設計

主要應用在移動APP上，我們也可稱之為APP UI，它的涉及范圍一般都在手機和平板電腦上，涉及范圍是手機和平板電腦上面的各種APP。

相對于電腦，手機的尺寸比較小，并且一般都是使用手指進行操作，所以我們在設計手機端的點擊區域時，要考慮用戶手指的粗細不同，給與一個合理的點擊范圍，防止進行誤操作，提高操作的準確率。手機的屏幕尺寸也是比較多的，我們一般采用750x 1334PX 作為設計尺寸，APP UI的按鈕有三種狀態，處于正常情況下的默認狀態，鼠標點擊時的點擊狀態，按鈕不能被使用的不可用狀態，相對于web UI來講少了懸停狀態，主要是因為操作媒介不同。

對于APP UI中的按鈕，因為界面的物理尺寸相對來講比較小，所以在進行APP UI 的按鈕設計時，要保證點擊區域可操作，一般設置為長矩形，所以占的位置就會比較大，可選擇放置在界面大拇指可觸及的范圍內。操作方式上APP UI主要通過單擊、長按、滑動進行控制。

文章“【UI設計基礎知識】UI界面設計怎么劃分”已幫助人

>>本文地址：http://www.jecan.cn/zhuanye/2019/48084.html

THE END

聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。