网站规划与设计经典笔记Word格式文档下载.docx
- 文档编号:17524334
- 上传时间:2022-12-07
- 格式:DOCX
- 页数:14
- 大小:27.09KB
网站规划与设计经典笔记Word格式文档下载.docx
《网站规划与设计经典笔记Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《网站规划与设计经典笔记Word格式文档下载.docx(14页珍藏版)》请在冰豆网上搜索。
2、色彩的分类:
分为原色、间色、复色、补色四类
3、色彩的性质:
4、色彩的调子:
二、色彩心理感受
1、色彩的冷、暖感
2、色彩的轻、重感
4、色彩的前、后感
5、色彩的大、小感
6、色彩的华丽、质朴感
三、色相心理分析
四、色彩的联想特征
五、网页色彩打算
1、主色、辅色与强调色的选取
2、网页背景色、多媒体元素色、文字颜色的选取与确定
网页元素设计
一、文字与排版
二、图形元素
三、声音与视频
四、导航元素
五、表单控件
第一章网站整体设计
1、什么缘故要建那个站?
建那个站是为了什么?
2、需求是设计的源头——有需求才有设计,没有需求就没有设计
1、站点的用户是谁?
2、谁会对所建的站点感兴趣?
3、他们什么缘故要访问该站点?
4、什么样的功能内容及风格对用户有吸引力?
5、从哪些方面去研究用户?
01定义要紧的目标用户
02分析目标用户的特征,建立用户模型:
(用户模型是对用户的年龄、职业、经济状况、性不、国家、教育背景、文化背景、生活方式、婚姻状况、生存状况、性格等特征进行有效的分析)
03明确用户的真实需求
三、定义站点的类型:
1、按照网站主体性质划分:
政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站。
2、按照网站功能划分:
01、产品(服务)查询展示型网站:
本类网站核心目的是推广产品(服务),是企业的产品“展示框”。
利用网络的多媒体技术,数据库存储查询技术,三维展示技术,配合有效的图片和文字讲明,将企业的产品(服务)充分展现给新老客户,使客户能全方位的了解公司产品。
与产品印刷资料相比,网站能够营造更加直观的氛围和产品的感染力,促使商家及消费者对产品产生采购欲望,从而促进企业销售。
02、品牌宣传型网站:
本类网站特不强调创意设计,但不同于一般的平面广告设计。
网站利用多媒体交互技术,动态网页技术,配合广告设计,将企业品牌在互联网上发挥得淋漓尽致。
本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。
关于产品品牌众多的企业,能够单独建立各个品牌的独立网站,以便市场营销策略与网站宣传统一。
03、企业涉外商务网站:
通过互联网对企业各种涉外工作,提供远程、及时、准确的服务,是本类网站的核心目标。
本网站可实现渠道分销、终端客户销售、合作伙伴治理、网上采购、实时在线服务、物流治理、售后服务治理等,它将更进一步的优化企业现有的服务体系,实现公司对分公司、经销商、售后服务商、消费者的有效治理,加速企业的信息流、资金流、物流的运转效率,降低企业经营成本,为企业制造额外收益,降低企业经营成本。
04、网上购物型网站:
通俗的讲,确实是实现网上买卖商品,购买的对象能够是企业(B2B),也能够是消费者(B2C)。
为了了确保采购成功,该类网站需要有产品治理、订购治理、订单治理、产品推举、支付治理、收费治理、送发货治理、会员治理等差不多系统功能。
复杂的物品销售、网上购物型网站还需要建立积分治理系统、VIP治理系统、客户服务交流治理系统,商品销售分析系统以及与内部进销存(MIS,ERP)打交道的数据导入导出系统等。
本类型网站能够开发新的营销渠道,扩大市场,同时还能够接触最直接的消费者,获得第一手的产品市场反馈,有利于市场决策。
05、企业门户综合信息网站:
本类网站是所有各企业类型网站的综合,是企业面向新老客户、业界人士及全社会的窗口,是目前最普遍的形式之一。
该类网站将企业的日常涉外工作上网,其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。
该类网站函盖的工作类型多,信息量大,访问群体广,信息更新需要多个部门共同完成。
企业综合门户信息网站有利于社会对企业的全面了解,但不利于突出特定的工作需要,也不利于展现重点。
06、行业、协会信息门户/B2B交易服务型网站:
07、沟通交流平台:
本系统采纳利用互联网,将分布在全国的生产、销售、服务和供应等环节联系在一起,改变过去利用电话、传真、信件等传统沟通方式。
能够对不同部门、不同工作性质的用户建立无限多个的个性化网站;
提供内部信息公布、治理、分类、共享等功能,汇总各种生产、销售、财务等数据;
提供内部邮件、文件传递、语音、视频等多种通信交流手段。
08、政府门户信息网站:
利用政务网(或称政府专网)和内部办公网络而建立的内部门户信息网,是为了方便办公区域以外的相关部门(或上、下级机构),互通信息、统一数据处理、共享文件资料而建立的。
要紧包括如下功能:
提供多数据源的接口,实现业务系统的数据整合;
统一用户治理,提供方便有效的访问权限和治理权限体系;
能够方便建立二级子网站和部门网站;
实现复杂的信息公布治理流程。
站点的内容,是站点的内涵与价值所在
1、站点内容的要紧来源:
01编辑整理编撰02原创03转载04其他途径猎取
1、常见的网站功能模块:
产品展示公布系统、会员治理系统、信息公布系统(新闻公布系统)、权限治理系统、论坛系统、资料下载系统、邮件治理系统、信息检索系统、在线招聘系统、留言板系统、网上商城系统、网上调查系统、文件传输系统、访问统计系统、站点计数器、公告系统、购物车系统等
2、客户需要的其他功能,依照客户的需求开发
即组织网站各个网页栏目的逻辑结构
1、网站常见的架构:
线性结构、层级结构、网状结构
1、界面规划与设计的要紧内容有哪些:
01依照站点信息架构确定站点页面构成(换言之,确实是统计整个网站要设计多少个有效的网页界面,及各个界面之间链接跳转的关系。
)
02明确每个页面的内容(即页面要放置哪些栏目)与功能,确定页面的元素与结构(即排版布局)
03页面展示效果的实现(如幻灯片、滑动面板、动画等等)
2、网页界面的构成元素:
01导航元素:
各种菜单、链接
02形象元素:
如动画、展示图片等,不仅传递着特定的信息,而且对调节页面气氛、吸引受众也起着重大的作用。
03功能元素:
指用户与站点进行交互,以实现某种功能的元素,如为页面提供一个搜索框,登录框等。
04内容元素:
栏目列表信息、栏目的摘要信息等等文字信息内容
1、站点的设计风格:
01信息主体型风格:
以信息展示为主的,如新闻门户型网站
02印象型主体风格:
强调视觉的体验与效果,艺术性强
03均衡型风格:
前面两者兼备
一、设计草图与原型(雏形效果图)
二、页面需求描述:
即页面要摆放哪些栏目、需要哪些功能、应该有什么样的展示效果等。
1、页面描述的方式:
01线框型描述:
即用图形表示出来
02文字描述:
撰写文案,详细叙述页面的功能内容
1、网站打算书的要紧内容
01建站的背景分析:
相关行业背景分析、竞争对手分析、公司自身条件分析等。
02站点目标分析:
建站的目的与意图、目标用户分析、站点类型及需求分析。
03内容与功能规划:
依照站点目标和用户需求确定站点应包含的内容和功能、站点的栏目组成和功能架构。
04界面设计方案:
站点界面规划与组成,站点页面需求描述、站点的视觉形象设计方案。
05站点技术方案:
技术方案所要达到的目标(如数据精度、流量指标、响应速度等),项目所采纳的软、硬件技术(如确定屏幕尺寸、扫瞄器类型、服务器类型、数据库类型、操作系统等)
06站点的进度打算、费用预算等
07网站维护与更新方案
1、平衡与稳定:
结构的对称,不失衡。
2、焦点与主次:
分清晰焦点与主次,重点地点要强调突出,达到醒目的效果。
3、秩序与统一:
4、对比与变化:
1、平衡:
分为绝对平衡(即对称)与相对平衡
01对称的差不多形式:
反射、移动、回转、扩大
2、对比:
01形象与形象之间的对比:
大小、远近、方向、多少、曲直、虚实、明暗等对比
02形象与空间的对比:
正负、疏密、面积等对比
03色彩对比:
指色彩的色相、明度、纯度、冷暖等对比
3、调和:
分形象特征的调和、色彩调和、方向调和
4、节奏:
指高低、强弱、长短、抑扬顿挫之美
5、变异:
“万绿丛中一点红”、鹤立鸡群等
1、变异的形式:
位置、形象、方向、大小、色彩等变异
6、数理比例美
三、网页构成的形式法则(即网页设计的创意方法)
1、重复与近似
2、分割与比例
3、渐变与发射
4、对比构成:
5、特异构成
6、空间构成(三维空间)
7、打散重构
8、肌理
四、网页构成的形态要素——点、线、面
1:
点:
是造型的原生因素。
几何学概念所谈的点,仅表示位置.它没有大小面积表示。
一条线的开始与结
束或者两条线相接之处
点的感受与位置联想。
点有各种各样的形状、有规则和非规则的越小的点、点的感受愈强但显的柔弱、点涿渐增大时,则趋向于面的感受,这时点起着重要的作用,或以几何形式出现或以具象行出现但不管作为细小特征的点应尽可能采纳单纯简洁、强韧有力的形式。
当画面只有一个点时,常常容易成为视觉中心吸引人的视线,点从背影中越出,与画面周围空间发生作用。
点居与画面中心位置时,与画面的空间关系显的专门和谐;
当点位居于画面边缘时就改变了画面的静态平衡关系,形成了紧张感而造成动势。
假如画面有另一个点产生便形成两点之间的视觉张力,人的视线就会在两点之间来回流淌、形成一种新的视觉关系,而使点与背景的关系退居第二位。
当两个点有大小区不时,视觉就会由大到小的点的流淌,潜藏着明显的运动都趋势,具备了时刻的因素。
推而言之,画面中有三个点时,实现就在着三个点之间流淌,令人产生三角形面的。
众多点的聚散,引起能量和张力的多样化,这种复杂性常常给画面生动的情趣。
点的连续排列形成虚的线,其距离越近时,线的特性就愈显著。
点的间隔排列,具有井然有序的美感。
如加上点的大小变化,就产生变化丰富的视觉效果
点依据水平或垂直方向排列,成为静的构成。
相反,点沿着斜线,曲线,旋涡线排列,或者以自由方式排列,则形成动的构成
将点的大小渐变运动的排列。
能形成有动感和深度感的构成。
应用点的大小、多少、聚散、连接或不连接等变化排列,形成有节奏、韵律感的构成。
通过点的均散排列,形成画面的肌理效果。
2:
线:
是由点运动形成的,运动成为线的重要征。
两点之间最短距离的线便是直线。
直线反映了运动最简洁的形态。
直线类撕男性的阳刚品行:
果断、明确、理性、坚决、具有速度和坚强感。
方向不断改变的点的运动形成曲线。
曲线类似女性的阴柔品行:
柔和、丰满、优雅、感性、含蓄和富有节奏感。
曲线大致又可分为几何曲线和自由曲线两种形式。
几何曲线规律性强,有圆、圆弧、抛物线等样式,有明确、清晰、易于制作和识不的特性。
具有弹性和富于动感变化的自由曲线,则表达一种有机生命形态的形式。
即兴的自由曲线展现了个性化的特征,其线条专门难重复
线条增加其宽度会倾向于面的特性,粗的线能增加力度和厚重感。
细的线显得纤细、敏锐而柔弱,锯齿状的线因其强烈的刺激性而产生不舒服的感受,粗糙的线会令人产生受阻的苦涩
线的另一个特征他具有方向性。
线的运动方向差不多归为垂直、水平、倾斜三种。
白色的行具有扩张感、黑色的行具有收缩感。
线通过集合排列形成面饿感受,应用线的粗细的变化、长短变化、疏密变化的排列能够形成有空间深度和运动感的结合。
应用线的粗糙的变化排列或者间隔距离大小渐变排列能形成有规矩的渐层变化的空间感
线的中断应用,能够产生点的感受
应用线的不同交叉方式或方向变动,就能够追求放射旋转具有强烈动势结构的图形。
3:
面
以几何行法则构成的图形简洁明快,具有数理秩序与机械的冷感性格,体现一种理性的特征:
有机形表现着自然界有机体中存在的一种生气勃勃的旺盛生命力,是流淌而有弹性的曲线构成的具有内在活力与温暖感的形式,它是由自然中外力与物体内应力相抗衡作用所形成的。
偶然形是应用专门技法或材料,依偶然的效果而意外获得的天然成趣的形态,具有奇妙的变幻魔力。
是利用偶然因素提炼造型美的一种方式。
偶然形是难以预料的形,他正好与几何形相反。
是无法重复的不定形。
平放的三角形特不稳定,以一点支撑的三角形会产生极不安定的紧张感,但这又与形的大小有关,假如三角形以接近点的形象出现,他反而会带来画面的灵动感。
由于三角形具有锐角性质我们常常改变其比例关系,形成更尖锐的三角形,造成强烈紧张的方向感。
01色相指的是色彩的相貌特征和相互区不。
色相具体指的是红、橙、黄、绿、青、蓝、紫。
色相要紧体现事物的固有色和冷暖感。
02纯度,指的是色素的饱和程度。
色彩的纯度体现事物的量感,纯度不同,即高纯度的色和低纯度的色表现出事物的量感就不同。
红、橙、黄、绿、青、蓝、紫七种颜色纯度是最高的。
03明度,是指色彩的深与浅所显示出的程度。
所有的颜色都有明与暗的层次差不。
这层次确实是“黑”、“白”、“灰”。
在红、橙、黄、绿、青、蓝、紫七色中,最亮的明度最高的是黄色、橙、绿次之,红、青再次之,最暗的是蓝色与紫色。
色彩明度变化即深浅的变化,就使得色彩有层次感,出现立体感的效果。
01三原色:
在颜色中不能再分解的,并能调配其它色彩的色,如红、黄、蓝,也确实是原色
02间色:
由两种原色调配混合而成的色,如红与黄配为橙色,黄与蓝配为绿色,蓝与红配为紫色。
03复色:
是由两种间色调制而成的色如橙配绿为橙绿色等等。
04补色:
是指原色中的一种再间色,或者和复色相配而现出的色。
3、色彩的性质:
色彩不同,其光波作用于人的视网膜使人产生的感受也不同,因此面对不同的颜色人们就会产生冷暖、明暗、轻重、强弱、远近、胀缩等不同心理反应。
01色彩的冷与暖。
绿、蓝、紫色相能给人以文静、清凉近似于冷的感受,而红、橙、黄色相能给人以热烈、温暖、兴奋近似于暖的感受。
在冷色、暖色之间也有一种给人不太冷与不太热的中间色,如色相环上的黄绿、蓝绿色。
冷暖色也有层次关系,有的偏冷,如紫红、柠檬黄、蓝紫,有的偏暖,如桔红、桔黄、蓝绿则偏暖。
冷暖关系在色相相互比较中产生的。
02色彩的轻与重。
轻和重的色彩感是由色相的饱合度的高和低在视觉上产生的一种效果。
凡是感受重的色差不多上色相饱和度高的色,饱合度低则感受就轻。
色彩的色相因纯度(饱和度)值不同,其轻重的量感也就不一样。
如把白色的心理感受重量定为100克计,黑色是187克、黄色是113克、绿色是133克、兰色是152克、紫色是155克、灰色是155克、红色是158克。
03色彩的远与近。
远和近的色彩感是由于色彩的冷暖关系作用于人们的视觉感受而产生的。
一般冷色给人以远的感受。
在自然界蓝色的群山就给人远的感受;
暖色则给人以近感。
04色彩中的冷和暖、轻和重、远与近、胀与缩,以及色彩的明与暗、强与弱,既讲明色彩的性质,而冷与暖等等也是人们心理和视觉情绪上的反映,是一种感受对比。
这种色彩的对比有强烈的视觉效果,极富有宣传性。
色彩的调子能激起人们心理活动并引起快感与产生美感。
01红色调它给人热情、欢乐之感。
人们用它来表现火热、生命、活力与危险等信息。
02蓝色调给人平复、宽广之感。
人们用它来表现以后、高科技、思维等信息。
03黄色调给人温暖、轻快之感。
人们用来表现光明、希望、轻快、注意等信息。
04绿色调它给人清新、平和之感。
人们用来表现生长、生命、安全等信息。
05橙色调它给人兴奋、成熟之感。
是专门受人们欢迎的颜色。
06紫色调它给人幽雅、高贵之感。
人们用来表现悠久、深奥、理智、高贵、冷漠等信息。
07黑色调给人高贵、时尚之感。
人们用来表示重量、坚硬、男性、工业等信息。
1、色彩的冷、暖感色彩本身并无冷暖的温度差不,是视觉色彩引起人们对冷暖感受的心理联想。
暖色:
人们见到红、红橙、橙、黄橙、红紫等颜色后,暖色就联想到太阳、火焰、热血等物像,产生温暖、热烈、危险等感受,使人产生冲动情绪。
冷色:
见到蓝、蓝紫、蓝绿等色后,则容易联想到太空、冰雪、海洋等物像,就会产生严寒、理智、平静等感受。
色彩的冷暖感受,不仅表现在固定的色相上,而且在比较中还会显示其相对的倾向性。
如同样表现天空的霞光,用玫红画早霞那种清新而偏冷的色彩,感受专门恰当,而描绘晚霞则需要暖感强的大红了。
但如与橙色对比,前面两色又都加强了寒感倾向。
人们往往用不同的词汇表述色彩的冷暖感受,冷色
暖色——阳光、不透明、刺激的、稠密、深的、近的、重的男性的、强性的、干的、感情的、方角的、直线型、扩大、稳定、热烈、爽朗、开放等。
冷色——阴影、透明、冷静的、稀薄的、淡的、远的、轻的、女性的、微弱的、湿的、理智的、圆滑、曲线型、缩小、流淌、平复、文雅、保守等。
中性色:
绿色和紫色是中性色。
黄绿、浅蓝、蓝绿等色,使人联想到草、树等植物,产生青春、生命、和平等感受。
紫、蓝紫等色使人联想到花卉、水晶等稀贵物品,故易产生高贵、奇妙感感受。
至于黄色,一般被认为是暖色,因为它使人联想起阳光、光明等,但也有人视它为中性色,因此,同属黄色相,柠檬黄显然偏冷,而中黄则感受偏暖。
中性色
2、色彩的轻、重感这要紧与色彩的明度有关。
明度高的色彩使人联想到蓝天、白云、彩霞及许多花卉还有棉花,羊毛等。
产生轻柔、飘浮、上升、敏捷、灵活等感受。
明度低的色彩易使人联想钢铁,大理石等物品,产生沉重、稳定、降落等感受。
3、色彩的软、硬感其感受要紧也来自色彩的明度,但与纯度亦有一定的关系。
明度越高感受越软,明度越低则感受越硬,但白色反而软感略改。
明度高、纯底低的色彩有软感,中纯度的色也呈柔感,因为它们易使人联想起骆驼、狐狸、猫、狗等好多动物的皮毛,还有毛呢,绒织物等。
高纯度和低纯度的色彩都呈硬感,如它们明度又低则硬感更明显。
色相与色彩的软、硬感几乎无关。
4、色彩的前、后感由各种不同波长的色彩在人眼视网膜上的成像有前后,红、橙等光波长的色在后面成像,感受比较迫近,蓝、紫等光波短的色则在外侧成像,在同样距离内感受就比较后退。
实际上这是视错觉的一种现象,一般暖色、纯色、高超度色、强烈对比色、大面积色、集中色等有前进感受,相反,冷色、浊色、低明度色、弱对比色、小面积色、分散色等有后退感受。
5、色彩的大、小感由于色彩有前后的感受,因而暖色、高超度色等有扩大、膨胀感,冷色、低明度色等有显小、收缩感。
6、色彩的华丽、质朴感色彩的三要素对华丽及质朴感都有阻碍,其中纯度关系最大。
明度高、纯度高的色彩,丰富、强对比色彩感受华丽、辉煌。
明度低、纯度低的色彩,单纯、弱对比的色彩感受质朴、古雅。
但无化何种色彩,假如带上光泽,都能获得华丽的效果。
三、色相心理分析
1、红色:
红色是一种引人注目的色彩。
对人的感受器官有强烈的刺激作用,能增高血压,加速血液循环,对人的心理产生巨大鼓舞作用。
这就使红色有了积极、向上、活力等象征意义。
假如红色中加入白色成为粉红色,它意味着幸福、甜蜜、娇柔、爱情。
假如红色加入黑色可成为暗红色,给人以枯萎、苦恼、孤僻、憔悴、不合群的心理感受。
假如红色中加入灰色,成为红灰色,给人以烦闷、哀伤、忧郁、寂寞的心理感受。
2、橙色:
橙色也是对视觉器官刺激比较强烈的色彩。
既有红色的热情,又有黄色的光明、爽朗的性格,是人们普遍喜爱的色彩。
如警戒的指定色,海上的救生衣,马路上养路工人制服等常用此色。
假如橙色中加入白色,给人以细嫩、温馨、温顺、柔润、细心、轻巧、慈爱的心理感受。
假如橙色中加入黑色,给人以沉着、茶香、情深、悲观、拘谨的心理感受。
假如橙色中加入灰色给人以沙滩、故土、灰心的心理感受。
3、黄色:
黄色是所有彩色中明度最高的色彩。
给人以光明、自信、迅速、爽朗、注意、轻快的感受,尤其在低明度色彩或其补色的存托下,十分醒目。
在中国传统用色中,黄色是权力的象征,是帝王皇族的专用色。
假如黄色中加入白色,给人以单薄、柔嫩、可爱、无诚意、和气、光荣和慈爱的心理感受。
假如黄色中加入黑色,给人以没希望、多变、贫穷、粗俗、秘密的心理感受。
假如黄色中加入灰色,给人以不健康、没精神、低贱、肮脏、陈旧的心理感受。
4、绿色:
绿色的视觉感受比较舒适,和气。
绿色为植物的色彩,对生理作用和心理作用都极为平静,刺激性不大。
因此,,人对绿色都较喜爱,绿色给人以宁静、休息、放松,使人精神不易疲劳。
假如绿色中加入白色,给人以爽快、清淡、宁静、舒服、轻浮的心理感受。
假如绿色中加入黑色,给人以安稳、自私、沉默、刻苦的心理感受。
假如绿色中加入灰色,给人以湿气、倒霉、不信任、腐烂、发酵的心理感受。
5、蓝色:
蓝色会使人想到海洋、天空,湛蓝而宽敞。
蓝色给人以平复、智慧、深远的感受。
蓝色对视觉器官的刺激较弱,当人们看到蓝色时情绪较安静,尤其是当人们在心情烦躁、情绪不安时,面对蓝蓝的大海,仰望蔚蓝旷远的天空,顿时心胸变得开阔起来,苦恼便会烟消云散。
假如蓝色中加入白色,会给人以清淡、聪慧、伶俐、轻柔、高雅、和气的心理感受。
假如蓝色中加入黑色,给人以奇妙、沉重、幽深、悲观、孤僻、庄重的心理感受。
假如蓝色中加入灰色,给人以粗俗、悲伤、压力、贫困、沮丧、笨拙的心理感受。
6、紫色:
紫色属于中性色彩,富有奇妙感。
紫色易引起心理上的忧郁和不安,但又给人以高贵、庄严之感,是女性较喜爱的色彩。
在我国传统用色中,紫色是帝王的专用色,是较高权力的象征。
如紫禁城(北京故宫)、紫袭装(朝廷赐给和尚的僧衣)、紫诏(皇帝的诏书)等。
紫色中加入白色,给人以女性化、娇媚、清雅、美梦、含蓄、虚幻、羞涩、奇妙的心理感受。
紫色中加入黑色,给人以虚伪、渴望、失去信心的心理感受。
紫色中加入灰色,给人以腐烂、厌倦、回忆
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 规划 设计 经典 笔记