這篇文章主要講的是作為一個UI設計師，需知道五大主要視覺元素，以及如何識別和如何在實踐中使用他們的小技巧。
什么是UI中的視覺元素？
視覺元素構成任何類型的視覺傳達的基本構件，像是線條、形狀、顏色、紋理和圖案，這就像語言中的單詞一樣，它們本身的意義是十分有限的，但是如果你開始將它們組合起來，你便可以講述無數(shù)的故事。
學習視覺系統(tǒng)如同學習一門新的語言一樣。 為了能夠很好的理解它們，你要慢慢地檢查它們，一直到你發(fā)現(xiàn)它們最基本的元素為止。
線條： 視覺引導
設計跟數(shù)學視覺不同，因其設計中的線條可以有寬度和深度。而這樣的的深度和寬度就是視覺元素構成了它們中最基礎的元素，因為它能夠顯示許多其他形狀、圖案和紋理。
我們可以用線條來引導我們看向某些事物，在或者把事物分開來。 它甚至可以提出完全抽象的概念，如時間長或短或、節(jié)奏直或波。
形狀： 空間的幻覺
形狀是由一條或者多條的線條組成的，但因其定義的邊界，它們與周圍的環(huán)境也是截然不同。 它們可以走出二維世界，創(chuàng)造空間和深度的錯覺。
現(xiàn)在的極簡主義時代使得二維世界變得更加普遍。然而，每次你在CTA按鈕上放置一個投影時，你就會有這樣的錯覺！
幾何形狀和有機形狀提供了一種不一樣的分組方式。 其幾何意味著秩序和可預測性，這點在用戶體驗中很重要。而另一方面，在我們的印象里，有機形式顯得更加自然和人性化。
顏色： 情緒的主要觸發(fā)器
然而這個元素也不可以單獨存在的。 顏色也是需要一個存在的平臺。要記住，不同的顏色不一定會引發(fā)積極或消極的情緒，而是引發(fā)不同的情緒。
像是中性色、更多情緒的暖色，它們可以更快地讓我們平靜下來。但是，顏色不單單意味著它本身， 他們同樣也是互相影響。
紋理： 模仿現(xiàn)實世界
因其設計網(wǎng)站將我們鎖定在2D空間，我們只模仿現(xiàn)實生活中的紋理。 視覺紋理給人二維表面紋理的錯覺。 我們不能用手去感知而是去用眼睛。
用戶界面模式： 重復的力量
在一個界面上重復一個主題就會創(chuàng)建一個圖案。它們看起來可以是自然的或人為的，重復的或隨機的。有機地或幾何的。
使用 UI 元素的5個技巧
1. 堅持品牌指導方針和基調
不同的行業(yè)，視覺效果也是不同的， 我會根據(jù)瀏覽主頁的幾秒鐘來判斷一個網(wǎng)站的可信度。
當你看到一家新聞類的網(wǎng)站，用著色彩鮮艷的紋理和插圖，你還有興趣瀏覽下去嗎，當然，你可以創(chuàng)新，但是你一定要準確定位品牌，同類別產(chǎn)品應與競爭對手定位相同。 視覺效果應始終尊重公司的行業(yè)和價值觀。
2. 總是用系統(tǒng)思考
視覺是非常關鍵的，因其可以幫助用戶瀏覽你的網(wǎng)站并能夠記住你的品牌。它代表的是質量。 如果你真的花時間去考慮你網(wǎng)站上的小細節(jié)，這就說明你可能也提供了一個精心設計的產(chǎn)品。
3. 確保內容排在第一位
視覺效果更有助于很好地傳達品牌信息。 千萬不要是為了美化你的網(wǎng)站而使用它們，盡管書面文字可以闡述內容，但插圖可以直觀展現(xiàn)內容，或一個復雜的想法。
4. 尊重負空間
我們把設計元素之間的區(qū)域稱為負空間或者留白。不要被白色所欺騙，讓它成為你心中渴望的任何顏色。
但是，要記住一件事， 空白并不意味著是浪費空間。 人們總是很匆匆忙忙，想盡快在頁面中找到自己想找尋的內容。
把關于你產(chǎn)品的所有信息都塞進一頁紙里，導致的結果就是沒有任何內容會脫穎而出。引導頁面訪問者看到最重要的信息，你希望他們理解頁面內容并消除任何干擾因素。 負空間可以在這方面就會對你有所幫助: 當大腦處理新信息的時候，它可以讓疲憊的眼睛稍微休息一下。
5. 實驗
可視化元素可以被證明是很通用的，并且可視化的東西是有多種好的解決方案。 不要回避嘗試多個解決方案，你要確保測試哪個性能更好。這樣才能定位好你的品牌。

文章題目：UI設計師須知的五大主要視覺元素，以及如何應用
分享網(wǎng)址：http://jinyejixie.com/news/112671.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站內鏈、做網(wǎng)站、小程序開發(fā)、微信公眾號、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)