激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

UI設計小白到大神的進階之路—入門基礎篇

發(fā)布時間：2024-01-25 09:48:24 瀏覽量：160次

什么是UI設計？

UI即User Interface（用戶界面）。那什么是用戶界面呢？我們現(xiàn)在用的電腦，手機，iPad等等電子設備都有操作界面，那么這些可以和人進行信息交互的界面都是用戶界面。所以衍生出的UI設計就是指對軟件的人機交互、操作流程、界面美化的整體設計。說白了就是你通過界面去操作軟件或設備，設備通過UI界面顯示出你要的信息。這里需要特別強調(diào)的就是UI界面一定是人與機器之間是可交互的。好的UI不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點。


我們還記得傳統(tǒng)的打字機或者電報嗎？那些雖然也是與信息相關的設備，但由于那個年代科技水平尚不發(fā)達，所以沒有界面呈現(xiàn)給我們，所以我們與機器之間的交互是通過輸入設備完成的。隨著科技的發(fā)展，計算機等硬件開始有了屏幕，并且人們可以通過鼠標和鍵盤對軟件實施操作，實現(xiàn)了人與機器之間的交互。那么我們本課程要學習的就是如何設計UI界面以及應該掌握哪些基礎知識。

UI設計發(fā)展史

UI設計到今天大致經(jīng)歷了三個時期。在早期的操作系統(tǒng)中，圖形和色彩相對簡單，主要通過簡單的漸變和陰影來繪制交互界面。我們可以看PPT這張圖就是早期計算機的交互界面。

那個時候的計算機內(nèi)存和CPU的效能和今天都沒辦法比擬，所以人們的審美也受到技術的限制，我們只能設計出這種相對簡陋的UI設計元素，現(xiàn)在看起來相對單調(diào)乏味，不過在當時呢，已經(jīng)算是里程碑式的躍進了。（見下圖）


隨著計算機成像能力的發(fā)展，在中期UI設計發(fā)展出了以擬物化為風格的界面設計。就是PPT這張圖上所呈現(xiàn)的。設計師可以設計出色彩更加豐富細膩，更加真實的UI設計元素。在中期主要以寫實的設計風格為主。讓UI界面看起來更加生動貼近現(xiàn)實。（見下圖）


到了后期隨著網(wǎng)絡的普及但受到帶寬的限制，計算機軟件界面要求能最快時間加載并呈現(xiàn)給用戶，擬物化風格界面顯然加載會很慢并大量消耗流量，人們也看膩了擬物化的界面。根據(jù)現(xiàn)實需求，扁平化圖標問世了。就是我們現(xiàn)在依然在用的扁平化設計風格。（見下圖）


UI設計風格

擬物化

擬物化的優(yōu)點：更加真實的還原了生活中的物品作為功能的象征和體現(xiàn)。讓人們能夠快速理解圖標的含義，說白了就是看圖說話。

擬物化的缺點：但是擬物化除了看起來逼真它本身有什么缺點呢？第一就是對設計師的手繪能力要求相對較高，如果你沒有扎實的繪畫基礎，你很難用軟件繪制出高保真的圖標。第二呢，就是工作效率相對低下。因為繪制一個高保真的擬物化圖標需要很多圖層和樣式進行疊加，可能一天也就能畫一兩個，那么就相對延長了開發(fā)時間?，F(xiàn)在是一個講究工作效率的年代，敏捷開發(fā)為主?；ㄙM太長時間去扣細節(jié)已經(jīng)過時了。第三呢，就是隨著移動設備的普及，我們更愿意用手機進行瀏覽網(wǎng)頁。但是高保真的擬物化圖標占據(jù)的空間比較大所以會消耗我們更多的流量而且頁面加載會變的很慢，人機交互變的不太友好。那么為了解決這一問題，扁平化設計風格的圖標問世了。一個風格的出現(xiàn)絕對不是憑空出現(xiàn)的，一定是有所需求。對吧。扁平化圖標由于色彩單一，樣式簡單，占據(jù)的空間較小，加載快，流量消耗小。所以成為了現(xiàn)在的主流設計風格。


那么扁平化呢，又可以細分出這種線性的圖標，塊面類圖標和2.5D偽3D圖標。


UI設計的分類

我們將UI設計可以細分出以下三種，分別是GUI WUI MUI。

GUI 即圖形用戶界面（Graphical User Interface，簡稱 GUI）是指采用圖形方式顯示的計算機操作用戶界面。你可以把它理解成就是專攻畫ICON的設計同學，GUI要求設計師有扎實的美術功底，將具象的實物抽象成簡單的ICON。需要我們在繪制之前在紙上繪制出簡單的草圖。GUI的難點就在于你有可能要為一個產(chǎn)品畫一整套的ICON，那就非?？简炘O計師的整體設計風格的把控能力，做到統(tǒng)一當中求變化，變化當中有統(tǒng)一。（見下圖）


WUI 即網(wǎng)頁端用戶界面（Web User Interface，簡稱 WUI）是專指網(wǎng)頁端人機交互界面的設計。從事WUI的設計同學以后要更多的接觸PC端的網(wǎng)頁布局設計。要求設計師對網(wǎng)頁的開發(fā)和設計流程要熟悉和了解。尤其是網(wǎng)頁的過去 現(xiàn)在 和未來都有哪些變化，應該怎么布局更合理。WUI設計師要掌握的知識非常多，比如網(wǎng)頁的常規(guī)尺寸，字體字號，配色等內(nèi)容，還需要WUI同學會一點HTML及CSS的知識。所以網(wǎng)頁UI設計師的身價目前普遍要高于平面設計師。


MUI 手機端用戶界面（Mobile User Interface，簡稱 MUI）是專指手機端人機交互界面的設計。手機端用戶界面的設計有點類似網(wǎng)頁端設計，但是由于顯示媒介不同，造成的尺寸和交互方式也不同，WUI是通過鼠標和鍵盤和界面進行交互，而手機端頁面主要是通過手指進行點擊 長按 滑動 晃動等方式。所以設計的風格也截然不同。但設計的原理是相通的。手機端由于受到屏幕尺寸的限制，所以方寸之間每一像素都很珍貴，所以我們在設計手機端的UI界面的時候一定主要像素對齊等細節(jié)。


UI設計的基本原則

我們在設計任何產(chǎn)品的時候都可以從三個維度去考慮如何設計，哪三個維度呢，就是產(chǎn)品的形，色，質(zhì)。

形，說的就是產(chǎn)品的頁面布局風格，圖標類型風格等。一個產(chǎn)品里的UI設計元素應該是統(tǒng)一的。在其他設計分類中，形還可以指代產(chǎn)品的造型等。


色：就是指一個產(chǎn)品的主色和輔助色都是什么。在用色的時候一定要考究，顏色不要過于多顯得雜亂。應該定義一個產(chǎn)品的主色和輔助色即可。一個產(chǎn)品里的UI設計元素其顏色應該是統(tǒng)一的，有主次之分。


質(zhì)：質(zhì)就是指產(chǎn)品的整體設計風格，也叫調(diào)性。是清新風格，還是商務風格，還是卡通風格等。質(zhì)還可以理解成產(chǎn)品的品質(zhì)。

"關注”私信另外再送你免費PS等學習課程哦！

私信回復“學習”領取UI及ps課程等海量資源，及UI操作UI軟件。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定