网页设计中色彩的运用 浅谈信息图形化设计(12页).doc

《网页设计中色彩的运用 浅谈信息图形化设计(12页).doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、冇页视沱设计网页设计中色彩的运用浅谈信息图形化设计网页设计中色彩的运用limi视觉设计2012-09-29•个好的网页设计会给用八带來记忆深亥叽好用易用的休验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用八对网站的最初感觉，而在这些内容中,色彩的配色方案是至关重要的，网站整体的定位、风格调性都需要通过颜色,给用户带來感官上的刺激,从而产生共鸣。从色彩研究的方向來看，色彩分为色调、饱和度、明度三方面，颜色的运用是纯色Z间的关系，以及它们混合在-•起的效果。我们可以从当前众多的网络应用屮的实例,找到色彩运用的-些广泛的色彩关系和配

2、色方案,通过这些色彩的关系，可以作为实际工作学习中配色的指南。单色：使用一种色调不同的饱和度与亮度SpeakersDownloadshullDigitalLivePartnersScheduleVenueTickets&PricingMediaDirection^&Tickets.Date:OctoberUth2009Time:08.30VenueKCStidium,HullHDLivelO!"bxir^iit.^youhavenlseen

3、・■*!：RoryCeHafiUonetCharlesArthurAnmdVernuJamOrvetK*iHuirsveryownDiyitalandTechnologyConference,broughttoyoufromtheKCStadium・Forpeoplewholovediyital,andcompaniesthatneedtodomorewithtechnologyandtheweb.近似色：使用色盘小的邻近色调lflj'jlj□■MWILntfIEmuIOorvwBmICMmIPizzeriaSpaghetteriaNapoliCe

4、ntraleDAL1998VIDAILBENVENUTOEVIAUGURABUONAPPETITOl互补色：使用色盘中的相反色调Appflw/◎■ANALYTICS©STORESTATS©An«tyz»9tob»lapp>lor«INTELLIGENCE—AchrancedmarMtlnt»lhg«ncedataWULYT1CSSTORESTATSMTELUG£NC(COMPANY.CONMCT.'THEMATHBEHINDTHEAPPSTORESDCSC0MERAHALY7ICSMomthan125,000Appt*AppStoreoppttrus

5、tAppAnmtAnaFyties!otracKdownloadsMiesandreMeuscomplelofylorfrwWhyarwnyouu«mgmeanatpcs分割互补色：使用一个色调和两个与它的补色邻近色调三分色阶：使用色盘中的等距三个色调asouiWemixfreshdesign,smartthinldngandrobustcodetocreatewebsitesthathelppeoplegetthingsdoneonline.HOMIMLTIIOOftRVKtSLESSPOP,MOREFIZZ.双互补色：使用两个色调和它们的补色/p

6、hieInscricoesOnlineBODYCOMBATMo(taUd»de$PhivwCoachPfiivtHoranosEvcmosHaUUiatvaganhiuGRATIS近似互补色：使用两个互补色调和一个颜色相近色调cnnuaEsuipporaaiaig阳wmipmaniyaesfukkotmBKsrnixiXQTKAs«tikorrEmitwasTDUSTSEASONINGOURBESTSELUNGTEASINTRODUCINGBVOVr*OT・・*OHiagCBDWBWlMBMVVMMIItOEISHABEAUTY2SOHOBREAKF

7、ASTSPRINOMARVE6TC6YLONOP屮间色：使用没有色度的颜色突出色：在没有色调的颜色屮突出•个高饱和度的色调LINDADONGWHATfVEDONEWITHMYLIFESOFAR4000«OHMATk(hAINACONFOUNDtTiamitaroiMioouMcwr■•OUTFkirCMMCONTACT暖色：使用色盘小暖色调的颜色冷色：便用色盘小冷色调的颜色L翼1i5»2DNN2DNN