網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

2014-09-19    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)
網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)顏色是一種在任何設(shè)計(jì)系統(tǒng)的關(guān)鍵要素。在網(wǎng)站或應(yīng)用程序,顏色可以用在各種不同的方式:有時(shí)顏色可以用來通過對(duì)比或通過限制顏色選擇的位置創(chuàng)建一個(gè)焦點(diǎn);顏色也可以幫助建立層次結(jié)構(gòu),因此影響在用戶看起來。
在這篇文章中,成都網(wǎng)站設(shè)計(jì)將談?wù)撊绾螒?zhàn)略性地使用網(wǎng)站設(shè)計(jì)中UX顏色。
1。通過創(chuàng)建一個(gè)焦點(diǎn)的比例
顏色比例的一個(gè)很好的例子是設(shè)計(jì)viporte。當(dāng)你向下滾動(dòng),在他們的主頁,每節(jié)裝飾,中間有一個(gè)大的信。信中充滿了前部分的動(dòng)畫踢在一個(gè)美麗的顏色。不同的圖像,動(dòng)畫的色彩是字母的顏色相關(guān)。焦點(diǎn)肯定是在中心地段的部分由于色彩的集中使用。比例的變化有時(shí)會(huì)有一點(diǎn)顏色,有時(shí)會(huì)有很多它。無論哪種方式,比例是用來吸引關(guān)注為焦點(diǎn)。 如果顏色更加明顯,各地在每個(gè)部分中,重點(diǎn)不明確。

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

2。注意通過對(duì)比
另一件事是可以操縱的顏色對(duì)比。當(dāng)設(shè)計(jì)的整體顏色是平靜或醇厚,加入對(duì)比色會(huì)吸引很多注意形象。
這正是發(fā)生在設(shè)計(jì)thinx。在主頁上,界面的整體配色方案實(shí)際上是黑色和白色。然而,設(shè)計(jì)在很大程度上依賴于眾多的照片。尤其是在主頁頂部,內(nèi)衣的特點(diǎn)深紅色背景的照片。相比于網(wǎng)頁上的其他一切,這是非常大膽的。毫無疑問,這件事在這里是暗紅色。紅色具有更高的對(duì)比度與黑色和白色的配色方案。我喜歡用thinx作為一個(gè)例子,因?yàn)樗f明了明亮的霓虹燈的顏色不適合畫別人的注意,只有通過對(duì)比。這真的只是一個(gè)平衡的兩種顏色,會(huì)讓人真正站出來。

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

3.使用顏色來創(chuàng)建UX模式
創(chuàng)造視覺模式的方式是通過一致性。模式,反過來,創(chuàng)建關(guān)系用戶可以得到。它的用戶相同的方式用于雪鐵納圖標(biāo)被某些行為有關(guān),即一個(gè)垃圾桶意味著刪除。顏色是更主觀的因?yàn)槊恳粋€(gè)網(wǎng)站或應(yīng)用程序,可以使顏色自己的意義。

讓我們帶著藍(lán)顏色的關(guān)系腹部的組合網(wǎng)站。這是一個(gè)簡單的例子,來說明我的觀點(diǎn)這是好的。什么點(diǎn)擊在腹部的網(wǎng)站是藍(lán)色的。在使用網(wǎng)站的幾秒鐘,它變得清晰,很快,他們的鏈接是藍(lán)色的。這是你如何創(chuàng)建模式,通過色彩。模式是好的因?yàn)樗鼈冊(cè)试S用戶和游客很容易認(rèn)出的東西。

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

4。通過顏色創(chuàng)建層次結(jié)構(gòu)
另一件的顏色可以很好的建立了一個(gè)層次。打開(放)skore的產(chǎn)品頁面,幾乎每一個(gè)部分都有一個(gè)元素的綠色吧。不僅是創(chuàng)建一個(gè)可識(shí)別的模式,這也有助于區(qū)分任何部分的重要組成部分的綠色重復(fù)。通常通過大小字體大小層次很容易解釋。但強(qiáng)度的一種顏色,以及安裝在使用顏色可以設(shè)置一個(gè)層次也是偉大的。

在skore實(shí)例,具有很好的綠色與灰色文本和白色背景的對(duì)比。它代表了。此外,它們的顏色方案不依賴于其他的口音的顏色制作綠色小學(xué)。所有這一切都有助于每個(gè)章節(jié)的方式來顯示層次。因此,綠色有助于引導(dǎo)用戶的目光轉(zhuǎn)向的重要元素,在每個(gè)部分中提供了很好的層次。綠色元素告訴用戶在哪里看第一。

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

5。利用相似的顏色
把所有不同的事情,我們做的顏色作為設(shè)計(jì)師,我們主要是把它和重用是為了保持一致性,在設(shè)計(jì)。讓我們來看看這一年的年底侵襲著陸頁。在頁面的頂部有一個(gè)粉紅色和紫色作為背景圖像的梯度。下頁的粉色和紫色用于按鈕的顏色。此外,登陸頁面使用白色的粉紅色和紫色的彩色背景。它還使用黑色和灰色的文字顏色在白色背景。如果顏色是每次不同,它不會(huì)像大。

網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)

結(jié)論
網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)顏色可以幫助實(shí)現(xiàn)各種設(shè)計(jì)目標(biāo)的重要工具。顏色可以幫助定義和建立一個(gè)層次結(jié)構(gòu),提供一個(gè)焦點(diǎn)。重點(diǎn)是各種顏色。無論哪種方式,與色彩可以帶來很多的樂趣。影響,游客或用戶的眼睛都可以用一個(gè)戰(zhàn)略的配色方案的幫助更容易。

網(wǎng)頁標(biāo)題:網(wǎng)站設(shè)計(jì)中UX色彩微調(diào)技術(shù)
標(biāo)題URL:http://www.muchs.cn/news30/20330.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

成都app開發(fā)公司