网页设计技巧.docx
- 文档编号:5896295
- 上传时间:2023-01-02
- 格式:DOCX
- 页数:16
- 大小:499.26KB
网页设计技巧.docx
《网页设计技巧.docx》由会员分享,可在线阅读,更多相关《网页设计技巧.docx(16页珍藏版)》请在冰豆网上搜索。
网页设计技巧
济南起航网络科技有限公司(
网页设计色彩给人的第一感觉网页设计技巧
色彩是人看这个网页的第一感觉,色彩在网页设计中重要的地位,设计师对色彩
有着深入的理解和运用,掌控色彩的搭配的方法和颜色的特性。
颜色就是人们自己的联想,也可以说是想象的,因为每个人生活的经历有着不同
,产生的联系也不同,以大多数的联想为依据,这样所产生的形象误差会比较小。
在网页设计中,我们可以看出色彩表达的情感和价值观,向用户展示着他们公司
是做什么的。
色彩在网页设计中的象征网页设计技巧
每个人对颜色的了解有着不同的意义,色彩会直接影响到每个人的心理。
这里总
结了在网页设计中颜色所代表的意义:
红色热情、活泼、革命、吉祥、......
橙色光明、华丽、兴奋、甜蜜、快乐......
黄色明朗、愉快、希望、发展、注意......
绿色新鲜、平静、安逸、和平、青春、安全、......
蓝色深远、永恒、沉静、理智、诚实、寒冷......
紫色优雅、高贵、魅力、自傲、轻率......
白色纯洁、纯真、朴素、神圣、明快、柔弱、虚无......
灰色平凡、沉默、中庸、消极......
黑色严肃、坚实、沉默、黑暗、恐怖、绝望、死亡......
14款流行网页配色方案网页设计技巧
为了方便客户对自己的网站选择网页设计颜色,起航网页设计师在此总结了12款
经典网页配色方案,这里根据颜色、行业、风格进行了分类;不同行业根据要表达的
不同理念、传递的网页视觉效果,可以通过下面的配色方案选择适合自己的,与我们
的网页设计师进行沟通。
千助会不断总结更好、更多的设计和创意理念,与客户共同
分享。
网页配色表网页设计技巧
济南起航网络科技有限公司(
很多人说在选择网站用什么颜色时不知道该怎么选,很多颜色都是很接近的。
下面给大家提供一份网页配色表,这个可以从接近的网页颜色中,找到6位RGB代码。
这样前景色和背景的选择和搭配就很好选了。
大家看一下,可以记下6位代码提供给网页设计师就可以。
网页设计配色之橙色系网页设计配色之橙色系
济南起航网络科技有限公司(
橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的色;橙色中加入较多的白色会带来一种甜腻的感觉。
在网页颜色里,橙色适用于视觉要求较高的时尚网站,属于注目、芳香的颜色,也常被用于味觉较高的食品网站,是容易引起食欲的颜色。
下面我们根据橙色系不同属性邻近色、同类色、对比色的搭配做不同的举例分析。
橙色配白色——通过范围较大的背景白色、前景图片灰白色和小细节前景白色文字制造出明快气氛的同时,又呼应统一于整个页面。
辅助色在这里是橙色与白色的过渡色。
饱和度与纯度很高特性明显的颜色,在达到视觉冲击力的同时,可适当采用少许对比色调和缓和于视觉,从而削弱视觉的疲劳度。
深橙红色系——数值上看,主色调也就是背景色的饱和度较高,但是由于降低了明度,颜色变得较沉稳。
辅助色RGB数值显示,添加了适量的其他颜色,G和B数值区别不大,因此饱和度降低,颜色趋于柔和稳定。
点睛色的加入和提亮,使页面视觉效果得到强化。
前景色通常要较明显的区别于背景色,达到台前的宣传目的。
当饱和度较低的前景色与背景色变化不明显时,形成的是另外一种柔和统一的效果。
浅橙色系列——由于运用了渐变色这一调和方法,该页面同时占有了前面我们提到的4种色彩中的调和方法的2种,整个页面呈现出调和中的调和是勿庸置疑的,但也同时显得有些单调,没有色彩亮点。
网页设计配色之红色系
济南起航网络科技有限公司(
网页设计配色决定了网页设计的水平,同一个主色配合不同的辅色会出来不同的感觉,比如所红色。
红色在网页中大多数情况下都用于突出颜色,因为鲜明的红色极易吸引人们的目光。
高亮度的红色通过与灰色、黑色等非彩色搭配使用,可以得到现代且激进的感觉。
低亮度的红色通过冷静沉重的感觉营造出古典的氛围。
深红色——原有的红色基础上降低了明度而得,是红色系中的明度变化。
通过上图的数值显示看出明度较低。
这类颜色的组合随着明度的变暗,比较容易制造深邃的故事气氛。
传达的是稳重、成熟、高贵的心理感受。
玫瑰红色——玫瑰红色在色环上实际已经接近冷色,是红色系中的色相的微妙变化,是红色系里的冷色系。
看下图:
背景色和前景色的明度较接近,颜色给人的视觉表象较闷,加入少量白色划分使得色彩引导的主次块面更分明,页面明快许多。
这类颜色的组合多用于女性主题,例如:
化妆品、服装等,容易营造出娇媚、诱惑、艳丽等气氛。
朱红色——朱红色在红色系里倾向黄色方向,是大红色加入黄色而得。
在色环表中,纯红色在HSB里为0度,往360度方向呈现的是冷红色系,0度方向为黄色系。
网页设计配色时背景色朱红由于红色特性明显,饱和度、明度都非常的高,这里运用了辅助色深红、黑色压住并牵制朱红色抢眼的个性,也同样能达到突出前景主要图片内容的目的。
点睛色主要用于标志的突出上,其他导航文字、图片的部分运用等,调和并达到了不至于使得整个页面刺激中又透出的沉闷感。
这类颜色的组合比较容易使人提升兴奋度,红色特性明显,这一醒目的特殊属性,比较被广泛的应用于食品、时尚休闲等等类型的网站。
下图是朱红色配色参考:
粉红色——粉红色主要是红色系中的明度的高亮度的变化。
是红色系里的冷色系。
RGB数值显示明度较高,因此HSB中S纯度下降,几乎呈最低值。
网页设计配色时RGB数值中,数值同时呈现相近的高数值时,色彩越柔和协调,纯度相对降低,页面呈高明度灰色段,视觉刺激缓慢。
这里以粉红色为主色调的页面,女性主题内容特征倾向明显。
这组粉红色页面里,由于纯度都较低,任何一个纯度高小面积使用的颜色都能起到点睛的效果。
这类颜色的组合多用于女性主题,例如:
化妆品、服装等,鲜嫩而充满诱惑,传达着柔情、娇媚、温柔、甜蜜、纯真、诱惑的心理感受。
网页设计配色切忌用太多的颜色,那样很容易产生疲倦感,强烈的反差不柔和不适合长期浏览网页
通过本节我们学习到,网页设计配色时同类色、邻近色的组合,是非常调和的色彩组合,即使减少了色相的数量,一样也可以调配出很多不同的调和色彩。
对于初学者来说,这是一个非常实用的配色方法。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 技巧