建站常識
交互中的色彩
2009-12-17 11:51:00
也許有人說,色彩是視覺設計師需要考慮的問題,交互中可以不考慮顏色。沒錯,視覺設計師對于顏色有較強的見解和把握,由于色彩設計的重要度(人們對于信息的把握,首先也是由色彩開始的,其次才是圖形,文字),在產(chǎn)品設計過程中,視覺設計師有著第一評判權。
對于色彩的認知,從哲學層面轉(zhuǎn)入科學范疇后,人們發(fā)現(xiàn),色彩對于人的心理影響有其固化的習慣性,這些認知也就延伸到了人對于產(chǎn)品的使用中。這樣,在產(chǎn)品交互過程中,色彩也就可以被寬泛的表述進來,從而明確人的行為動機。
先舉幾個生活中的例子,紅綠燈已經(jīng)很明確顏色對于人的行為的認知了;冷熱水管中,紅色代表熱水,藍色代表冷水…..這些都是根據(jù)人對色彩的心理認知而做的指示設計,至于紅是哪個紅,藍是天藍還是鈷藍,這些就要根據(jù)不同品牌來明確給用戶了,這也就是視覺設計師要考慮的。
在互聯(lián)網(wǎng)產(chǎn)品設計中,這個道理同樣存在,網(wǎng)絡最初定義的文字顏色,藍色為鏈接,黑色為文本色,灰色為當前不可點或者非重要信息,紅色起到強調(diào)、警示作用,默認鏈接還有下劃線。
具體講一個改進的例子,以前“我的淘寶”中,交易提醒內(nèi)容為:“買入:在最近三個月內(nèi),您共有13筆買入交易記錄,請到“已買到的寶貝”中查看。”新版做了優(yōu)化,先是縮減文案改成:“最近三個月買入(13)”。整條可點擊,這里的問題就是文字不像鏈接,可視提示不明確,用戶以為黑字不可點,都點后面的數(shù)字,數(shù)字區(qū)域又很小。最后改成“三個月買入(13)”,文字用鏈接色(又一次縮減了文案)。這里還有個問題,提醒中,有馬上需要操作的提醒,如:待確認收貨。也有用戶看看就可以,不需要馬上操作的,如:三個月買入。這樣,又做了一個調(diào)整,需要用戶馬上操作的,后面數(shù)字用橙色,如:待確認收貨(9),不需要馬上操作的,數(shù)字還是用黑色。(強調(diào)提醒用暖色系更能讓人注意,比如紅色,淘寶慣用橙色)。
上面這個例子的幾經(jīng)變遷,就是通過顏色的調(diào)整使用戶更快速的完成任務,當然我們更可以改進功能直接讓用戶確認某個寶貝收貨。
在色彩理論中,色相對應其特點相對給人的感覺固定些,比如暖色有膨脹感,貼近感,急切感;冷色系后退感,冷靜感,收縮感;無色系有客觀,敘述,優(yōu)雅等感覺。
有研究表明,深色車比亮色車易發(fā)車禍,原因就是深色車的收縮感使后面的司機感覺離前面的車還比較遠,而且看起來小,注意度就會降低。顏色都到了人命關天的地步,不過沒這么恐怖,呵呵。
原文:http://dimcolor.com/blog/?p=527
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-06-21 22:36:00] 可用性在于細節(jié)
- [2010-11-11 08:22:00] 基礎控件和交互設計元素的層級
- [2010-06-01 08:32:00] 設計公式:簡單有效的競品分析
- [2010-11-15 08:26:00] 讀設計看需求
- [2010-12-28 08:25:00] 正確的引導(一)
- [2009-05-08 08:11:00] 交互設計:不是什么和是什么
- [2010-05-17 17:15:00] 為線框圖多留點時間
- [2010-05-18 11:33:00] 交互設計的出發(fā)點
- [2009-08-03 07:42:00] 如何理解與規(guī)劃設計師的職業(yè)生涯
- [2010-05-15 09:10:00] 網(wǎng)易IDJ音樂站改版—UCD設計思想初體驗
- [2010-06-29 15:19:00] 妖文化凝粹——QQ西游官網(wǎng)改版紀實
- [2010-10-12 08:24:00] 交互設計之回歸篇
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
審美 圖形網(wǎng)格 輪胎網(wǎng)站設計 青島SEO 互聯(lián)網(wǎng) 青島網(wǎng)站營銷 網(wǎng)站優(yōu)化 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站交互設計 php程序 robots 青島網(wǎng)頁設計 手機端的網(wǎng)站 微信開發(fā) 搜索引擎蜘蛛 H5 手機網(wǎng)站建設 營銷策略 響應式設計 網(wǎng)站制作 平面設計 色彩心理學 網(wǎng)站規(guī)劃 英文網(wǎng)站建設 網(wǎng)站品牌 視覺靈感 青島網(wǎng)站案例 青島做網(wǎng)站多少錢 蘋果系統(tǒng) 集團官網(wǎng)