网站seo优化_seo云优化_搜索引擎seo_启新网络服务中心

企億推信息網
專注網絡推廣服務

減去配色,讓設計更高端-深圳網站設計-沙漠風網站建設公司

  當人類記住他們看到的場景和事物時,他們對顏色的記憶高于形式。換句話說,從視覺角度來看,產品通常給用戶留下深刻的印象是界面的顏色匹配。因此,我們也可以看到,顏色匹配可以說是設計師的重要武器,可能沒有一種,但這種武器被使用「限制」。

  UI設計的一個基本原則是避免頁面中出現(xiàn)太多的顏色,這是眾所周知的,但當你真正設計自己時,你總是潛意識地引入太多的顏色,導致整個界面看起來非常混亂。因此,對于設計師來說,學習減去界面的配色是一項非常重要的技能。

  配色系統(tǒng)的目的

  在為產品建立配色系統(tǒng)之前,設計師首先要明白的是:我為什么要建立配色系統(tǒng)?這個問題聽起來很多余,有點胡說八道。但在我看來,我經常問自己為什么在做事之前能更好地提高工作效率。只有真正理解配色的意義,才能有針對性地有選擇地刪除。

  一般來說,建立配色系統(tǒng)有三個主要目標:

  視覺區(qū)分

  調整界面風格

  吸引用戶的注意力

  視覺區(qū)分

減去配色,讓設計更高端-深圳網站設計-沙漠風網站建設公司

(圖1)

  一個App或者網站可能有幾個主要和相同級別的功能和分區(qū)。此時,設計師需要對產品的信息內容和功能模塊進行總體規(guī)劃,建立界面的基本模式,以幫助用戶更好地區(qū)分視覺。顏色匹配可以幫助設計師實現(xiàn)這一目標。

  配色可以完成視覺區(qū)分,但視覺區(qū)分不僅可以通過配色來實現(xiàn)。文本、圖像(圖標)和布局可以完成視覺區(qū)分。

  例如,在一個金融應用程序中,有不同類型的金融產品(普通類型、借款還款類型和可轉讓類型)和不同的狀態(tài)(在投資確認中,投資成功起息,中等清算共11種)。

  在這種情況下(3種產品類型,11種產品狀態(tài)),配色要非常小心。首先要整合狀態(tài),將類似的狀態(tài)整合成一種,這樣可以減少顏色的數(shù)量。當然,有些人會覺得有六種顏色或更多,因為書告訴我們,在同一頁面上不超過三種顏色。然而,我們必須從實際情況出發(fā)。對于金融產品,用戶不太可能在同一屏幕上看到所有六種狀態(tài),也就是說,用戶同時看到六種顏色的概率很小。

  此外,我們放棄了產品類型的顏色匹配,因為狀態(tài)已經使用了六種顏色匹配。在這種情況下,如果我們仍然使用顏色來區(qū)分產品類型(一種類型和一種顏色),那么整個頁面就會顯得非常混亂。所以在這里,我們選擇使用文本(標簽)來區(qū)分產品類型。

  與顏色相比,文本給用戶的視覺體驗略弱。因此,我們應該優(yōu)先考慮頁面中的內容,并優(yōu)先考慮重要內容的顏色匹配。在這里,我們認為用戶更關注產品的當前狀態(tài),而不是產品類型。

  視覺風格

  產品的視覺風格是根據(jù)自己的定位和用戶需求來決定的。有些產品要求界面充滿活力,這可以讓用戶感到興奮(購買欲望)。我們可以紅色和橙色作為產品的主色調。

  有些產品注重平靜、舒適和內向,所以我們使用藍色,灰色可能更合適。

  配色可以幫助我們建立產品的視覺風格。但我們也應該知道,產品的視覺風格是由文本、圖像和顏色組成的。換句話說,文本和圖像也會影響產品的視覺風格。

  文本跳躍率是指同一界面中不同文本之間的大小比。不同功能的文本在排版設計中會有字體大小和字體重量的差異,如主標題、副標題和文本大小通常會依次減少,這種大小的差異會帶來不同的文本跳躍率。一般來說,高文本跳躍率的界面會更加活躍,低文本跳躍率的界面會顯得平靜和平靜。

  在配色時,如果我們減少使用顏色的數(shù)量,大面積使用白色、灰色、黑色或其他相同顏色的配色(藍色和淺藍色、紅色和粉色等),這樣的界面將顯得莊嚴、優(yōu)雅、現(xiàn)代,但將顯得單調。然后我們應該適度地提高文本跳躍率,以提高界面的活力。

  當然,不僅文本有跳躍率,圖片也有跳躍率。設計師可以通過控制圖片和文本跳躍率來減少界面視覺風格對配色的依賴。

  吸引用戶的注意力

  我們經常喜歡使用配色來吸引用戶的注意力(calltoaction)以背景色差距較大的顏色為例,可以從背景中凸顯出來。

  事實上,即使不使用配色,也能吸引用戶的注意力。

  谷歌搜索的主頁有大面積的空白,用戶的眼睛自然會被吸引到搜索框中。這符合谷歌的初衷。他們希望用戶能在這個頁面上完成搜索操作,所以他們不需要顯示太多其他信息來分散用戶的注意力。

  陰影效果也可以用來吸引用戶的注意力。陰影效果可以提高目標元素的海拔,從而突出其背景。

  當然,我們也可以使用模糊效果來吸引用戶的注意力。用戶總是不由自主地被對焦準確的部分所吸引,而忽略了被模糊的部分。眼球的對焦機制就像一個調節(jié)器,捕捉遠離你的物體,讓你感受到周圍一切的深度和距離。這是我們人眼的工作機制。根據(jù)這一理論,設計師可以模糊界面中的一些不重要內容,以突出這些重要內容。

  好的設計應該讓用戶短時間內就可以找到他們感興趣的內容,過多的給予對用戶來說其實是一種負擔。少即是多,這是當前互聯(lián)網時代的信條也是設計師需要恪守的準則。

未經允許不得轉載:啟新網站SEO優(yōu)化 » 減去配色,讓設計更高端-深圳網站設計-沙漠風網站建設公司
分享到: 更多 (0)
加載中~
主站蜘蛛池模板: 裹包机|裹膜机|缠膜机|绕膜机-上海晏陵智能设备有限公司 | EPK超声波测厚仪,德国EPK测厚仪维修-上海树信仪器仪表有限公司 | 卫生纸复卷机|抽纸机|卫生纸加工设备|做卫生纸机器|小型卫生纸加工需要什么设备|卫生纸机器设备多少钱一台|许昌恒源纸品机械有限公司 | 手术示教系统-数字化手术室系统-林之硕医疗云智能视频平台 | 注塑机-压铸机-塑料注塑机-卧式注塑机-高速注塑机-单缸注塑机厂家-广东联升精密智能装备科技有限公司 | 数显恒温培养摇床-卧式/台式恒温培养摇床|朗越仪器 | 西门子伺服电机维修,西门子电源模块维修,西门子驱动模块维修-上海渠利 | 球形钽粉_球形钨粉_纳米粉末_难熔金属粉末-广东银纳官网 | 河南彩印编织袋,郑州饲料编织袋定制,肥料编织袋加工厂-盛军塑业 河南凯邦机械制造有限公司 | 头条搜索极速版下载安装免费新版,头条搜索极速版邀请码怎么填写? - 欧远全 | 智成电子深圳tdk一级代理-提供TDK电容电感贴片蜂鸣器磁芯lambda电源代理经销,TDK代理商有哪些TDK一级代理商排名查询。-深圳tdk一级代理 | 驾驶人在线_专业学车门户网站| 智慧农业|农业物联网|现代农业物联网-托普云农物联网官方网站 | 加气混凝土砌块设备,轻质砖设备,蒸养砖设备,新型墙体设备-河南省杜甫机械制造有限公司 | 济南侦探调查-济南调查取证-山东私家侦探-山东白豹调查咨询公司 密集架|电动密集架|移动密集架|黑龙江档案密集架-大量现货厂家销售 | 定量包装秤,吨袋包装称,伸缩溜管,全自动包装秤,码垛机器人,无锡市邦尧机械工程有限公司 | 污水提升器,污水提升泵,地下室排水,增压泵,雨水泵,智能供排水控制器-上海智流泵业有限公司 | 钢结构-钢结构厂房-钢结构工程[江苏海逵钢构厂] | 缠膜机|缠绕包装机|无纺布包装机-济南达伦特机械设备有限公司 | 对夹式止回阀_对夹式蝶形止回阀_对夹式软密封止回阀_超薄型止回阀_不锈钢底阀-温州上炬阀门科技有限公司 | MOOG伺服阀维修,ATOS比例流量阀维修,伺服阀维修-上海纽顿液压设备有限公司 | 万博士范文网-您身边的范文参考网站Vanbs.com | 高通量组织研磨仪-多样品组织研磨仪-全自动组织研磨仪-研磨者科技(广州)有限公司 | 小青瓦丨古建筑瓦丨青瓦厂家-宜兴市徽派古典建筑材料有限公司 | 外贸资讯网 - 洞悉全球贸易,把握市场先机 | 威廉希尔WilliamHill·足球(中国)体育官方网站 | 珠光砂保温板-一体化保温板-有釉面发泡陶瓷保温板-杭州一体化建筑材料 | 深圳美安可自动化设备有限公司,喷码机,定制喷码机,二维码喷码机,深圳喷码机,纸箱喷码机,东莞喷码机 UV喷码机,日期喷码机,鸡蛋喷码机,管芯喷码机,管内壁喷码机,喷码机厂家 | 粉碎机_塑料粉碎机_塑料破碎机厂家-星标机械 | 专业生物有机肥造粒机,粉状有机肥生产线,槽式翻堆机厂家-郑州华之强重工科技有限公司 | 高温链条油|高温润滑脂|轴承润滑脂|机器人保养用油|干膜润滑剂-东莞卓越化学 | 防火阀、排烟防火阀、电动防火阀产品生产销售商-德州凯亿空调设备有限公司 | LOGO设计_品牌设计_VI设计 - 特创易 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | 厂房出租_厂房出售_产业园区招商_工业地产 - 中工招商网 | 东亚液氮罐-液氮生物容器-乐山市东亚机电工贸有限公司 | 网站seo优化_seo云优化_搜索引擎seo_启新网络服务中心 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | 威客电竞(vk·game)·电子竞技赛事官网 | 「银杏树」银杏树行情价格_银杏树种植_山东程锦园林 | 北京四合院出租,北京四合院出售,北京平房买卖 - 顺益兴四合院 |