网站建设_网站制作_SEO优化推广_百度推广开户_朋友圈网络科技

這種方法更專業!設計網頁時選擇配色的八個要點

日期:2016/2/16 / 人氣:

 編者按:選擇和品牌一致的顏色、導航菜單欄用對比色、不要同時用大量紅色和綠色…… 今天@喪心病狂十六夜貓 這篇好文,科普了8個簡單實用的網頁配色要點,一起來收!

喜好不同,有人喜歡單色也有人喜歡鮮艷的配色,解決的方法也隨著喜好變化,在挑選顏色時要進行深刻的檢討,并不是因為顏色看起來很棒所以選它、而是要在設計的戰略性上考慮,約束自己的個人情感。

這個筆記,主要講述的是網頁制作的配色選擇的八個要點。

  01. 決定品牌形象

在很多建設網站的理由中,傳遞出特定的感情這一信息是很常見的。所以在這時,選擇好顏色就顯得尤為重要。你想傳遞出什么樣的感情,不用通過閱讀內容,用戶都能很好的理解。

在以生態為基礎的公司的網站上,配色的靈感就來自于自然;如果是以銷售玩具為主的公司、就需要選擇有趣,鮮艷的配色。每一個被使用的顏色,在它背后所包含的意義是十分重要的。

在品牌推廣時使用的顏色要和公司LOGO設計的顏色要是相同的,這一點非常重要。對于網頁設計師來說,在線銷售的銷售額增加,讓人聯想到什么樣的傳統或者概念,如何利用有效果的照片都是值得思考的一件事情。

雖然有很多種方法可以讓用戶在網頁上進行購買時也能獲得和在實體店一樣的感覺,但網站的運營者則需要讓網頁設計師也注意到這一點,革新的新型網頁也同樣,或者說可以獲得在這之上的購物體驗。

最終的目標、就是給用戶提供舒適的感覺。因此,在更新最新信息的時候,一定要注意要具有統一的品牌意識。

  02. 決定你要傳遞的信息

給消息使用華美的顏色,或者讓它變得特別有吸引力,在單獨比較的時候又有獨特的魅力,給用戶提供這樣有趣的體驗。如果你已經知道你面向的是那些用戶、考慮它們的喜好就不是很難、這也算是一個非常好的消息了。

  03. 直觀的導航菜單欄

當你看到一個網站的時候,或許你會有很多很棒的點子,但你也需要遵守導航菜單的一些規則。用戶是一個接一個、按照順序直觀的去觀看的,除去基本的動作之外,要防止出現讓用戶感到迷惑的動作。

想引導用戶到達特定的區域,有好幾種視覺效果可供選擇,用配色方案來凸顯出對比效果就是典型的方法。利用對角線上的布局,被稱為對角線平衡(英: Diangonal Balance)、它特別慣用于從上到下的布局、我們可以在右上角的基本設定菜單中找到它,這在歐洲和美國的網頁中經常用到的技術。

利用相反的配色,讓每個選項的層次感凸顯出來,用戶在這些項目中就知道可以點擊什么。

  04. 決定什么是重點

 用戶可不知道,你有什么重要的情報和消息。在這種情況下你就需要在屏幕的中間,使用鮮艷的顏色來告訴它們。這么做的話,用戶就會嘗試著優先去看這一部分。

為了讓用戶去關注它們,也有用白色背景上使用黑色文字這樣布局的網站。為了打破單調的外觀,如果你利用了強調色,那將變得非常簡單。也有這樣的原因,為了表現出文本和超鏈接、使用非常鮮艷的顏色,這也是現在非常流行的設計趨勢。

  05. 考慮信息的重要性

在網站中、我們希望將【注冊】或者【購買】這樣的要素突出。而類似【取消】這樣的按鈕則希望用戶盡可能的不去注意到它,因為它們并不是主要的要素、用一些通常的設置來控制它們就可以了。

我們可以用字體很小的文字或者和照片顏色相接近的自然的配色來設計按鈕,從而讓用戶不去注意【取消】。如果將原本在右上角的【注冊】按鈕放在屏幕的正中間,那它所達成的效果也自不必說。通過調整按鈕的大小,以及明確的寫出它們的做用,用戶就能很準確的理解你所表達的意思。

同時,為了突出主要要素按鈕,你需要去注意它們的大小和顏色的對比,這樣可以防止用戶忘記按下按鈕。

  06.考慮圖片的顏色。

為了給用戶界面提供更加亦可賽艇的體驗,你也可以將配色同圖片相結合。從填滿整個屏幕的背景圖、到你想出售的的產品的縮略圖、將它們考慮到構圖之中,將用戶的視線集中起來。(例圖的配色和那些OX□Δ讓我差點將它當成了PS4的宣傳網頁)

事實上,更加專業、精致大氣的網站上,紅色和綠色還有藍色最好不要使用。由單色制作出來的網站,信息的傳遞往往會更好,這也作為一個特殊的效果,被很多網頁設計師所采用。

 07. 限制使用顏色的數量

如你所見、有些用戶的眼睛是弱視的,而有些則是什么顏色都看不見的。而大多數情況下,色盲中紅綠色盲居多,如果你的設計作品中運用了大量的紅色和綠色,就會讓它們感到混亂。

從這個設計師可以看出、在這個界面設計中它是以大量的紅色作為主要要素,這樣就可以避免紅色和綠色難以區分這一問題。

  08. 決定什么是最重要的


例如代表國家或者宗教的符號,顏色所代表的意思,因為各地的文化不同而不同。作為設計師,首先應該了解自己所面向的用戶是那一類、在考慮配色的時候,應當要考慮到這些問題,從而確保傳達出的意思不會被誤解。

有時、顏色的意思相近(在中國紅色代表幸運(英: Luck),在美國則代表了愛(英: Love))就顯得不是那么重要,但像白色或者黑色這樣因為宗教的原因而導致的意思不同,就會將你的設計從整體上破壞,這一點請務必注意。

  最后

正如我們這次所看到的、理解配色的意思是十分重要的。不管是創建一個直觀的界面、還是將它利用在品牌上,您都可以準確的傳達出它的意思。正確的利用顏色,就好像魔法一般,將你的設計準確的反映出來。

如果想要了解顏色的意思,則需要長時間的學習,當然這也會更好的讓用戶了解到你的設計作品中所包含的趣味。

作者:朋友圈科技


Go To Top 回頂部
主站蜘蛛池模板: 专注提供国外机电设备及配件-工业控制领域一站式服务商-深圳市华联欧国际贸易有限公司 | 地磅-电子地磅维修-电子吊秤-汽车衡-无人值守系统-公路治超-鹰牌衡器 | 针焰试验仪,灼热丝试验仪,漏电起痕试验仪,水平垂直燃烧试验仪 - 苏州亚诺天下仪器有限公司 | 招商帮-一站式网络营销服务|搜索营销推广|信息流推广|短视视频营销推广|互联网整合营销|网络推广代运营|招商帮企业招商好帮手 | 臭氧实验装置_实验室臭氧发生器-北京同林臭氧装置网 | ERP企业管理系统永久免费版_在线ERP系统_OA办公_云版软件官网 | 环氧树脂地坪漆_济宁市新天地漆业有限公司 | 地埋式垃圾站厂家【佳星环保】小区压缩垃圾中转站转运站 | 120kv/2mA直流高压发生器-60kv/2mA-30kva/50kv工频耐压试验装置-旭明电工 | 食品级焦亚硫酸钠_工业级焦亚硫酸钠_焦亚硫酸钠-潍坊邦华化工有限公司 | 紧急泄压人孔_防爆阻火器_阻火呼吸阀[河北宏泽石化] | 防水套管厂家_刚性防水套管_柔性防水套管_不锈钢防水套管-郑州中泰管道 | 电镀整流器_微弧氧化电源_高频电解电源_微弧氧化设备厂家_深圳开瑞节能 | 路面机械厂家| 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-北京罗伦过滤技术集团有限公司 | 鹤壁创新仪器公司-全自动量热仪,定硫仪,煤炭测硫仪,灰熔点测定仪,快速自动测氢仪,工业分析仪,煤质化验仪器 | 干法制粒机_智能干法制粒机_张家港市开创机械制造有限公司 | SMC-ASCO-CKD气缸-FESTO-MAC电磁阀-上海天筹自动化设备官网 | 免费网站网址收录网_海企优网站推荐平台 | 【星耀裂变】_企微SCRM_任务宝_视频号分销裂变_企业微信裂变增长_私域流量_裂变营销 | 回转窑-水泥|石灰|冶金-巩义市瑞光金属制品有限责任公司 | 海水晶,海水素,海水晶价格-潍坊滨海经济开发区强隆海水晶厂 | 避光流动池-带盖荧光比色皿-生化流动比色皿-宜兴市晶科光学仪器 东莞爱加真空科技有限公司-进口真空镀膜机|真空镀膜设备|Polycold维修厂家 | 立刷【微电签pos机】-嘉联支付立刷运营中心 | 样品瓶(色谱样品瓶)百科-浙江哈迈科技有限公司 | 钢格板|镀锌钢格板|热镀锌钢格板|格栅板|钢格板|钢格栅板|热浸锌钢格板|平台钢格板|镀锌钢格栅板|热镀锌钢格栅板|平台钢格栅板|不锈钢钢格栅板 - 专业钢格板厂家 | 踏板力计,制动仪,非接触多功能速度仪,逆反射系数测试仪-创宇 | 石磨面粉机|石磨面粉机械|石磨面粉机组|石磨面粉成套设备-河南成立粮油机械有限公司 | 无锡装修装潢公司,口碑好的装饰装修公司-无锡索美装饰设计工程有限公司 | 隐形纱窗|防护纱窗|金刚网防盗纱窗|韦柏纱窗|上海青木装潢制品有限公司|纱窗国标起草单位 | 定做大型恒温循环水浴槽-工业用不锈钢恒温水箱-大容量低温恒温水槽-常州精达仪器 | 实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业 | 琉璃瓦-琉璃瓦厂家-安徽盛阳新型建材科技有限公司 | 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 磨煤机配件-高铬辊套-高铬衬板-立磨辊套-盐山县宏润电力设备有限公司 | 减速机_上海宜嘉减速机| 贵州自考_贵州自学考试网| 车间除尘设备,VOCs废气处理,工业涂装流水线,伸缩式喷漆房,自动喷砂房,沸石转轮浓缩吸附,机器人喷粉线-山东创杰智慧 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) | 螺纹三通快插接头-弯通快插接头-宁波舜驰气动科技有限公司 |