2022-06-14 分類: 網(wǎng)站建設(shè)
這篇文章將為接下來想要進(jìn)入UI相關(guān)行業(yè)工作的人講解一些基礎(chǔ)只是以及總結(jié)在UI設(shè)計中需要注意的幾點(diǎn)。
目錄
1.UI的基礎(chǔ)知識
1.1 UI不用戶的接觸點(diǎn)
1.2 用戶看到的畫面全部是UI
1.3 UI與UX的差異
2.UI設(shè)計的基本要點(diǎn)
2.1事前準(zhǔn)備
2.2UI設(shè)計的4個要點(diǎn)
3.后記
UI指的是與用戶之間的接觸點(diǎn)
UI是英語中UserInterface的縮寫。Interface有「接點(diǎn)」以及「接觸面」的意思。在網(wǎng)絡(luò)營銷中,也有用戶與服務(wù)的接點(diǎn)這一層意思。將想要傳達(dá)的東西傳達(dá)給用戶,促進(jìn)交流是提高網(wǎng)絡(luò)成果的必經(jīng)之路。正確的UI設(shè)計是不可或缺的,指的就是這里。
用戶的眼睛看到的東西全部都是UI
那么,UI具體到底是什么東西呢?以web網(wǎng)頁或APP來思考的話,用戶眼睛看到的東西全部都可以稱之為UI。畫面與文本自不必多說,字形、風(fēng)格、余白以及布局都可以稱之為UI。但是通過這個說法,在實(shí)際進(jìn)行設(shè)計時,很容易導(dǎo)致設(shè)置風(fēng)格僅偏向于視覺觀感,但是光好看是不行的,如何設(shè)計出最適合的UI才是關(guān)鍵勝負(fù)。
UI與UX的差異
一個與UI相似的單詞,被稱之為UX。讓我們簡單的看下這兩個單詞的差別。UI指的是和上面介紹的一樣,用戶比服務(wù)的接點(diǎn)。而UX則稍微有些不同,UX指的是根據(jù)服務(wù)讓用戶得到的體驗(yàn)。例如生活變得豐滿,獲得感動,購買手續(xù)變的方便等,這些可以統(tǒng)稱為UX。總結(jié)來說,就是為了提供良好的用戶體驗(yàn)(UX),而通過用戶與服務(wù)(UI)的設(shè)定來完成,也可以說UI是UX的一部分。
接下來為大家講解,UI設(shè)計中需需要掌握的一些基礎(chǔ)要點(diǎn)。如果能為以后想要進(jìn)入UI設(shè)計行業(yè)的人們,還在為UI設(shè)計煩惱的人提供參考的話就最好了。
事前準(zhǔn)備
明確目標(biāo)
在實(shí)際進(jìn)行UI設(shè)計之前,有一件必須要做的事。也就是明確目標(biāo)。根據(jù)目標(biāo)的不同,可以更好的在后面進(jìn)行UI的改善以及人性化設(shè)計。這里再重復(fù)一遍,UI指的是用戶與服務(wù)的接點(diǎn)。如果不了解作為對象的用戶,是無法了解到用戶對于各方面的需求的。UI設(shè)計的成敗與目標(biāo)有著非常重要的關(guān)系。
關(guān)于明確目標(biāo)的方法,一般經(jīng)常使用的是一個叫作假面的方法。假面指的是:服務(wù)與產(chǎn)品的所提供給的理想人物。根據(jù)問卷調(diào)查以及潛在用戶的分析為基礎(chǔ)的具體資料來設(shè)置假面。這樣還可以設(shè)計出更好的營銷策略,并且可以讓團(tuán)隊(duì)內(nèi)有更好的共同意識。請務(wù)必嘗試這種做法。
想要傳達(dá)什么?
接下來,讓我們來決定想要給目標(biāo)傳達(dá)什么。找出用戶的需求,我們需要提供什么東西,自身的服務(wù)以及產(chǎn)品有什么特征,根據(jù)這些情報來推斷出提供給用戶查看的優(yōu)先度。
在完成準(zhǔn)備后,讓我們來看看在具體的UI設(shè)計中需要注意的幾點(diǎn)。在眾多要點(diǎn)中,選取最為重要的地方進(jìn)行解說。
遵守設(shè)計的原則
在網(wǎng)頁設(shè)計中有著基礎(chǔ)的原則。「接近」、「整列」、「対比」、「反復(fù)」這四點(diǎn),通過良好的遵守這四個原則,可以得到更加統(tǒng)一的設(shè)計感。UI也會變得更加好看。接下來讓我們一個個講解上面的4點(diǎn)。
「近接」指的是將關(guān)聯(lián)性較高的要素顯示在較勁的地方,而沒有關(guān)聯(lián)性的東西則配置在其他地方。根據(jù)這里可以讓文本以及圖像就算不知道是什么,也能一眼看出其中的關(guān)聯(lián)性。「整列」指的是整齊的分配要素的布局。被稱之為contrast的對比指的是在顯示的情報中增加強(qiáng)弱要素。文本的字形(尺寸與顏色等)的改變。最后的反復(fù)則是重復(fù)信息的收集以及有節(jié)奏的重復(fù),變得更加容易讀取信息。
減少情報良
在進(jìn)行UI的大減時,盡可能的減少情報量也是有必要的,如果情報量太多容易導(dǎo)致用戶不知道將目光放在哪里。這樣會導(dǎo)致用戶錯過想要獲取的情報。所以在事前準(zhǔn)備時候可以對情報做一個優(yōu)先度的調(diào)整。根據(jù)優(yōu)先度來針對頁面內(nèi)內(nèi)容的表示。讓頁面更加簡潔易懂。
根據(jù)用戶的目光來進(jìn)行配置
用戶在觀看web網(wǎng)頁時,一般會從左上開始向右下移動目光,這也是經(jīng)常提到的F法則。根據(jù)字母F書寫的順序,從左上開始向右上移動,隨后伴隨頁面的滾動來看向下方的內(nèi)容,因此我們從左上開始對重要的要素進(jìn)行布局,讓用戶得到更光滑的閱覽體驗(yàn)。
對應(yīng)手機(jī)
在考慮UI的設(shè)計中,對于手機(jī)與平板電腦的對應(yīng)也是需要加入考慮范圍的。特別是手機(jī)上,只有一個手掌大的尺寸。有點(diǎn)擊以及滑動的特有操作。使用與PC版不不同的布局以及字形或者制作手機(jī)版專用的要素是有必要的。
文章標(biāo)題:ui設(shè)計基礎(chǔ)知識
文章源于:http://m.newbst.com/news/167092.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、App設(shè)計、App開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營銷、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容