嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

如何在界面設計中“色”誘用戶?

2015-8-20    用心設計

藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服


來源:莫貝網

 

如果您想訂閱本博客內容,每天自動發到您的郵箱中,請點這里

在設計過程中,如何最佳地搭配顏色,誘導用戶視線?是不是在為圖標選擇什么顏色而煩惱,反反復復地嘗試,總不能達到想要的效果。是不是總在羨慕“別人家的設計”,而苦于無從下手?其實所有的顏色都有些小規律,今天@Micu設計 就和大家聊一聊“色”。

作者微信公眾號:MICU設計

micu20150820 (1)

在色彩的應用中,大家對顏色都會有不同程度的理解,從而影響到設計頁面的表現。

熟練地將色彩搭配運用到設計中去,會讓設計更為穩重和得體。優秀的設計它的色彩搭配非常的舒服,令人賞心悅目。那我們怎么才能搭配出最貼合設計的色彩更好呢?

為何“色”?因為“生理”上有需求!

既然是平面設計,視覺刺激是最直觀的。比如當下流行的涂色書,為啥普普通通的圖案能展現出那樣美麗的效果,就是因為色,因為合理的顏色搭配。

再比如好的天氣是藍色,而灰色的天氣就霧霾的天了。

那么馬路邊那些亮著紅燈的區域,那你想到啥?我就不說了。

所以在研究感官是為了從生理上得到“我們看到什么樣的色彩時”會做出什么樣的反映。

用戶雖然沒有上過色彩的相關課程,但是他們仍然能很直觀地看出什么是符合他們審美的。

同樣顏色的選擇不僅詮釋了設計的表現方式也營造了用戶對產品的購買需求。需要從中滿足用戶最直觀的生理需求點。

我們就來看看下面的幾種方法吧,怎么將用戶的欲望勾引起來。

從感受抓到色的重點(焦點)

我在設計過程中總結的經驗,畫面中主要色彩不要超過三種,表達出主題即可。

太多的顏色會使頁面雜亂無章,干擾主要信息。

這是12306的網站,顏色用的數量我是沒有數過來,重點在哪里?想要凸顯的信息太多,還總是閃閃閃。如果處處是焦點,那就真的沒焦點了。用戶最主要的是買票,掃來掃去地滿頁面地找,這不是好的用戶體驗,有些反智!!

micu20150820 (2)

再看看其他互聯網公司做的三方刷票網站。為毛一下就這么簡單~

設計有主色彩配色,色相構成是統一的配色,由綠色為色相支配、統一了畫面的配色。

micu20150820 (3)

疑問:疊加效果,能嘗試出好的顏色嗎?

很多同學在設計初期不知道選用色彩定位,常常用疊加來嘗試效果,結果發現越來越沒有頭緒。

色彩疊加本身確實很好,一般用海報等背景上比較多,不宜在交互的頁面。盲目使用色彩疊加,會使畫面變得復雜沉悶。表達上含義模糊,用戶會覺得雜亂,無法找到需要找到的信息和功能。可見,疊加的效果不但沒有加分,反而減分。

疑問:信息量or簡潔,如何取舍?

簡潔、準確是色彩核心標準,簡單明了的色彩能快速被用戶解讀。

不要奢望用戶能夠在一個頁面上停留太多時間,一頁顯示N多信息時代早就過去了。

疑問四:如果通過色彩氣氛,誘導用戶?

好的色彩搭配和選擇能激發用戶購買而定場景感和購買欲望。

比如暖色能激發用戶的食欲,在消費內的軟件中經常用到(淘寶)。藍色能給人帶來平靜,大部分的閱讀軟件則用到了藍色(知乎)

在界面色彩要學會做加減法

原則一:色的大小位置

大塊的色彩烘托氣氛和主題比較穩定,小塊的色彩用于點綴,豐富畫面。

統一顏色讓用戶認準店面。

首先需要在不同的界面框架中統一招牌色,保證產品給用戶能一目了然的找到這個店。

那么我和大家介紹一下一款不為人知的軟件“BIG”。首先名稱非常的霸氣,易于用戶記憶和傳播。整體采用了朱紅色貫徹了整個產品的設計。不管是LOGO還是菜單欄非常的統一。讓用戶在使用完后對這個產品有了非常統一的印象。

micu20150820 (4)

其實它是淘寶APP發現頁面中內置的一款軟件,所以說招牌色多么的重要,在這么豐富的軟件中怎么讓用戶一目了然,用一次就記憶深刻!

原則二:嚴謹而有節奏

在界面中的可以運用相似性與來進行色彩呼應,這樣的畫面更有節奏感和舒適性。

運用顏色漸變穿插,讓界面平衡在一個頻率上。

micu20150820 (5)

在頁面色彩關系的處理中,我們需要注意重色的運用,它對畫面的平衡有非常大的作用。

下面是淺色菜單欄和深色菜單欄的區別。我們可以發現,有重色后的頁面,顯得更為穩定舒服。

micu20150820 (6)

原則三:在相似中,找呼應

我們來看一組練習,找找色彩的呼應性。

micu20150820 (7)

1. 定義了色彩的基調,找到了形象店面色。

在設計中我們只采用了單一的顏色進行了設計,使用大小關系區分了功能的主次關系。視覺上比較平衡但是頁面顯得單調。

2. 為了讓用戶聚焦在主要的功能上,在主要功能上使用了補色對比。這種方式比造型上的區分更為強烈。

3. 但在采用過多的色彩會使界面沒有秩序性。這種色彩的搭配會給用戶一種混亂感。

4. 用色上不僅需要聚焦,還有講究顏色的呼應性。同類色彩會彼此呼應,聚焦點只要在主要的點上。

所以說注意彩色的關系與功能的區別及其重要。這樣才能把握好色彩的節奏感。

如何用“色”?

用“色”,達到平衡。

人們渴望生活的穩定和安定,平衡感能滿足用戶的視覺需求。如果在界面設計中運用一對或多對的平衡色彩能讓用戶從心里需求上得到滿足,這樣的設計能更容易讓用戶具有親近感,給用戶留下愉悅而舒服的美感。

在平衡色彩中的定義并不是面積相等就叫平衡。要講究主題性中找到色彩的平衡關系,以及版式等元素中的協調性。

一般在色彩運用中的“平衡色”有五種類型:

一:互補色之間的平衡

二:冷色和暖色的平衡

三:深色和淺色的平衡

四:有色彩和無色彩的平衡

五:花色與純色的平衡

互補色平衡法

界面設計中,使用互補色彩的對比是最為強烈的,最易傳播的。

這種色彩能使用戶的視覺產生強烈的刺激,情感濃烈,給人留下鮮明的印象。這種方式是。適合在夸張的、張揚的場景下使用。

但這種顏色用的太過于平凡容易造成用戶的視覺疲勞。給人一種不安定的感覺。那么在使用這樣的搭配方式時需要控制使用的位置和信息的面積了,核心的地方可以這樣去使用。

主要的三對互補色:紅綠、藍橙、黃紫。

我們可以看到很多APP的icon為了吸引用戶的注意就用到了強烈對比的互補色。

番茄快點、QQ空間、相機360

micu20150820 (8)

運用這種大膽的平衡色能使整個風格主題格外的鮮明。

這種平衡色彩最為強烈的情況就是使兩個色相的飽和度都調整到最高,面積比例也在1:1。此時的氣氛最為濃烈,沖擊感最強!

我們可以看到代購現場這款APP的LOGO設計采用了1:1的色彩關系比以上的APP icon更為突出。所以在應用市場中更為容易讓用戶找到,達到了品牌的傳播性。

dg20150820

冷暖色平衡法

冷暖色是人類在大自然生活總結出來的顏色規律。我們看到紅色、黃色讓人聯想起燃燒的火焰,太陽等,是一種溫暖的感覺。這樣的顏色就定義為“暖色”而藍色就然我想起了水、冰雪,是冷的感覺。所以就是“冷色”。

冷暖對別色是自然平衡的規律,可以在設計中大量使用,這樣的配色會使作品非常的出彩,不顯單調。

micu20150820 (9)

在設計中,冷色與暖色的平衡是界面設計中最為廣泛的使用方法,效果也非常的出眾。

色彩好比就是陰陽太極,冷與暖的兩級平衡還原了生活中的和諧。冷暖色彩搭配的方法基本沒有啥缺點,使用在設計中,技巧性比較多,對設計的細膩感受要求比較高。
micu20150820 (10)

深色和淺色的平衡

在色彩中顏色采用淺色,柔和而輕盈,也會顯得不夠穩定。采用深色,會顯得厚重高級,但容易沉悶。在界面設計時,在主色彩是淺色的情況下,適當補充些深色,能更好的平衡畫面。

在錘子手機界面中為了讓頁面平衡,首圖展示了黑白兩個機型,讓頁面更為穩定平衡。

micu20150820 (11)

花色(圖案)與純色的對比

在運用色彩時候怎么能讓設計更為絢麗出彩呢?但有不要過花亂呢?

這時候就要注意了,花色與純色需要有對比,色彩比較鮮明而花的一般運用在核心展示上,而背景需要整體。

QQ開屏就很好的突出了產品的品牌特色,讓用戶過目不忘。這種設計方式也適合運用在banner等設計中。 micu20150820 (3)

好的設計不應該永遠是“人家的設計”,看得不夠多,琢磨不夠透,練手太少。多臨摹10遍,狠狠心吧。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 91久久久亚洲精品| 亚洲另类自拍| 欧美成人激情视频| 午夜精品福利电影| 亚洲欧美激情精品一区二区| 艳女tv在线观看国产一区| 一本色道久久综合狠狠躁的推荐| 日韩写真视频在线观看| 这里只有精品丝袜| 欧美亚洲一区| 免费中文日韩| 国产精品久久久久久亚洲毛片| 国产精品电影观看| 国产亚洲综合在线| 亚洲人成网站色ww在线| 99精品国产福利在线观看免费 | 久久久国产精品一区二区三区| 羞羞漫画18久久大片| 久久精品视频播放| 欧美精品一区二区三区久久久竹菊 | 美女日韩在线中文字幕| 欧美大色视频| 亚洲深夜福利| 免费久久精品视频| 欧美日韩专区在线| 韩国三级电影一区二区| 99热这里只有精品8| 欧美在线二区| 91久久中文| 久久精品三级| 国产精品免费观看视频| 亚洲国产日韩美| 欧美在线免费| 日韩午夜三级在线| 激情综合色综合久久| 亚洲欧洲一区| 一区二区三区毛片| 久久久久国产精品人| 日韩午夜中文字幕| 老鸭窝91久久精品色噜噜导演| 欧美性色视频在线| 亚洲欧洲综合另类| 久久婷婷国产综合尤物精品 | 欧美大片在线观看一区| 亚洲欧美高清| 欧美精品首页| 黄色成人在线免费| 亚洲女人天堂成人av在线| 欧美1区视频| 亚洲综合日韩在线| 欧美午夜电影完整版| 日韩视频中午一区| 欧美激情一区二区三区全黄 | 欧美午夜精品久久久| 亚洲国产精品久久久久婷婷老年 | 99热这里只有精品8| 久久久久久一区| 午夜精品久久久久久久99热浪潮| 欧美日韩1080p| 最近中文字幕mv在线一区二区三区四区 | 亚洲在线中文字幕| 亚洲美女中文字幕| 欧美激情国产高清| 亚洲精品美女在线观看| 裸体丰满少妇做受久久99精品| 亚洲欧美精品在线| 国产欧美日韩亚州综合| 亚洲欧美国产视频| 亚洲一区精品电影| 国产精品视频不卡| 香蕉精品999视频一区二区| 99精品视频免费观看视频| 欧美日韩第一区| 亚洲一区二区黄| 一区二区免费在线视频| 欧美日韩一区二区欧美激情 | 亚洲天堂黄色| 亚洲精品在线电影| 欧美午夜无遮挡| 亚洲欧美一区二区精品久久久| 亚洲少妇诱惑| 狠狠狠色丁香婷婷综合激情| 久久伊人亚洲| 亚洲欧美激情精品一区二区| 亚洲欧美一区二区激情| 亚洲欧美美女| 在线精品国精品国产尤物884a| 久久激情五月丁香伊人| 久久久精品一区二区三区| 亚洲动漫精品| 一区二区三区.www| 国产亚洲精品激情久久| 欧美第一黄色网| 欧美日韩精品久久久| 午夜精品美女自拍福到在线 | 亚洲激情网址| 国产精品久久99| 久久精品一区二区三区不卡牛牛| 久久精品在线观看| 亚洲精品免费在线| 亚洲在线视频一区| 亚洲第一色中文字幕| 亚洲毛片在线观看.| 国产视频亚洲精品| 欧美成人激情视频| 国产精品美女久久久久aⅴ国产馆| 久久久av网站| 欧美激情1区2区| 久久久国产一区二区三区| 欧美大尺度在线观看| 欧美一区二区黄| 欧美刺激午夜性久久久久久久| 久久国产精品久久久久久| 欧美v亚洲v综合ⅴ国产v| 亚洲欧美日韩一区在线| 久久久噜噜噜| 欧美一区=区| 欧美喷潮久久久xxxxx| 久久性天堂网| 国产精品青草久久| 日韩一本二本av| 亚洲韩国青草视频| 欧美中文字幕视频在线观看| 一区二区免费在线视频| 美女被久久久| 久久久久免费视频| 国产精品一区二区久久久| 最新69国产成人精品视频免费| 国产综合色产在线精品| 亚洲在线观看| 亚洲欧美日韩久久精品| 欧美成人dvd在线视频| 另类欧美日韩国产在线| 国产亚洲va综合人人澡精品| 亚洲图片在线观看| 亚洲调教视频在线观看| 欧美国产精品v| 亚洲成人自拍视频| 国产综合视频| 久久精品视频在线| 欧美一进一出视频| 国产日韩av一区二区| 亚洲一区二区动漫| 亚洲影院色在线观看免费| 欧美精品免费在线| 亚洲高清中文字幕| 国产精品一级在线| 91久久国产综合久久| 亚洲视屏一区| 午夜日韩在线观看| 欧美中文在线观看| 国产日韩欧美视频在线| 亚洲制服av| 久久久久久高潮国产精品视| 国产欧美日韩亚州综合| 亚洲欧美美女| 老妇喷水一区二区三区| 在线观看一区| 欧美精品在线一区二区三区| 亚洲欧洲精品一区二区三区 | 国产精品免费网站| 亚洲与欧洲av电影| 久久香蕉国产线看观看网| 在线免费精品视频| 欧美日韩成人网| 午夜精品在线看| 欧美h视频在线| 一区二区欧美日韩视频| 国产精品久久久久久亚洲毛片| 亚洲精品在线看| 久久成年人视频| 国产精品日韩一区| 洋洋av久久久久久久一区| 久久精品三级| 在线亚洲精品| 欧美一区二区三区视频免费| 亚洲乱码国产乱码精品精| 亚洲欧洲三级电影| 国产精品日韩欧美综合 | 午夜在线视频观看日韩17c| 国产视频在线一区二区 | 国内精品久久久久影院色| 免费一级欧美片在线播放| 亚洲免费视频一区二区| 美女国产一区| 欧美在线国产精品| 亚洲经典视频在线观看| 国产乱码精品一区二区三区忘忧草 | 亚洲在线视频| 亚洲激情自拍| 美脚丝袜一区二区三区在线观看 | 亚洲欧美影院| 一本色道久久综合狠狠躁篇的优点| 欧美中在线观看| 亚洲视频在线观看网站| 国产一区在线看| 国产精品视频免费| 欧美激情中文字幕乱码免费| 欧美在线亚洲在线| 亚洲一区二区三区四区五区午夜|